Tạo Fullscreen background slideshow [supersized]

Quảng cáo
Ads_ngang
Website dinhthuanit.com có bài Tạo Fullscreen background slideshow [supersized]

Ta đã bắt gặp biết bao slideshow ảnh với khổ nhỏ trên website, một slideshow công chiếu ảnh dạng background thì sao nhỉ? mình có tìm hiểu trên mạng thì đã chọn được thư viện jquery Supersized. Slider này được coi là background slideshow.
supersized jquery
Xem demo tại đây:
Demo

Cài supersized cho wordpress

Các bạn Tải plugin supersized tại đây nhé:
Tải supersized
Sau đó kích hoạt và triển khai cài đặt:
Truy cập: settings-> WP Supersized.

Chỉnh sửa thành phần controls

Mặc định sẽ được thanh controls chứa nút định hướng pagination ở bottom, để điều tiết phần này vào tab components.

  • Slideshow controls: ẩn/hiển controls.
  • Navigation arrows: mũi tên next/back ảnh.

Nhớ nhấn Update Options để lưu lại.

Kích thước và vị trí ảnh

Nhấn vào tab Size and position. Điều chỉnh thông số như:

  • Fit image: vị trí và khổ ảnh
  • Center the background horizontally: căn background ở vị trí chính giữa theo phía ngang.
  • Center the background vertically: căn background ở địa thế chính giữa theo hướng dọc.

Chọn nguồn ảnh cho slideshow

Nhấn vào tab slides source. Mặc định supersized sẽ lấy nguồn ảnh nằm trong folder “wp-content/supersized-slides”.
Giải thích: plugin sẽ liệt kê mọi thứ các folder không phải hệ thống wordpress có hiện diện trong thư mục wp-content. Chọn vào một folder, plugin sẽ lấy ảnh có trong folder đó nếu có. Trường hợp không ảnh nào được tìm thấy thì sẽ sử dụng ảnh mặc định của plugin.

Nếu không muốn động trạm vào ftp hay cpanel để upload ảnh lên host, còn có cách nào khác không nhỉ?
Supersized có kết hợp với plugin NextGEN Gallery để làm dữ liệu cho nó. Bạn cần cài đặt plugin này mới có thể sử dụng được.
wp-supersized-1

Tùy chọn Hiển thị slide ảnh cho mỗi bài viết

Bạn có thể chọn những ảnh làm slide riêng cho bài viết cụ thể, để thiết lập cho một bài viết bạn edit bài viết đó, kéo thanh cuộn xuống phía dưới bạn sẽ thấy mục “WP Supersized source of images”. Plugins cung cấp nhiều chọn lựa nguồn ảnh bạn có thể trỏ đến.

Mặc định là None, tất cả các page/post..bạn đã thiết lập cho sử dụng background slideshow đều sử được sử dụng chung. Sau đây là cách thiết lập slideshow cho mỗi trang riêng biệt.

  • WP Media Gallery: để sử dụng tính năng này bạn cần cài thêm plugin WP Media Gallery. Chọn nguồn ảnh bằng cách chọn gallery tạo nên từ plugin này.
  • NextGen Gallery: chọn một NextGen gallery đã tạo trước đó.
  • Flickr: import ảnh từ dịch vụ Flickr.
  • Picasa: import ảnh từ dịch vụ Picasa
  • Smugmug:
  • Custom dir: chọn ành ở thư mục khác có tại /wp-content/
  • XML file: nhập địa chỉ file XML chứa ở wp-content/. Xem file mẫu có trong plugin example.xml

Có nhiều bạn mắc phải lỗi không hiển thị ảnh/hiển thị ảnh not found, là do nguyên nhân chọn nguồn ảnh không đúng.

Ngoài ra Xem thêm tài liệu chính thức tại đây:
http://buildinternet.com/project/supersized/docs.html

Để thu được bài viết mới vui lòng đăng ký kênh kiến thức WordPress từ A-Z ở Form bên dưới. Bạn cũng đều có thể thu được sự trợ giúp trên Twitter và Facebook

Bài viết Tạo Fullscreen background slideshow [supersized] được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.

Bài Viết Liên Quan


Bài Viết Khác


Quảng cáo
Ads_ngang