Tạo hiệu ứng popup lightbox khi nhấp vào ảnh WordPress

Cài hiệu ứng Lightbox cho WordPress
Cài hiệu ứng Lightbox cho WordPress

Hiệu ứng Lightbox cho WordPress

Nói thật với các bạn là mình không tính đăng bài này ra đây đâu mà đợi làm xong thư viện plugin đầy đủ rồi viết và hướng dẫn ở trong đó luôn vì hướng dẫn plugin lẻ tẻ ra đây thì rất dễ bị loãng. Nhưng có nhiều người yêu cầu viết bài hướng dẫn làm lightbox cũng như để khẳng định với độc giả rằng mình vẫn đang rất quan tâm tới blog cho việc tuần này ít viết bài vì quá bận. Hic, thế mới thấy muốn giữ chân độc giả cũng khổ vậy đấy. Thôi chúng ta quay lại vấn đề chính.

Hiệu ứng Lightbox cho ảnh chính là hiệu ứng mà khi các bạn nhấp vào một tấm ảnh nó sẽ hiển thị ra một cửa sổ popup nhỏ để hiển thị kích thước thật của ảnh đó từ việc sử dụng một plugin trong jQuery. Thường dùng cho các website có sử dụng nhiều ảnh mà không muốn chèn ảnh quá to vào bài. Để làm tính năng này trong WordPress không hề khó, chỉ cần cài plugin là xong, mà ví dụ là trong bài này mình sẽ hướng dẫn bạn cách cài plugin WP Lightbox 2 để làm hiệu ứng này.

Ban đầu bạn cứ cài plugin WP Lightbox 2 như bình thường và kích hoạt lên. Sau đó bạn có thể vào Settings -> WP Lightbox 2 để thiết lập, nhưng hầu như bạn không cần phải sửa gì cả vì nó đã tự động config cho bạn rồi. Nhưng để hoạt động được thì quan trọng là cách dùng nè.

Để nó có thể hiển thị lightbox trong ảnh khi nhấp vào, thì khi chèn ảnh vào WordPress bạn nên lưu ý chỗ phần Link to phải để là Image File.

Cách cài lightbox cho WordPress

Thiết lập Link to là Image File

Sau đó bạn có thể chèn ảnh vào bài như bình thường. Chỉ như vậy thôi và bây giờ bạn hãy thử ra ngoài website click vào ảnh để xem kết quả nhé, nó nên hiển thị thế này.

Cài hiệu ứng Lightbox cho WordPress

Hiệu ứng Lightbox cho WordPress

Đấy, chỉ vậy thôi là thành công rồi. Quá đơn giản luôn đúng không 🙂

Update

Nếu bạn cần lightbox hỗ trợ Responsive giống ThachPham.Com thì hãy dùng plugin Responsive Light Box. Cách sử dụng tương tự bài này.

Nguồn: Tạo hiệu ứng popup lightbox khi nhấp vào ảnh WordPress | Thạch Phạm

Categories: Content Marketing, Digital Marketing, Google Ads, Kinh doanh, PHP, SEO, Server - Hosting, WordPress, WordPress Development, Wordpress Plugin, WordPress Theme, Wordpress Tutorial,
Tags: baemin, bán hàng online, bán hàng online trên facebook, bán hàng qua facebook, bán hàng quần áo, bán hàng thời trang, bán hàng trên baemin, bán hàng trên facebook, bán hàng trên fanpage, bán hàng trên grab, bán hàng trên marketplace, bán hàng trên now, bán hàng trên tiktok, báo cáo kết quả hoạt động kinh doanh, bí quyết kinh doanh online, bít tết Âu việt, black friday, buôn bán hàng thùng, buôn bán hàng thùng tuyển chọn, cách bán hàng online đắt khách, cách bán hàng trên marketplace, cách bán hàng trên tiktok, câu chuyện kinh doanh, câu chuyện thành công, chương trình khuyến mãi, công nghệ phần mềm bán hàng, cửa hàng cafe, cửa hàng minh tuấn mobile, cửa hàng phụ kiện, cửa hàng thời trang, cửa hàng thực phẩm, cửa hàng thực phẩm sạch, doanh số bán hàng, dox garage & coffee, dox garage & coffee, đăng ký bán hàng trên baemin, đăng ký bán hàng trên go food, đăng ký bán hàng trên grab, đăng ký bán hàng trên now, facebook, facebook pos, fanpage, file excel, file excel báo cáo kết quả kinh doanh, file excel quản lý kho, foodngon, go food, go jek, grab, halo mobile, khởi nghiệp, khởi nghiệp kinh doanh, khởi nghiệp kinh doanh thời trang, kinh doanh cafe, kinh doanh điện thoại, kinh doanh điện tử điện máy, kinh doanh đồ handmade, kinh doanh gì sau dịch, kinh doanh mỹ phẩm, kinh doanh mỹ phẩm online, kinh doanh nhà hàng, kinh doanh online, kinh doanh phụ kiện, kinh doanh quán cafe, kinh doanh shop thời trang, kinh doanh siêu thị mini, kinh doanh spa, kinh doanh thành công, kinh doanh thời trang, kinh doanh thời trang trẻ em, kinh doanh thực phẩm, kinh doanh thực phẩm sạch thành công, kinh doanh trên facebook, kinh doanh trên grab, kinh nghiệm bán hàng, kinh nghiệm kinh doanh, làm đồ handmade, lily shop, link kháng tài khoản quảng cáo, lụa tơ tằm bá minh, marketing online, mặt hàng dễ bán, mẹo bán hàng, mẹo bán hàng trên facebook, mẹo hay, ngày black friday năm 2020 là ngày nào?, now, now - foody, phầm mềm quản lý bán hàng miễn phí, phần mềm chốt đơn, phần mềm chốt đơn hàng, phần mềm miễn phí, phần mềm pos, phần mềm quản lý bán hàng, phần mềm quản lý bán hàng đáng tin cậy, phần mềm quản lý bán hàng miễn phí, phụ kiện ben & tony, phụ kiện ben & tony, phụ kiện hà xinh, quán cafe hiệu quả, quản lý cửa hàng, quản lý cửa hàng thời trang, quản lý nhà hàng, quản lý nhân viên, quản lý nhân viên cứng đầu, quản lý nhân viên thời vụ, quảng cáo thương hiệu, shop thời trang, shopee, siêu thị minimart, status, status bán hàng, status quảng cáo mỹ phẩm, stella spa, stt bán hàng online hài hước, stt tương tác bán hàng, t.u.s shop, tài khoản bị vô hiệu hóa, tài khoản facebook, tài khoản facebook bị vô hiệu hóa, tải miễn phí file excel quản lý kho, tăng doanh thu mùa black friday, thời trang kosta, thời trang mine, thời trang tú trần shop, thực phẩm sạch, thực phẩm sạch 02, thực phẩm sạch tâm an, thuê mặt bằng kinh doanh, tiki, tiktok, tú trần shop,
Đăng nhập vào WordPress bằng điện thoại với Clef
Tích hợp Disqus vào WordPress từ A đến Z
Tác giả

Bình luận

Leave a Message

Registration isn't required.

NguyenLp LarTheme