วิธีสร้างภาพตัวเลื่อนใน Elementor

เมื่อคุณเยี่ยมชมเว็บไซต์ใด ๆ สิ่งแรกที่คุณจะสังเกตเห็นคือตัวเลื่อนที่ด้านบนหรือตรงกลางของหน้า สาเหตุหลักที่พบได้บ่อยคือผู้เข้าชมเว็บไซต์ชื่นชอบ และเจ้าของเว็บไซต์พบว่ามีประโยชน์อย่างยิ่ง สไลด์เป็นวิธีที่ยอดเยี่ยมในการแสดงข้อมูลที่หลากหลายในลักษณะที่ช่วยให้ผู้เยี่ยมชมเว็บไซต์ของคุณมีส่วนร่วม

Elementor เป็นเครื่องมือที่มีประโยชน์ซึ่งจะช่วยให้คุณสร้างตัวเลื่อนและภาพหมุนที่น่าสนใจได้ในไม่กี่ขั้นตอน คำแนะนำของเราจะแนะนำคุณเกี่ยวกับการสร้าง แถบเลื่อน และ ภาพหมุน Elementor ที่ ทันสมัยสำหรับเว็บไซต์ของคุณ

ตัวเลื่อน Elementor ยอดนิยม

Elementor มีตัวเลื่อนที่แตกต่างกันสองสามตัวให้เลือก ซึ่งบางตัวที่ได้รับความนิยมมากที่สุดคือ วิดเจ็ต Elementor Slider , Smart Slider, Layer Slider และ Revolution Slider มีวิดเจ็ตภาพหมุนหนึ่งรายการสำหรับผู้ใช้พื้นฐานและหลายรายการสำหรับผู้ใช้มืออาชีพ วิดเจ็ตทั้งหมดโดยไม่คำนึงถึงคลาสบัญชีได้รับการผสานรวมอย่างสมบูรณ์ ซึ่งทำให้ง่ายต่อการตั้งค่าในขณะที่สร้างประสบการณ์ผู้ใช้ที่ราบรื่น

ใช้งานง่ายที่สุดคือวิดเจ็ต Elementor Slider ซึ่งเราจะกล่าวถึงในบทความนี้ แม้ว่าผู้ใช้บางคนอาจพบว่าการพัฒนาเว็บไซต์ของตนเป็นเรื่องง่าย แต่คนอื่นอาจพบว่ายากกว่า ไม่ว่าในกรณีใด เราขอแนะนำให้ปรึกษากับบริษัทออกแบบเว็บไซต์โดยเฉพาะในแมนเชสเตอร์ เช่น Blue Whale Media เพื่อช่วยคุณในการออกแบบและพัฒนาเว็บ

การสร้างแถบเลื่อนใน Elementor

การสร้างสไลด์ใน Elementor นั้นไม่ซับซ้อนอย่างที่คุณคิด จากแผงบัญชีของคุณ หากคุณใช้ Elementor เวอร์ชันพื้นฐาน ให้เลือกวิดเจ็ต Carousel วิดเจ็ตนี้จะช่วยให้คุณสร้างแกลเลอรีรูปภาพที่เต็มไปด้วยรูปภาพพื้นฐานที่ดูน่าสนใจบนเว็บไซต์ของคุณและในเวอร์ชันมือถือของเว็บไซต์ คุณสามารถอัปโหลดรูปภาพใหม่จากแล็ปท็อปของคุณ หรือจะเลือกรูปภาพที่มีอยู่จากไลบรารีสื่อก็ได้

คุณสามารถเข้าถึงคอนโซล Elementor ได้โดยคลิกที่แกลเลอรีรูปภาพ จากนั้นคลิกสร้างแกลเลอรีจากเมนูแบบเลื่อนลงทางด้านซ้าย เลือกรูปภาพทั้งหมดที่คุณต้องการแสดง คลิกที่รูปภาพ เครื่องหมายถูกจะปรากฏที่มุมขวาบนของรูปภาพ และสำเนาจะแสดงที่ด้านล่างของหน้าจอด้วย เมื่อคุณเลือกรูปภาพสำหรับตัวเลื่อนแล้ว คุณสามารถปรับแต่งรูปภาพและตัวเลื่อนเองเพิ่มเติมได้

ในแผงวิดเจ็ต ให้เลือกขนาดรูปภาพที่คุณต้องการแสดงและจำนวนรูปภาพที่คุณต้องการให้ปรากฏในแผงที่อยู่ติดกัน คุณยังสามารถเลือกความเร็วในการเลื่อนจากเมนูแบบเลื่อนลงในแผงวิดเจ็ตได้อีกด้วย เลือกจำนวนภาพที่คุณต้องการเลื่อนในครั้งเดียว

ตัวอย่างเช่น คุณสามารถตั้งค่าการเลื่อนสำหรับรูปภาพได้ครั้งละหนึ่งภาพ หรือกำหนดให้ชุดรูปภาพเลื่อนไปที่แผงถัดไปพร้อมกันได้ สำหรับตัวเลื่อนที่มีรูปภาพจำนวนมาก ควรใช้ครั้งละ 2-3 ภาพ

ตัวเลื่อน Elementor Pro

จากแผงบัญชีของคุณ หากคุณใช้ Elementor เวอร์ชันโปร คุณจะสามารถเลือกวิดเจ็ตตัวเลื่อนได้หลายแบบ สิ่งนี้ช่วยให้คุณทำสิ่งเดียวกันกับตัวเลื่อนพื้นฐานได้ แต่ด้วยชุดตัวเลือกที่หลากหลาย มีตัวเลือกในการเพิ่มชื่อและคำอธิบายสำหรับแต่ละภาพ และคุณยังสามารถเขียนคำบรรยายใต้ภาพซึ่งจะแสดงที่ด้านล่างของแต่ละภาพในสไลด์ นี่เป็นวิธีที่ยอดเยี่ยมในการรวมคำหลักหรือคำกระตุ้นการตัดสินใจบนสไลด์ของคุณ

เข้าถึงแผงการตั้งค่า Elementor จากนั้นเปิดแกลเลอรีของคุณ เพิ่มรูปภาพโดยคลิกที่ภาพเหล่านั้น จะมีชุดตัวเลือกเพิ่มเติมทางด้านซ้ายมือของหน้าจอ คุณสามารถเลือกสีหรือรูปภาพที่จะมีในพื้นหลังของแต่ละสไลด์ หรือคุณสามารถใช้สีซ้อนทับได้ หากคุณรู้สึกสร้างสรรค์มาก คุณสามารถปรับโหมดผสมผสานพื้นหลังได้เช่นกัน

การปรับแต่งแถบเลื่อนรูปภาพของคุณ

มีตัวเลือกการปรับแต่งที่หลากหลายสำหรับตัวเลื่อนภาพ Elementor ของคุณ ในการเข้าถึงคุณลักษณะเหล่านี้ ให้คลิกที่แท็บรูปแบบที่ด้านซ้ายบนของหน้าจอ จากที่นี่ คุณสามารถปรับขนาดเส้นขอบและการตั้งค่า ระยะห่างของรูปภาพ แม้แต่ฟิลเตอร์และเงาในแต่ละรูปภาพ ตกแต่งแถบเลื่อนของคุณโดยเพิ่มจุดหรือลูกศรที่ด้านล่าง คุณสามารถเปลี่ยนสี ขนาด และรูปร่างของสิ่งเหล่านี้ได้ในแท็บสไตล์เช่นกัน สิ่งนี้จะช่วยให้ผู้เยี่ยมชมไซต์เห็นภาพว่ามีรูปภาพจำนวนเท่าใดในสไลด์ นอกจากจะมีวิธีให้เลื่อนดูรูปภาพบนแถบเลื่อนด้วยตนเองแล้ว

ทางลัดสำหรับการสร้างสไลด์ภาพ Elementor

หากคุณกำลังมองหาวิธีที่รวดเร็วในการเพิ่มตัวเลื่อนรูปภาพไปยังไซต์ของคุณหรือ WordPress ด้วย Elementor ทางลัดนี้สามารถช่วยคุณได้ คลิกหน้าแก้ไขหรือเพิ่มหน้าใหม่ทางด้านซ้ายของหน้าจอ จากนั้นด้วยปุ่ม Elementor ให้คลิกแก้ไข แดชบอร์ดจะเปิดขึ้นทางด้านซ้ายของคุณจากการค้นหาแดชบอร์ดและเลือกตัวเลือกวิดเจ็ตตัวเลื่อน ลากวิดเจ็ตจากแดชบอร์ดแล้ววางองค์ประกอบลงบนหน้าของคุณ การดำเนินการนี้จะวางตัวเลื่อนและเรียกใช้แดชบอร์ดใหม่เพื่อให้การตั้งค่าของตัวเลื่อนเปิดขึ้น เลือกการตั้งค่าที่คุณต้องการหลังจากอัปโหลดภาพที่คุณต้องการจากคอมพิวเตอร์หรือแกลเลอรีสื่อของคุณ เมื่อเลือกรอบสุดท้ายแล้ว ให้คลิกอัปเดต สไลด์ภาพ Elementor ใหม่ของคุณพร้อมใช้งานแล้ว!

การสร้างภาพหมุนภาพทางเลือกใน Elementor Pro

การสร้าง Media Carousel ใน Elementor เป็นเรื่องง่าย วิดเจ็ตนี้จะช่วยให้คุณสร้างตัวเลื่อนภาพขนาดย่อพร้อมรูปภาพขนาดใหญ่ที่เป็นตัวเลือกในไลท์บ็อกซ์ คล้ายกับตัวเลื่อนทั่วไป แถบเลื่อนสื่อช่วยให้คุณสามารถเลือกและแสดงเนื้อหาได้โดยตรงจากแกลเลอรีของคุณและตั้งค่าให้เลื่อน ความแตกต่างของวิดเจ็ตนี้คือ คุณสามารถใช้วิดีโอจากแกลเลอรีสื่อของคุณ หรือใช้ URL ของวิดีโอจาก Vimeo และ YouTube ในพื้นที่ไลท์บ็อกซ์ คำแนะนำในการตั้งค่าตัวเลื่อนนี้เหมือนกับคำแนะนำตัวเลื่อนรูปภาพพื้นฐานและแบบมืออาชีพ แต่ใช้วิดีโอแทนภาพนิ่ง

คุณยังสามารถใช้วิดเจ็ตคำวิจารณ์เพื่อสร้างแถบเลื่อนที่มีรูปภาพและข้อความ นี่เป็นวิธีที่ยอดเยี่ยมในการแสดงความคิดเห็นของลูกค้าด้วยคำพูดจริงและรูปภาพที่พวกเขาให้ไว้กับผลิตภัณฑ์หรือบริการของคุณ ตัวเลื่อนนี้สามารถตั้งค่าที่ด้านบนหรือด้านล่างของหน้าเว็บ และตั้งค่าให้เลื่อนได้เหมือนกับตัวเลื่อนทั่วไป ด้วยตัวเลือกตัวเลื่อนที่มีอยู่มากมาย การสร้างเว็บไซต์ที่ตอบสนองและสวยงามนั้นทำได้ไม่ยากด้วยการคลิกเพียงไม่กี่ครั้ง