Cần tạo thư viện hình ảnh theo thẻ trong Elementor ?
Như chúng tôi thường nói, Elementor không chỉ là một plugin tạo trang. Nó là một plugin đa năng có thể thay thế nhiều loại plugin WordPress tại một thời điểm. Một trong những plugin có thể được thay thế bằng Elementor là plugin thư viện hình ảnh.
với Elementor, bạn không cần cài đặt thêm bất kỳ plugin nào để tạo một thư viện hình ảnh trên trang web WordPress của bạn. Có hai widget được Elementor cung cấp để tạo thư viện hình ảnh: Thư viện cơ bản và Thư viện ảnh.
Tiện ích Thư viện cơ bản - có trên Elementor Free - cho phép bạn tạo một thư viện hình ảnh cơ bản trong khi tiện ích Thư viện cho phép bạn tạo một thư viện hình ảnh nâng cao hơn, bao gồm một thư viện hình ảnh theo thẻ.
Điều này thật tuyệt nếu bạn muốn tạo một bộ sưu tập trên một trang web nhiếp ảnh. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo thư viện hình ảnh theo thẻ trong Elementor.
Cách tạo thư viện hình ảnh theo thẻ trong Elementor
Tiện ích Thư viện có sẵn trên phiên bản chuyên nghiệp của Elementor. Vì vậy, hãy đảm bảo rằng bạn đã nâng cấp Elementor của mình lên phiên bản chuyên nghiệp nếu bạn chưa nâng cấp. Có rất nhiều lợi ích bạn sẽ nhận được khi sử dụng Elementor Pro bao gồm khả năng tạo theme WordPress mà không cần mã hóa.
Đọc cũng: Cách tạo thư viện hình ảnh theo thẻ trong Elementor
Trong ví dụ này, chúng tôi sẽ tạo một thư viện ảnh phong cảnh. Các bức ảnh được chia thành ba loại: núi, biển và thác nước. Chúng tôi sẽ tạo ba tab để lưu trữ từng loại phong cảnh cộng với một tab để hiển thị tất cả ảnh.
Để bắt đầu, hãy tạo một trang mới và chỉnh sửa nó bằng Elementor. Bạn cũng có thể chỉnh sửa một trang hiện có. Thêm một phần và kéo tiện ích Thư viện vào đó.
Dưới khối Cài đặt dưới tab Nội dung, đặt tùy chọn Kiểu sur nhiều.
Theo mặc định, thư viện của bạn chỉ chứa một tab. Để thêm một tab mới, chỉ cần nhấp vào nút THÊM MỘT PHẦN TỬ.
Xem thêm: Cách tạo thanh tiến trình gradient trong Elementor
Mở một trong các mục (tab). Xác định nhãn tab trong trường Tiêu đề. Nhấp vào nút dấu cộng để chọn hình ảnh bạn muốn thêm vào tab.
Chọn hình ảnh từ thư viện phương tiện WordPress của bạn. Nếu bạn chưa có, chỉ cần tải xuống. Nhấn nút Tạo thư viện mới -> Chèn thư viện để thêm bộ sưu tập vào tab.
Mở các mục khác (tab) và lặp lại các bước trên để đặt nhãn tab và thêm hình ảnh.
Tùy chỉnh thư viện
Sau khi thêm hình ảnh vào mỗi tab, bạn có thể tùy chỉnh bộ sưu tập của mình. Trong khối Cài đặt, bạn có thể thiết lập bố cục, chiều cao hàng, khoảng cách giữa các hình ảnh và kích thước hình ảnh. Ngoài ra còn có một tùy chọn để kích hoạt tính năng Lazy Load.
Mở khối Thanh lọc để xác định nhãn của tab chính (tab "Tất cả"), con trỏ và hoạt ảnh.
Mở khối Che để kích hoạt lớp phủ. Bạn có thể hiển thị tiêu đề và mô tả hình ảnh khi di chuột qua hình ảnh bằng cách đặt tiêu đề và Mô tả.
Nếu bạn muốn hiển thị tiêu đề và mô tả khi di chuột qua, bạn cần chỉnh sửa từng hình ảnh trong thư viện và thêm thông số bạn đã xác định (văn bản thay thế, tiêu đề, chú thích hoặc mô tả).
Mở tab Phong cách để tùy chỉnh thư viện của bạn. Có 4 khối bạn có thể mở: Hình ảnh, Lớp phủ, Nội dung và Thanh bộ lọc.
Hình ảnh
Khối này cho phép bạn thiết lập màu đường viền hình ảnh, màu đường viền trỏ, độ rộng đường viền, bán kính đường viền, bộ lọc CSS và hoạt ảnh trỏ.
Che
Khối này cho phép bạn đặt màu lớp phủ, màu lớp phủ khi di chuột, chế độ hòa trộn và hoạt ảnh khi di chuột.
Nội dung
Khối này cho phép bạn tùy chỉnh nội dung của hình ảnh. Nội dung đề cập đến tiêu đề và mô tả của hình ảnh. Bạn có thể đặt căn chỉnh, vị trí dọc, tô màu, màu văn bản và kiểu chữ (kiểu phông chữ, họ phông chữ và cỡ chữ).
Thanh lọc
Khối này cho phép bạn tùy chỉnh bộ lọc. Bạn có thể đặt căn chỉnh, màu bình thường, màu trỏ, màu hoạt động, màu văn bản, khoảng cách giữa các tab và kiểu chữ.
Bạn có thể thao tác các cài đặt này cho đến khi bạn hài lòng với kết quả. Sau khi hoàn tất, hãy nhấp vào nút XUẤT BẢN / CẬP NHẬT ở cuối bảng điều khiển bên trái để xuất bản hoặc cập nhật trang của bạn.
Tải xuống Elementor Pro ngay!
Kết luận
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo thư viện hình ảnh theo thẻ trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
