Đôi khi khá khó khăn khi tải các trang khác nhau để hiển thị nội dung khác nhau và đây là lý do tại sao Elementor cho phép bạn tạo trình chuyển đổi nội dung cho trang web WordPress của mình.
Công cụ chuyển đổi nội dung là một nút bật tắt cho phép người dùng chuyển đổi giữa các nội dung trong khi vẫn ở trên cùng một trang. Điều này làm cho trải nghiệm của người dùng trở nên hoàn hảo và tiết kiệm thời gian. Trong hướng dẫn này, chúng ta sẽ hiểu cách thêm Trình chuyển đổi nội dung trên WordPress với Elementor .
Cách tạo một trình chuyển đổi nội dung bằng Elementor
Để bắt đầu, hãy đảm bảo rằng bạn đã quyết định hai yếu tố mà bạn muốn chuyển đổi và đặt chúng trên cùng một trang.
Sau đó, sử dụng tab Elements trong menu bên trái, chuyển đến tùy chọn HTML.
Tạo trang web tuyệt vời
Với trình tạo trang miễn phí tốt nhất Elementor
Bắt đầu bây giờ
Có hai cách để sử dụng Content Switcher tức là cho toàn bộ trang web và cho hai phần tử trên cùng một trang.
- Nếu bạn muốn thêm Trình chuyển đổi nội dung vào trang web của mình, hãy sử dụng mã HTML sau ở chân trang.
- Nếu bạn muốn thêm Trình chuyển đổi nội dung giữa hai phần tử trên cùng một trang, hãy dán mã sau vào phần dưới cùng của trang của bạn.
>script/scriptstyle/styleTiếp theo, bạn cần thêm mã HTML được cung cấp bên dưới ngay trước hai phần tử hoặc phần mà bạn muốn chuyển đổi qua lại.
>input id="content_switcher" class="toggle_switch toggle_switch-ios" type="checkbox" /label class="toggle_switch-button" tabindex="0" for="content_switcher"/labelNút chuyển đổi tức là Trình chuyển đổi nội dung bây giờ sẽ hoạt động trên trang web của bạn và sẽ cung cấp trải nghiệm người dùng nhanh hơn. Đây là cách sử dụng Elementor, bạn có thể tạo Trình chuyển đổi nội dung trên WordPress. Thật vậy, với Elementor Pro, bạn có thể sáng tạo tùy thích cho thiết kế và giao diện trang web của mình.
Đó là tất cả từ chúng tôi cho hướng dẫn này. Đảm bảo theo dõi chúng tôi trên Facebook và Twitter của chúng tôi để không bao giờ bỏ lỡ các bài đăng của chúng tôi.
