สร้างตัวเลื่อนใน WordPress: แถบเลื่อนมักใช้ในหน้าแรกของเว็บไซต์ธุรกิจหรือพอร์ตโฟลิโอ มีปลั๊กอินตัวเลื่อน WordPress หลายร้อยปลั๊กอิน ซึ่งแต่ละปลั๊กอินมีคุณสมบัติของตัวเอง อย่างไรก็ตาม เราได้ยินจากผู้ใช้ของเราว่าปลั๊กอินตัวเลื่อนส่วนใหญ่ซับซ้อนเกินไปสำหรับพวกเขา
ในบทความนี้ เราจะแสดงวิธีเพิ่มแถบเลื่อน WordPress ให้กับเว็บไซต์ของคุณอย่างง่ายดายด้วย Soliloquy เป้าหมายคือการค้นหาปลั๊กอินตัวเลื่อน WordPress ที่ดีที่สุดที่ใช้งานง่าย ใช้งานได้กับทุกธีม และตอบสนองได้ดี เหมาะกับทุกหน้าจอ (สมาร์ทโฟน เดสก์ท็อป และแท็บเล็ต)
สารบัญ
เหตุใดจึงใช้ Soliloquy เป็นตัวเลื่อน WordPress ของคุณ?
Soliloquy เป็นปลั๊กอินตัวเลื่อน WordPress ที่ตอบสนองได้ดีซึ่งมีฟีเจอร์มากมายและจัดการได้ง่ายพอสมควร นี่คือบางสิ่งที่เราชอบเกี่ยวกับ Soliloquy มากกว่าปลั๊กอินอื่นๆ:
- Soliloquy ปฏิบัติตาม มาตรฐานการเข้ารหัสของ WordPress และแนวปฏิบัติที่ดีที่สุด
- ใช้ประเภทโพสต์ที่กำหนดเองเพื่อจัดการแถบเลื่อนซึ่งทำให้ง่ายต่อการนำเข้า/ส่งออกแถบเลื่อนด้วย การสำรองข้อมูล WordPress ทางออก
- พร้อมแปล 100% ซึ่งเหมาะสำหรับผู้ชมต่างประเทศ
- มันเป็นมิตรกับ SEO คุณสามารถเพิ่มข้อมูลเมตา ชื่อเรื่อง ข้อความแสดงแทน และคำอธิบายภาพลงในแต่ละสไลด์ได้
- การเรียงลำดับสไลด์แบบลากและวางที่ขับเคลื่อนโดย Ajax ทำให้ใช้งานง่ายมาก
- แถบเลื่อน WordPress ที่ตอบสนองพร้อมการรองรับการปัดแบบสัมผัสสำหรับอุปกรณ์ที่เปิดใช้งานระบบสัมผัส เช่น สมาร์ทโฟนและแท็บเล็ต
- เป็นมิตรกับนักพัฒนาด้วยเอกสารที่ยอดเยี่ยมและตะขอและตัวกรองมากกว่า 50 รายการ คุณสามารถติดป้ายกำกับสีขาวได้อย่างง่ายดายหากจำเป็น
การสร้าง WordPress Slider ด้วย Soliloquy
สิ่งแรกที่คุณต้องทำคือซื้อ การพูดกับตัวเอง. เมื่อคุณมี Soliloquy แล้ว คุณจะต้องติดตั้งและเปิดใช้งานมัน (ดู วิธีติดตั้งปลั๊กอิน WordPress).
เมื่อเปิดใช้งานปลั๊กอินจะเพิ่มเมนู Soliloquy ใหม่ในส่วนผู้ดูแลระบบ WordPress ของคุณ การคลิกจะนำคุณไปยังหน้ารายการแถบเลื่อนซึ่งจะว่างเปล่าเนื่องจากคุณยังไม่ได้สร้างแถบเลื่อนใดๆ หากต้องการเพิ่มแถบเลื่อนใหม่ ให้คลิกที่ Soliloquy » Add New
คุณต้องการเริ่มต้นโดยการเพิ่มชื่อแถบเลื่อนของคุณ จากนั้นคลิกปุ่มอัปโหลดสไลด์ ป๊อปอัปเหมือนกับเครื่องมืออัปโหลดสื่อ WordPress เริ่มต้นจะปรากฏขึ้น
คุณสามารถอัพโหลดรูปภาพสำหรับสไลด์ของคุณ เลือกรูปภาพจากไลบรารีสื่อ เพิ่มสไลด์วิดีโอโดยการเพิ่ม URL ของวิดีโอ YouTube หรือ Vimeo หรือสร้างสไลด์ HTML
หากต้องการเพิ่มวิดีโอเป็นสไลด์ คุณต้องอัปโหลดวิดีโอของคุณไปยัง YouTube หรือ Vimeo (อ่าน ทำไมคุณไม่ควรอัปโหลดวิดีโอไปยัง WordPress). เมื่อคุณมี URL ของวิดีโอแล้ว เพียงวางแล้ว Soliloquy จะจัดการส่วนที่เหลือเอง
สำหรับสไลด์ HTML คุณต้องวางโค้ด HTML HTML นี้สามารถเป็นอะไรก็ได้ที่คุณต้องการ ตัวอย่างหนึ่งคือการเพิ่มไฟล์ แบบฟอร์มสมัครรับอีเมล์ สำหรับจดหมายข่าวของคุณหรือ ปุ่มเรียกร้องให้ดำเนินการ.
ในบทความนี้ เราจะแสดงวิธีสร้างแถบเลื่อนรูปภาพใน WordPress คลิกเลือกไฟล์เพื่ออัปโหลดภาพสไลด์จากคอมพิวเตอร์ของคุณ
เมื่อคุณเลือกสไลด์รูปภาพแล้ว รูปภาพเหล่านั้นจะถูกอัปโหลดไปยังไลบรารีสื่อของคุณ คลิกที่ปุ่มแทรกสไลด์เพื่อเพิ่มสไลด์เหล่านี้ลงในแถบเลื่อนของคุณ
หลังจากแทรกสไลด์แล้ว คุณสามารถกำหนดค่าตัวเลือกอื่นๆ บนหน้าเพิ่มตัวเลื่อนใหม่ได้ แม้ว่าคุณจะสามารถปรับขนาดแถบเลื่อนเริ่มต้นได้ แต่ความสามารถในการตอบสนองทำให้สามารถปรับหน้าจอขนาดเล็กได้โดยอัตโนมัติ
ขนาดเริ่มต้นคือจุดสัมพันธ์เนื่องจากแถบเลื่อนจะปรับตัวเองบนอุปกรณ์ต่างๆ
ในบรรดาตัวเลือกอื่นๆ คุณสามารถเลือกความเร็วของตัวเลื่อน เอฟเฟ็กต์ภาพเคลื่อนไหวของสไลด์ เอฟเฟ็กต์การเปลี่ยนแปลง ฯลฯ เมื่อคุณพอใจกับการตั้งค่าแล้ว ให้คลิกที่ปุ่มเผยแพร่เพื่อบันทึกตัวเลื่อนของคุณและเผยแพร่ต่อสาธารณะ
การเพิ่มตัวเลื่อน WordPress ในโพสต์/หน้า
เมื่อคุณสร้างแถบเลื่อนแล้ว ขั้นตอนต่อไปคือการแทรกแถบเลื่อนนั้นในโพสต์หรือหน้า เปิดตัวแก้ไขโพสต์ เลือกตำแหน่งที่คุณต้องการเพิ่มแถบเลื่อน และคลิกที่ปุ่มเพิ่มแถบเลื่อนถัดจากเครื่องมืออัปโหลดสื่อ
คุณจะเห็นกล่องสำหรับแถบเลื่อนแต่ละตัวที่คุณสร้างขึ้น เลือกแถบเลื่อนที่คุณต้องการแทรก จากนั้นคลิกปุ่มแทรกแถบเลื่อน
นี่จะเป็นการเพิ่มรหัสย่อของตัวเลื่อนในโพสต์ของคุณ ตอนนี้คุณสามารถบันทึกหรือดูตัวอย่างโพสต์ของคุณและดูการทำงานของแถบเลื่อนได้
การแก้ไขและอัปเดต WordPress Slider ด้วย Soliloquy
สิ่งที่ยอดเยี่ยมเกี่ยวกับการสร้างแถบเลื่อน WordPress ด้วย Soliloquy ก็คือ คุณสามารถแก้ไขแถบเลื่อนของคุณได้ทุกเมื่อที่ต้องการ โดยไม่ต้องแก้ไขโพสต์หรือเพจที่คุณได้แทรกแถบเลื่อนไว้ เพียงคลิกที่ไอคอน Soliloquy ในแถบด้านข้างของผู้ดูแลระบบ จากนั้นคลิกลิงก์แก้ไขด้านล่างแถบเลื่อนที่คุณต้องการอัปเดต
ตอนนี้เรามาแก้ไขแถบเลื่อนที่เราสร้างไว้ด้านบนกันดีกว่า โปรดจำไว้ว่าเราบอกคุณแล้วว่าแถบเลื่อนที่สร้างด้วย Soliloquy นั้นเป็นมิตรกับ SEO คุณสามารถเพิ่มคำอธิบายเมตา ชื่อเรื่อง URL และคำอธิบายภาพให้กับแต่ละสไลด์ของคุณได้ คลิกที่ปุ่มแก้ไขถัดจากแต่ละสไลด์ในตัวเลื่อนของคุณ
ซึ่งจะเปิดป๊อปอัปขึ้นมาซึ่งคุณสามารถป้อนชื่อรูปภาพ ข้อความแสดงแทน ลิงก์สไลด์ของคุณไปยัง URL และป้อนคำบรรยายได้ คุณยังสามารถใช้ HTML ในคำบรรยายของคุณได้ในกรณีที่คุณต้องการเพิ่มแบบฟอร์มสมัครรับจดหมายข่าว เมื่อคุณป้อนข้อมูลเมตาสำหรับสไลด์แล้ว ให้คลิกที่ปุ่มบันทึกสไลด์
การเปลี่ยนแปลงของคุณจะปรากฏในแถบเลื่อนโดยอัตโนมัติไม่ว่าจะฝังไว้บนเว็บไซต์ของคุณใดก็ตาม
โพสต์ที่เกี่ยวข้อง- สร้างแลนดิ้งเพจ & แคมเปญเว็บด้วย กองสั้น
รีวิวลูกค้าคนเดียว
ลิงค์ด่วน:
- รีวิว Cloudways
- สุดยอดปลั๊กอิน WordPress CRM
- สุดยอดธีม WordPress Agency SEO สำหรับบริการ SEO ระดับมืออาชีพ
- ทางเลือกของ SiteGround
คำถามที่พบบ่อย
ฉันจะใช้โซโลโคคิวใน WordPress ได้อย่างไร
ไปที่ ลักษณะที่ปรากฏ»วิดเจ็ต และลากและวางวิดเจ็ต Soliloquy ไปที่แถบด้านข้างของคุณ คุณจะเห็นรายการสไลด์ที่คุณสร้างขึ้น เลือกอันที่คุณต้องการแทรกและบันทึกวิดเจ็ต เนื่องจากตัวเลื่อนที่สร้างด้วย Soliloquy ตอบสนองได้ จึงจะปรับให้พอดีกับความกว้างของแถบด้านข้างของคุณโดยอัตโนมัติ
แถบเลื่อนอัจฉริยะคืออะไร?
Smart Slider 3 เป็นปลั๊กอิน WordPress ที่ทรงพลังและใช้งานง่ายที่สุดในการสร้างแถบเลื่อนที่ไม่เคยทำได้มาก่อน ตอบสนองอย่างเต็มที่ ปรับ SEO ให้เหมาะสม และใช้งานได้กับธีม WordPress ใดๆ สร้างแถบเลื่อนที่สวยงามและบอกเล่าเรื่องราวโดยไม่ต้องใช้โค้ดใดๆ
แถบเลื่อน WordPress คืออะไร?
คำว่าแถบเลื่อนใช้สำหรับองค์ประกอบการออกแบบ ซึ่งถูกเพิ่มลงในหน้า WordPress เพื่อแสดงเนื้อหาภาพ ตั้งแต่สไลด์โชว์รูปภาพคลาสสิกไปจนถึงแถบเลื่อนแบบเต็มหน้าจอที่ทันสมัย แถบเลื่อนมีทุกรูปทรงและขนาด การใช้ปลั๊กอินตัวเลื่อน WordPress ที่เหมาะสมทำให้การสร้างแถบเลื่อนของคุณเองเป็นเรื่องง่าย
แถบเลื่อนดีสำหรับเว็บไซต์หรือไม่?
นักออกแบบเว็บไซต์สามารถใส่แถบเลื่อนลงในไซต์ได้ทุกประเภท แต่จะมีประโยชน์มากที่สุดสำหรับธุรกิจที่ต้องการแสดงเนื้อหาที่เกี่ยวข้องหรือแสดงผลงานระดับมืออาชีพ เมื่อนักออกแบบต้องการแสดงตัวเลือกต่างๆ อย่างรวดเร็ว และช่วยให้ผู้ใช้จัดเรียงตัวเลือกต่างๆ ได้อย่างรวดเร็ว แถบเลื่อนจะช่วยจำกัดตัวเลือกให้แคบลง
Elementor มีแถบเลื่อนหรือไม่?
ตัวอย่างเช่น คุณสามารถใช้ Elementor เวอร์ชัน Pro ซึ่งมีวิดเจ็ตตัวเลื่อนของตัวเอง ในความเป็นจริง มันช่วยให้คุณสร้างแถบเลื่อนที่ดูดี ตอบสนองได้ดี แต่เป็นแถบเลื่อนพื้นฐานสำหรับเว็บไซต์ของคุณ คุณสามารถเพิ่มลงในแถบเลื่อน Elementor ได้เพียงสามเลเยอร์เท่านั้น ได้แก่ ส่วนหัว ข้อความ และปุ่ม
ทำไมคุณไม่ควรใช้ม้าหมุน?
เนื้อหายังไม่ได้อ่านเนื่องจากผู้อ่านไม่ได้คลิกผ่านแถบเลื่อนทั้งหมด และจะอ่านผ่านเนื้อหาแบบหมุน สร้างความสับสนให้กับผู้คนด้วยการเสนอสินค้าหลายรายการในเวลาเดียวกัน เพิกเฉยได้ง่ายว่าถูกตีความว่าเป็นแบนเนอร์โฆษณา ทำให้ไซต์ของคุณช้าลงและส่งผลเสียต่อ SEO และอัตรา Conversion ของผู้เยี่ยมชมไซต์
สรุป
Soliloquy เป็นหนึ่งในปลั๊กอินตัวเลื่อน WordPress ที่ดีกว่าที่เราเคยเห็นในตลาด เชื่อเราเถอะ เราได้ทดสอบมาหลายอย่างแล้ว หลังจากใช้มาอย่างยาวนาน การพูดกับตัวเองเราประทับใจกับความเร็วและพลังของมันจริงๆ
ปลั๊กอินตัวเลื่อนส่วนใหญ่มีโค้ดป่องและมีเอกสารไม่ดี Soliloquy มีน้ำหนักเบาและรวดเร็ว มันถูกสร้างขึ้นสำหรับทั้งผู้ใช้และนักพัฒนา
พวกเขาทำงานได้ยอดเยี่ยมตามมาตรฐาน WordPress ทั้งหมดในขณะที่ทำให้แถบเลื่อนใช้งานง่ายมากสำหรับผู้เริ่มต้น เอกสารโค้ดของพวกเขาทำให้นักพัฒนารายอื่นสามารถปรับแต่งและขยายฟังก์ชันการทำงานได้ตามต้องการได้อย่างง่ายดาย
เราสามารถพูดได้อย่างง่ายดายว่าตอนนี้ Soliloquy ได้ขยับขึ้นมาเป็นตัวเลือกอันดับ 1 ของเราสำหรับปลั๊กอินตัวเลื่อน WordPress
เราหวังว่าบทความนี้จะช่วยคุณเพิ่มแถบเลื่อนลงในไซต์ WordPress ของคุณ สำหรับข้อเสนอแนะและคำถามโปรดแสดงความคิดเห็นด้านล่าง