Cách sử dụng Hộp đèn và Hộp đèn động với Elementor

Trang web của bạn là lĩnh vực trực tuyến của doanh nghiệp của bạn. Đó là một nơi mà bất cứ ai thậm chí có một chút tò mò về những gì bạn làm sẽ ghé thăm. Đó thường là điều đầu tiên mà hầu hết người mua thậm chí nhìn vào khi quyết định theo đuổi một nhà cung cấp dịch vụ hoặc khi nói đến việc mua một sản phẩm. Do đó, một trang web phải là một cái gì đó có thể thực sự gây ấn tượng.  

Mục lục

Sử dụng Elementor Pro:

Nếu trang web của bạn được xây dựng trên Elementor Pro , thì bạn đang có một lợi thế lớn. Elementor Pro không chỉ là một trong những trình tạo trang web tốt nhất trên WordPress mà còn rất độc đáo và thường cung cấp nhiều cách để bạn có thể thay đổi giao diện trang của mình.

Nó có độ tương phản tuyệt vời và nhiều mảng màu kết hợp và nó cũng khá dễ sử dụng. Theo nghĩa đen, bạn có thể nhúng bất cứ thứ gì ở khắp mọi nơi và đặc quyền này được bổ sung bởi thực tế là bạn có thể thêm hơn 50 tiện ích con trên trang web của mình. Một trong những tính năng mà chúng ta sẽ đề cập hôm nay là việc sử dụng Lightbox và cách nó có thể thay đổi hoàn toàn giao diện trang web của bạn.

Giới thiệu Hộp đèn:

Lightbox là một công cụ mà bạn có thể sử dụng để thêm hình ảnh, video và thậm chí băng chuyền trong hộp cửa sổ bật lên. Thông thường, cách tốt nhất để giải thích điều này là nếu bạn muốn mở video hoặc hình ảnh khi khách truy cập của bạn nhấp vào hãy nói một nút. Elementor Lightbox về bản chất cho phép bạn hiển thị hình ảnh hoặc video theo cách bất ngờ và chỉ là một cách sáng tạo để thu hút sự tham gia từ người xem.

Sử dụng Hộp đèn:

Sử dụng Elementor Pro Lightbox rất dễ dàng và đơn giản. Nói chung, Lightbox được bật theo mặc định nhưng bạn cũng có thể bật nó bằng cách đi tới cài đặt Toàn cầu của một trang cụ thể. Cài đặt toàn cầu sẽ cho phép bạn thực hiện các thay đổi đa dạng và cung cấp cho bạn nhiều tùy chọn về hiệu ứng hình ảnh hoặc video.

Để đi đến cài đặt toàn cầu, chỉ cần nhấp vào biểu tượng bánh hamburger như được chỉ ra trong hình dưới đây:

Sau này, bạn chỉ cần nhấp vào cài đặt toàn cầu:

Thiết lập toàn cầu:

Nếu bạn bật tùy chọn Lightbox hình ảnh thì tất cả các hình ảnh được liên kết sẽ mở ra trong một cửa sổ bật lên hoặc Lightbox. Điều này khi được bật cho phép một tính năng độc quyền trong tất cả các trang web của bạn.  

Bật tùy chọn bộ đếm sẽ cho phép hiển thị nhiều hình ảnh trong Hộp đèn. Điều này đặc biệt hữu ích khi bạn đang cố gắng giới thiệu s amp les hoặc hình ảnh của một sản phẩm nhất định với các màu sắc khác nhau.

Toàn màn hình như tên cho thấy, sẽ mở hình ảnh hộp đèn của bạn trong một hình ảnh kích thước đầy đủ. Có thể hữu ích nếu các chi tiết cụ thể cần được xem xét trong một hình ảnh.

Bạn cũng có thể bật tùy chọn phóng to, hình ảnh hộp đèn có thể được truy cập qua các điểm khác nhau tại vị trí được phóng to.

Bạn cũng có thể chia sẻ hình ảnh hộp đèn trên phương tiện truyền thông xã hội bằng cách cho phép tùy chọn chia sẻ.

Tiêu đề của hình ảnh Lightbox có thể được hiển thị như thể hiện trong hình ảnh tiếp theo và trường hợp tương tự là cho mô tả của nó. Bạn có thể chọn từ các tùy chọn như không có, Tiêu đề, Chú thích, Mô tả về Alt. Chúng có thể được đặt riêng lẻ trong khi hình ảnh được tải lên.

Cài đặt toàn cầu của Lightbox Dynamic rất cần thiết vì chúng cung cấp sự hiểu biết tốt hơn về các khả năng vô tận mà bạn có thể đạt được với Lightbox. Thực tế là có rất nhiều thứ bạn có thể làm với nó và tất cả phụ thuộc vào mức độ sáng tạo của bạn với hình ảnh, video và thiết lập các tùy chọn.

Đặt màu:

Tất cả các màu nền, UI, UI Hover đều có thể được đặt cho hình ảnh Hộp đèn hoặc video. Chọn những gì bạn thích và đặt các bảng màu của trang web của bạn ở mức hoàn toàn cao hơn.

Tải lên một hình ảnh và chỉnh sửa:

Sử dụng Hộp đèn có thể được hiểu rõ nhất khi bạn tải lên và chỉnh sửa hình ảnh. Trong hình ảnh bên dưới, bạn sẽ nhận thấy làm thế nào trong phần nội dung bạn sẽ thấy phần Hộp đèn chuyên dụng. Phần này có thể được sử dụng để chỉnh sửa và thiết lập các cài đặt cho một hình ảnh cụ thể.  


Phần này có thể được sử dụng để thực hiện các hành động như phóng to hình ảnh hoặc để đặt các tùy chọn chia sẻ xã hội. Các tùy chọn như thực hiện Toàn màn hình và trình chiếu cũng có thể được đặt trong.

Ngay bên dưới phần hành động Hộp đèn, bạn có thể bật tùy chọn phụ đề. Bất cứ điều gì bạn đã đặt chú thích thành, chúng sẽ được hiển thị sau khi hình ảnh được thiết lập trong liên kết Hộp đèn. Chú thích sẽ được hiển thị bên dưới hình ảnh.

Hơn nữa, các tùy chọn như đặt kiểu chữ của văn bản và màu sắc cũng có thể được đặt trong cùng một phần.



Các video Lightbox cung cấp một cạnh hoàn toàn mới cho trang web của bạn. Đôi khi, hình ảnh không thể mô tả những gì công ty của bạn là tất cả về. Nếu bạn muốn giải thích đầy đủ thông số kỹ thuật của sản phẩm hoặc tính năng của mình thì việc có một video được liên kết trong phần Hộp đèn của bạn là cách tốt nhất. Chỉ cần vào tùy chọn chỉnh sửa trong hình ảnh bên dưới và đặt một liên kết hoặc URL của video của bạn. Lightbox năng động chấp nhận các liên kết video từ Youtube, Dailymotion và thậm chí là Vimeo.  

Tính năng này cho phép bạn thêm một chiều khác trong trang web của bạn. Giải thích mọi thứ trước đây không hề dễ dàng thông qua video Lightbox!

Giá của Elementor:

Chủ đề Elementor là tuyệt vời về chức năng và sản xuất một sản phẩm là đỉnh cao! Với các tính năng như LightBox, nó chỉ đưa toàn bộ khía cạnh tạo trang web lên một tầm cao mới. Elementor có sẵn trong ba gói và trong cả ba gói, LightBox đều có sẵn. Sự khác biệt duy nhất là trong Elementor Pro bạn có thể tạo các trang web không giới hạn!

Sử dụng Lightbox động có lợi theo nhiều cách, phần tốt nhất là dễ dàng thực hiện trên tất cả các trang web của bạn. Ý tưởng cơ bản là để có được lực kéo mà trang web của bạn xứng đáng, điều này có thể được thực hiện dễ dàng thông qua Dynamic Lightbox. Bạn đang chờ đợi điều gì? Chuẩn bị trang web của bạn ngay hôm nay!

4 suy nghĩ về “Cách sử dụng Lightbox và Lightbox động với Elementor”

    1. Điều đó còn tùy, nhưng tôi không nghĩ chủ đề có thể chặn cửa sổ bật lên. Trước tiên, bạn cần kiểm tra xem bạn có gặp bất kỳ lỗi JS nào trên trang nơi cửa sổ bật lên được tải không

Để lại bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *