Thêm một gallery với hiệu ứng lightbox vào website WordPress là một cách tuyệt vời để làm cho hình ảnh của bạn trở nên sống động và thu hút sự chú ý của người xem. Hiệu ứng lightbox giúp hình ảnh mở ra trong một cửa sổ overlay khi được nhấp vào, tạo ra một trải nghiệm xem ảnh thú vị. Trong bài viết này, hãy cùng Vietnix tìm hiểu cách thêm gallery với hiệu ứng lightbox vào trang web WordPress và khám phá những lợi ích hấp dẫn của tính năng này mang lại cho trang web.
Cách thêm gallery với hiệu ứng lightbox trong WordPress bằng plugin
Bạn có thể dễ dàng thêm một gallery hình ảnh WordPress với hiệu ứng lightbox bằng cách sử dụng plugin Envira Gallery. Đây là plugin gallery tốt nhất cho WordPress, cho phép tạo ra các bộ sưu tập hình ảnh hoàn toàn đáp ứng và hiện đại cho website. Envira Gallery cũng rất nhanh chóng và có một công cụ kéo và thả, các mẫu gallery chuyên nghiệp và nhiều tính năng, bao gồm việc thêm tag, âm thanh, chia sẻ social media và hiệu ứng lightbox.
Để thêm gallery với hiệu ứng lightbox trước hết, bạn cần cài đặt và kích hoạt plugin Envira Gallery. Nếu bạn chưa biết cách cài đặt có thể tham khảo video hướng dẫn sau của Vietnix:
Sau khi kích hoạt, truy cập Envira Gallery > Settings từ thanh bên trái của trang quản trị WordPress để nhập license key. Bạn có thể lấy thông tin này từ tài khoản của mình trên trang web Envira Gallery.
Sau đó, bạn cần truy cập trang Envira Gallery > Add New từ trang tổng quan WordPress để bắt đầu tạo bộ sưu tập hình ảnh của riêng bạn. Từ đây, nhập tiêu đề cho bộ sưu tập hình ảnh và nhấn vào button “Select Files from Your Computer” để tải lên các hình ảnh.
Hoặc, nếu bạn muốn thêm các hình ảnh từ thư viện phương tiện của mình vào bộ sưu tập, hãy nhấp vào button “Select Files from Other Sources“. Điều này sẽ mở thư viện phương tiện, từ đó bạn có thể tải lên các hình ảnh cho bộ sưu tập. Tuy nhiên, bạn nên nhớ rằng bạn chỉ có thể tải lên một hình ảnh từ thư viện phương tiện một lúc.
Khi đã hoàn thành điều đó, hãy cuộn xuống phần “Currently in your Gallery, bạn sẽ thấy một bản xem trước của bộ sưu tập ở phía bên phải với các cài đặt ở cột bên trái. Bây giờ, chỉ cần nhấp vào biểu tượng bút chì ở đỉnh của mỗi hình ảnh để mở hộp thoại “Edit Metadata” trên màn hình.
Từ đây, bạn có thể thêm phụ đề, trạng thái, tiêu đề và alt text cho từng hình ảnh. Sau đó, đừng quên nhấp vào button “Save Metadata” để lưu các cài đặt.
Tiếp theo, chuyển sang tab Configuration từ cột bên trái để thay đổi bố cục của bộ sưu tập hình ảnh theo ý thích. Từ đây, bạn có thể chọn một bố cục, số cột, kích thước hình ảnh, kích cỡ, theme và nhiều tùy chọn khác.
Khi bạn đã cấu hình bố cục của gallery, chuyển sang tab Lightbox từ cột bên trái và chọn tùy chọn Enable Lightbox? Sau đó, chọn một theme lightbox từ menu thả xuống “Gallery Lightbox Theme“. Nếu bạn chọn tùy chọn Legacy, thì hiệu ứng lightbox sẽ có một bố cục cũ hơn. Khi bạn chọn tùy chọn Base (Dark), hiệu ứng lightbox sẽ có một bố cục gốc với nền tối.
Tiếp theo, bạn phải chọn liệu bạn muốn hiển thị tiêu đề hình ảnh hoặc phụ đề trong hiệu ứng lightbox. Bạn cũng có thể hiển thị cả hai hoặc không hiển thị bất kỳ thông tin nào nếu bạn muốn. Sau khi bạn đã làm điều đó, hãy chọn kích thước hình ảnh cho hiệu ứng lightbox từ menu thả xuống.
Sau đó, kiểm tra tùy chọn “Enable Gallery Arrows. Hiệu ứng lightbox sẽ hiển thị hai mũi tên mà người xem có thể sử dụng để chuyển đổi giữa các hình ảnh khác nhau trong bộ sưu tập. Bạn cũng có thể cấu hình các thiết lập khác cho hiệu ứng lightbox, bao gồm hiệu ứng chuyển tiếp, hiệu ứng mở/đóng, kích hoạt lightbox supersize và nhiều tùy chọn khác. Khi bạn đã hoàn tất, đừng quên nhấp vào button Publish ở phía trên để lưu các thay đổi.
Để tạo gallery hình ảnh của bạn vào một trang/bài viết WordPress, mở trang trong trình soạn thảo block (block editor). Ở đây, bạn cần nhấp vào button thêm block “+” ở góc trái phía trên màn hình để mở menu block. Tiếp theo, thêm block Envira Gallery vào trang/bài viết.
Sau đó, chọn gallery hình ảnh mà bạn vừa tạo từ menu thả xuống trong block. Cuối cùng, nhấp vào button Update hoặc Publish để lưu các cài đặt. Bây giờ, bạn có thể truy cập blog WordPress của bạn để xem bộ sưu tập hình ảnh và sau đó nhấp vào bất kỳ hình ảnh nào để xem hiệu ứng lightbox.
Ngoài những nội dung liên quan đến cách thêm gallery với hiệu ứng lightbox, có thể bạn quan tâm:
Lời kết
Vietnix hy vọng nội dung bài viết trên đã giúp bạn hiểu được cách thêm gallery với hiệu ứng lightbox. Đồng thời, bạn cũng có thể tham khảo thêm các nội dung bài viết khác về chủ đề liên quan như đánh giá 6 plugin tối ưu hóa hình ảnh WordPress tốt nhất hoặc 5 cách thêm hình ảnh vào WordPress dành cho người mới bắt đầu, nhằm tối ưu hình ảnh tốt hơn cho website. Chúc bạn thành công!
