ตัวโหลดล่วงหน้าคือสิ่งที่คุณอาจต้องการเพิ่มลงในไซต์ WordPress ของคุณ เป็นแอนิเมชั่นที่แสดงระยะเวลาที่ใช้ในการโหลดหน้าในพื้นหลัง ตัวโหลดล่วงหน้าทำให้ผู้คนรู้ว่าเว็บไซต์กำลังโหลดหน้าเพื่อดูว่าเกิดอะไรขึ้น ซึ่งจะทำให้ประสบการณ์ของผู้ใช้ดีขึ้นและลดจำนวนคนที่ออกจากเว็บไซต์
Elementor ได้เปิดตัวตัวเลือกตัวโหลดล่วงหน้าใหม่แล้ว สมมติว่าคุณต้องการการเพิ่มประสิทธิภาพที่ดีที่สุดและไม่ต้องการให้ไซต์ WordPress ทั้งหมดของคุณทำงานช้าลงเพียงเพื่อจัดการกับตัวโหลดล่วงหน้าของคุณ ในกรณีนั้น คุณควรทำตามบทช่วยสอนนี้เพื่อเรียนรู้วิธีสร้าง Elementor Preloader บน WordPress
วิธีสร้างตัวโหลดล่วงหน้าของ Elementor
ในการเริ่มต้น ให้เลือก SVG หรือ GIF ที่คุณต้องการ ซึ่งควรเป็นไฟล์ที่มีขนาดเล็ก ตัว โหลดล่วงหน้า เป็นสถานที่ที่ยอดเยี่ยมในการค้นหาตัวโหลด SVG พื้นฐานฟรี
หากต้องการรวมตัวโหลดล่วงหน้าของ Elementor ให้สร้างส่วน ใหม่ ที่ด้านบนสุดของหน้า ตั้งค่าตัวเลือก No Gap สำหรับส่วนนี้ คุณสามารถสร้างส่วน ใหม่ ใน เทมเพลตส่วนหัว เพื่อรวมตัวโหลดล่วงหน้าในทุกหน้าของเว็บไซต์ของคุณ
สร้างเว็บไซต์ที่น่าทึ่ง
ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด
เริ่มเลยสุดท้าย เพิ่มโค้ดต่อไปนี้ลงในองค์ประกอบ HTML ในส่วนนี้
อย่าลืมเปลี่ยน URL ของตัวโหลดด้วย URL สำหรับเว็บไซต์ของคุณ
>div class="vanilla-preloader" /divscript/scriptstyle/styleแค่นั้นเอง! อย่างไรก็ตาม ด้วยคำอธิบายที่ให้ไว้ข้างโค้ด คุณสามารถทำการเปลี่ยนแปลงเพิ่มเติมเพื่อให้ตัวโหลดล่วงหน้ามีลักษณะตามที่คุณต้องการได้อย่างแม่นยำ และคุณจะมี Elementor Preloader สำหรับเว็บไซต์ของคุณ
นี่คือวิธีที่คุณสามารถรักษาผู้เยี่ยมชมเว็บไซต์ของคุณโดยการเพิ่มตัวโหลดล่วงหน้า ซึ่งช่วยให้ผู้ใช้สามารถคิดว่าเว็บไซต์ใช้งานได้และช่วยให้อยู่ในเว็บไซต์ของคุณได้ ในขณะที่ใช้ Elementor การสร้างตัวโหลดล่วงหน้านั้นเกี่ยวกับการปรับแต่งง่ายๆ เหล่านี้ อย่าลืมเข้าร่วมกับเราบน Facebook  และ Twitter เพื่อรับข่าวสารล่าสุด
