Cách sử dụng Lightbox và Lightbox động với Elementor

Trang web của bạn là lĩnh vực trực tuyến của doanh nghiệp bạn. Đó là nơi mà bất cứ ai dù chỉ một chút tò mò về việc bạn làm cũng sẽ ghé thăm. Đây thường là điều đầu tiên mà hầu hết người mua xem xét khi quyết định theo đuổi một nhà cung cấp dịch vụ hoặc khi 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

• Mục lục
• Sử dụng Elementor Pro:
• Giới thiệu Hộp đèn:
• Sử dụng Hộp đèn:
• Cài đặt chung:
• Thiết lập màu sắc:
• Tải lên một hình ảnh và chỉnh sửa:
• Hành động của hộp đèn:
• Video hộp đèn:
• Giá của Elementor:

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ó 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à sự kết hợp màu sắc đa dạng, đồng thời cũng khá dễ sử dụng. Theo nghĩa đen, bạn có thể nhúng mọi thứ ở 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 trên trang web của mình. Một trong những tính năng mà chúng tôi sẽ đề cập hôm nay là việc sử dụng Hộp đèn 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:

Hộp đèn là một công cụ mà bạn có thể sử dụng để thêm hình ảnh, video và thậm chí cả băng chuyền vào 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 nhấp vào nút giả sử. Về bản chất, Hộp đèn Elementor 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ự tương tác từ người xem.

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

Sử dụng Hộp đèn Elementor Pro rất dễ dàng và đơn giản. Nói chung, Hộp đèn đượ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 chung của một trang cụ thể. Cài đặt chung 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 chung, chỉ cần nhấp vào biểu tượng bánh hamburger như được minh họa trong hình ảnh bên dưới:

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

Cài đặt chung:

Nếu bạn bật tùy chọn Hộp đèn hình ảnh thì tất cả các hình ảnh được liên kết sẽ mở ra trong cửa sổ bật lên hoặc Hộp đèn. Điều này khi được bật sẽ cho phép một tính năng độc quyền trong tất 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 các amp hoặc hình ảnh của một sản phẩm nhất định bằng 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 ở hình ảnh kích thước đầy đủ. Có thể hữu ích nếu cần xem chi tiết cụ thể trong 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 ở vị trí phóng to.

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

Tiêu đề của hình ảnh Hộp đèn có thể được hiển thị như hiển thị trong hình ảnh tiếp theo và trường hợp tương tự đối với 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 chung của Hộp đèn động rất cần thiết vì chúng giúp bạn hiểu rõ hơn về những khả năng vô tận mà bạn có thể đạt được với Hộp đèn. 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.

Thiết lập màu sắc:

Tất cả các màu nền, giao diện người dùng, giao diện người dùng di chuột đề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ách phối màu cho 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:

Bạn có thể hiểu rõ nhất việc sử dụng Hộp đèn khi 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 trong phần nội dung bạn sẽ thấy phần Hộp đèn chuyên dụng như thế nào. Phần này có thể được sử dụng để chỉnh sửa và đặt cài đặt cho một hình ảnh cụ thể. 

Hành động của hộp đèn:

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ẻ trên mạng xã hội. Các tùy chọn như triển khai Toàn màn hình và trình chiếu cũng có thể được cài đặt.

Ngay bên dưới phần hành động Hộp đèn, bạn có thể bật tùy chọn chú thích. Dù bạn đã đặt chú thích nào, 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ữ và màu sắc cũng có thể được đặt trong cùng một phần.

Video hộp đèn:

Các video Hộp đèn mang đến một khía 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ả hết nội dung công ty của bạn. Nếu bạn muốn giải thích đầy đủ các 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 là cách tốt nhất. Chỉ cần đi tới tùy chọn chỉnh sửa trong hình ảnh bên dưới và đặt liên kết hoặc URL của video của bạn. Hộp đèn động chấp nhận các liên kết video từ Youtube, Dailymotion và thậm chí cả Vimeo. 

Tính năng này cho phép bạn thêm một thứ nguyên khác vào trang web của mình. Việc giải thích mọi thứ trước đây không hề dễ dàng thông qua video Hộp đèn!

Giá của Elementor:

Chủ đề Elementor thật tuyệt vời về mặt chức năng và tạo ra một sản phẩm đỉnh cao! Với các tính năng như LightBox, nó sẽ đưa toàn bộ khía cạnh của việc 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 đều có sẵn LightBox. 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!

Việc sử dụng tính năng Hộp đèn động có lợi về nhiều mặt, điều tuyệt vời nhất là nó dễ dàng triển khai trên toàn bộ 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 có được, điều này có thể được thực hiện dễ dàng thông qua Hộp đèn động. Vì vậy, bạn còn chờ gì nữa? Hãy chuẩn bị trang web của bạn ngay hôm nay!