Bài viết liên quan
Hiệu ứng lightbox chính là khi bạn nhấp chuột vào một hình ảnh bất kỳ trong bài viết thì nó sẽ hiện ra một cửa sổ popup, trong đó hiển thị các hình ảnh trong bài viết đó. Đây là một hiệu ứng khá bắt mắt và nó cũng giải quyết được vấn đề là ảnh của bạn quá to trong khi khung bài viết lại nhỏ, nó làm cho chữ và hình ảnh bị co lại nhưng với lightbox thì bạn sẽ hiển thị được full size ảnh. Trong bài viết này tôi sẽ hướng dẫn các bạn tạo hiệu ứng lightbox trong WordPress.
Để có được hiệu ứng này trên WordPress rất đơn giản, không cần phải code gì cả mà chỉ cần cài plugin Responsive Lightbox by dFactory. Đây là một plugin tạo lightbox rất tốt đồng thời hỗ trợ cả Responsive.
Đầu tiên các bạn cài đặt và kích hoạt plugin Responsive Lightbox by dFactory, sau đó vào Settings > Responsive Lightbox để cấu hình, ở đây sẽ có một số tùy chọn cho bạn. Nếu bạn là một người am hiểu thì có thể cấu hình lại tuy nhiên plugin đã tự tối ưu các lựa chọn cho bạn rồi.
Một lời khuyên cho bạn trong phần Default lightbox nên chọn Featherlight cho đẹp.
Nhưng để mà lightbox có thể hoạt động được, các bạn cần chú ý khi thêm ảnh vào bài viết thì trong phần Link To phải chọn là Media File nhé.
Thế thôi, bạn vào thử bài viết vừa chỉnh xem được chưa nhé. Lưu ý là các bài viết mà bạn viết trước, phần Link To không phải là Media File thì không được đâu nhé. Plugin sẽ không tự động làm cho bạn. Bạn muốn phải edit thủ công thôi. 🙂
Nguồn: Việt Hùng admin https://chiasewp.com/
Bình Luận