Cách tạo hiệu ứng lightbox với plugin Responsive Lightbox

Trong phần trước mình đã giới thiệu đến các bạn plugin WP Lightbox 2 để tạo hiệu ứng lightbox cho ảnh của bạn trên website, hôm nay mình sẽ giới thiệu tiếp đến các bạn một plugin nữa cũng giúp bạn tạo hiệu ứng lightbox đó là plugin Responsive Lightbox.

Giới thiệu về plugin Responsive Lightbox.
Plugin Responsive Lightbox được tạo bởi dFactory, cho đến nay đã có hơn 200.000 lượt tải về. Với plugin Responsive Lightbox bạn sẽ tạo được một hình ảnh to hơn khi người dùng click vào hình ảnh của bạn.

Tính năng của plugin Responsive Lightbox.
+ Có 6 hiệu ứng Lightbox cho bạn thoải mái lựa chọn.
+ Tự động thêm các hiệu ứng lightbox cho các hình ảnh trong thư viện.
+ Tự động thêm lightbox để liên kết hình ảnh WordPress.
+ Nó cũng có thể tạo hiệu ứng lightbox cho video của bạn trong trường hợp video đó là Youtube, vimeo.
+ Lựa chọn để kích hoạt lightbox tùy chỉnh trên các jquery.

Cách cài đặt và sử dụng plugin Responsive Lightbox.
Đầu tiên bạn cần cài đặt và kích hoạt plugin Responsive Lightbox vào trong WordPress, bạn vào Plugins -> Add new -> nhập tên plugin Responsive Lightbox vào ô Search Plugins rồi tiến hành cài đặt và kích hoạt (bạn có thể tham khảo thêm cách cài đặt và kích hoạt plugin trong WordPress để nắm rõ hơn nhé).
Tiếp theo bạn vào Settings -> Responsive Lightbox

muc-responsive-lightbox
Sẽ thấy một bảng điều khiển hiện ra

bang-dieu-khien-responsive-lightbox
cai-dat-responsive-lightbox
+ Lightbox script: các hiệu ứng light box dành cho bạn.
+ Selector: chọn hiệu ứng.
+ Single image title: chọn tiêu đề hình ảnh.
+ Single images as gallery: Hiển thị ảnh ảnh như một bộ sưu tập.
+ Gallery image size: kích cỡ ảnh.
+ Gallery image title: tiêu đề ảnh.
+ Video link: thêm hiệu ứng lightbox cho video của bạn.
+ Custom events: tạo hiệu ứng lightbox cho các sự kiện jquery.
+ Loading place: chọn nơi có hiệu ứng lightbox.
+ Delete Data: Xóa dữ liệu.
Sau khi tùy chỉnh xong các bạn nhớ ấn nút Save Changes nhé.
Chúc các bạn thành công!

Leave a Reply

Your email address will not be published. Required fields are marked *