Trình tải trước còn được gọi là trình tải là một hình ảnh động hoặc GIF đơn giản hoặc phức tạp tiếp tục chạy trên trang trong khi nội dung khác của trang đang tải.
Điều khá quan trọng là giữ cho người dùng của bạn được giải trí trong khoảng thời gian ngắn mà trang web của bạn cần để tải nội dung. Nó không chỉ giúp giữ chân nhiều người dùng mà còn cho phép tạo ra sự hiện diện lâu dài trong tâm trí người dùng. Trong hướng dẫn này, chúng ta sẽ hiểu cách tạo Trình tải trước bằng Elementor .
Cách tạo trình tải trước bằng Elementor
Elementor chứa đầy các tùy chọn cho phép bạn đại diện cho trang web của mình ở một cấp độ hoàn toàn khác biệt. Tương tự, nó cũng cho phép bạn tạo Trình tải trước bằng cách sử dụng mà bạn có thể bắt gặp những người dùng nhanh chóng thoát khỏi trang web của bạn.
Để bắt đầu, hãy đảm bảo rằng bạn chỉ tạo Trình tải trước cho các trang thực sự cần một chút thời gian để tải nội dung và là một khía cạnh quan trọng của trang web của bạn.
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ờKhi bạn đã quyết định bạn sẽ đặt Trình tải trước ở trang nào, hãy tìm SVG hoặc GIF phù hợp với trang web của bạn và trang cụ thể đó. Icons8 là một nguồn thực sự nổi tiếng cho hoạt ảnh Preloaders.
Nếu bạn không biết cách nhập tệp Định dạng SVG trên Elementor, hãy tiếp tục và xem hướng dẫn của chúng tôi.
Tiếp theo, có hai cách để sử dụng Trình tải trước trên trang web của bạn, hoặc bằng cách sử dụng nó cho một trang cụ thể hoặc sử dụng nó cho toàn bộ trang web.
- Nếu bạn muốn sử dụng Trình tải trước cho toàn bộ trang web, hãy tạo một phần mới trong Mẫu tiêu đề .
- Nếu bạn muốn sử dụng Trình tải trước cho một trang cụ thể, hãy tạo một phần mới ở đầu trang .
Trong cả hai trường hợp này, hãy đảm bảo thay đổi cài đặt của phần thành Không có khoảng cách .
Nói chung, khi bạn đã hoàn tất các cài đặt, hãy chuyển đến tab Phần tử ở bên trái màn hình và chọn HTML .
Trong trường HTML, hãy thêm mã sau đây trong khi đảm bảo thay đổi URL Trình tải trước bằng URL của riêng bạn.
>div class="loader" /divscript/scriptstyle/styleViệc viết mã có giải thích bình luận cho những người mới bắt đầu thực hiện một số loại thay đổi nếu có nhu cầu.
Cuối cùng, hãy tiếp tục và xuất bản Trình tải trước của bạn và kiểm tra xem nó có hoạt động hoàn hảo hay không. Đây là cách bạn có thể tạo Trình tải trước bằng Elementor trên trang web WordPress của mình.
Chúng tôi hy vọng rằng hướng dẫn này sẽ hỗ trợ bạn trong việc giữ chân người dùng trang web của bạn và cũng làm cho nó trông chuyên nghiệp hơn nhiều. Đó là tất cả từ chúng tôi cho hướng dẫn này. Đảm bảo tham gia với chúng tôi trên Twitter và Facebook của chúng tôi để được cập nhật về nội dung của chúng tôi.
