Blog này sẽ thảo luận về tầm quan trọng của WordPress Lightbox và quy trình triển khai nó.
Hộp đèn trong WordPress là gì?
Hộp đèn tương ứng với một cửa sổ bật lên được hiển thị trên các bài đăng/trang để hiển thị hình ảnh nhỏ hơn ở kích thước đầy đủ. Nó hoạt động như một thư viện để nhập/tải nhiều mục phương tiện và triển khai chúng lên trang web. Ngoài ra, sau khi triển khai, khi nhấp vào phương tiện, nó sẽ được phóng to và hiển thị rõ ràng trên màn hình. Ứng dụng phổ biến nhất của Lightbox là hiển thị hình ảnh chất lượng cao trên blog bằng cách duy trì kích thước của chúng.
Làm cách nào để triển khai Lightbox trong WordPress?
LightBox có thể được triển khai/áp dụng với sự trợ giúp của nhiều plugin khác nhau. Trong trường hợp này, “ Hộp đèn & Thư viện đáp ứng ” plugin sẽ được sử dụng.
Sử dụng các bước sau để triển khai hộp đèn trong WordPress.
Bước 1: Cài đặt Plugin
Trước hết, hãy cài đặt “ Hộp đèn & Thư viện đáp ứng ” plugin từ “ Plugin->Thêm mới ”:
Sau khi quá trình cài đặt và kích hoạt hoàn tất, hãy kích hoạt “ Bắt đầu tour du lịch Nút ” để bắt đầu sử dụng plugin:
Bước 2: Thêm hình ảnh
Bây giờ, hãy thêm một bộ sưu tập mới từ “ Thư viện->Thêm mới ”:
Sau đó, gán tên tùy chỉnh cho thư viện và sử dụng nút “ Thư viện phương tiện ” tùy chọn và kích hoạt “ Chọn hình ảnh ” để tải lên hình ảnh mới hoặc thêm hình ảnh hiện có từ “Thư viện phương tiện”:
Tại đây, đánh dấu các hình ảnh sẽ được sử dụng và nhấn nút được đánh dấu:
Bước 3: Chỉnh sửa hình ảnh đã tải lên
Thay vào đó, để chỉnh sửa hoặc xóa hình ảnh, hãy di chuột qua (các) hình ảnh mục tiêu để hiển thị các tùy chọn mới, như sau:
Ở đây, có thể hình dung rằng khi nhấp vào “ Chỉnh sửa hình ảnh ”, các tùy chọn chỉnh sửa khác nhau như Văn bản thay thế, Tiêu đề, Chú thích và Mô tả sẽ hiển thị rõ ràng và có thể được điền tương ứng. Sau khi chỉnh sửa, hãy đảm bảo nhấn vào “ Lưu thay đổi ' cái nút:
Tùy chỉnh hộp đèn
Để tùy chỉnh Hộp đèn, có một số tab được phân bổ, mỗi tab có chức năng chuyên dụng. Các tab này sẽ được giải thích riêng lẻ.
Tab Cấu hình (Cấu hình): Tab này cho phép bạn chọn phong cách của thư viện. Nó bao gồm bốn tùy chọn đã nêu dưới dạng nút radio để cấu hình thư viện:
Thẻ thiết kế: Nó bao gồm nhiều tùy chọn để sửa đổi hình thu nhỏ, tiêu đề, nền và đường viền tương ứng:
Tab phân trang: Tab này cho phép nhà phát triển kích hoạt phân trang, chỉ định loại, vị trí, v.v.:
Tab hộp đèn: Tại đây, kích thước của hình ảnh có thể được điều chỉnh cùng với việc đặt tiêu đề và chú thích của nó:
Tab linh tinh: Nó cho phép thêm “ Mô tả thư viện ' Và ' Lớp học tùy chỉnh ' vân vân.:
Gắn hộp đèn vào trang/bài viết WordPress
Sau khi thiết kế thư viện, các bài đăng hoặc trang cũng có thể được thêm dưới dạng hộp đèn. Để làm như vậy, hãy dán mã ngắn vào màn hình chỉnh sửa của bài đăng/trang mục tiêu thông qua các bước dưới đây:
Bước 1: Điều hướng đến Tất cả các phòng trưng bày
Chuyển sang ' Thư viện > Tất cả thư viện ” và sao chép mã ngắn từ “ Mã ngắn ' cột:
Bước 2: Dán mã
Tại đây, hãy mở trang (trong trường hợp này) hoặc bài đăng cần sửa đổi bằng hộp đèn và dán trực tiếp mã ngắn vào khối soạn thảo văn bản, như được chỉ định bên dưới:
Giao diện trang web cuối cùng
Dưới đây là giao diện cuối cùng của website sau khi triển khai hình ảnh lightbox trên trang chủ:
Những hình ảnh này khi được nhấp vào sẽ hoạt động như một băng chuyền ở kích thước đầy đủ mà không liên quan đến bất kỳ chức năng nào khác:
Phần kết luận
MỘT ' Hộp đèn ” tương ứng với một cửa sổ bật lên hoạt động như một thư viện để nhập nhiều mục phương tiện và triển khai chúng vào trang web. Nó có thể được áp dụng với sự trợ giúp của nhiều plugin khác nhau. Ngoài ra, nó bao gồm nhiều tùy chọn tùy chỉnh có thể được áp dụng cho hình ảnh mục tiêu và cuối cùng được tích hợp với các chức năng của trang web. Bài viết này thảo luận về hoạt động của “ Hộp đèn ” và các phương pháp thực hiện nó.