7 ปลั๊กอิน WordPress Slider ที่ดีที่สุดในปี 2565 (การเปรียบเทียบแบบปฏิบัติจริง)

กำลังมองหาปลั๊กอินตัวเลื่อน WordPress ที่ดีที่สุดสำหรับไซต์ของคุณหรือไม่?

เพื่อช่วยคุณเลือกแถบเลื่อน WordPress ที่เหมาะกับความต้องการเฉพาะของคุณ ฉันจึงรวบรวมปลั๊กอินยอดนิยมและได้รับคะแนนสูง (รวมถึงตัวเลือกฟรีและพรีเมียม)

แต่ฉันไม่ต้องการแฮชข้อมูลที่คุณเห็นแล้วในหน้าการตลาดของปลั๊กอิน ดังนั้นฉันจึงก้าวไปอีกขั้นหนึ่งและติดตั้งปลั๊กอินทุกตัวในเว็บไซต์ทดสอบของฉัน

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

ในตอนท้าย เป้าหมายของฉันคือคุณจะรู้ว่าปลั๊กอินตัวใดตัวหนึ่งที่เหมาะกับคุณ

มาดูปลั๊กอินตัวเลื่อนกัน

1. ตัวเลื่อนหลัก – เน้นที่ความพร้อมในการสัมผัส

Master Slider เป็นตัวเลื่อน freemium ยอดนิยมที่มีอยู่ใน WordPress.org และ CodeCanyon

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

ปัจจุบัน Master Slider มียอดขายมากกว่า 29,000 รายการที่ CodeCanyon และรักษาระดับดาว 4.5+ จากบทวิจารณ์กว่า 800 รายการ

รายการคุณสมบัติตัวเลื่อนหลัก

Master Slider ให้ภาพเอดิเตอร์แบบลากแล้ววางเพื่อช่วยคุณสร้างตัวเลื่อนของคุณ (เฉพาะในเวอร์ชัน Pro)

ยิ่งไปกว่านั้น คุณจะได้รับ:

• เทมเพลตตัวเลื่อนที่สร้างไว้ล่วงหน้ากว่า 90 แบบเพื่อช่วยให้คุณเริ่มต้นใช้งานสิ่งที่ดูดีได้อย่างรวดเร็ว
• เอ็นจิ้นแอนิเมชั่นที่ใช้งานง่าย รวมถึงไทม์ไลน์ของแอนิเมชั่นที่ทำให้การซิงค์แอนิเมชั่นทั้งหมดของคุณเข้าด้วยกันเป็นเรื่องง่าย
• ตัวควบคุมในตัวเพื่อช่วยให้คุณจัดแนวองค์ประกอบในตำแหน่งที่เหมาะสมได้อย่างรวดเร็ว
• ตัวเลือกในการสร้างแถบเลื่อนจากโพสต์ทุกประเภท รวมถึงแหล่งข้อมูลภายนอก เช่น YouTube และ Flickr
• การรวม WooCommerce เพื่อสร้างตัวเลื่อนผลิตภัณฑ์
• 6 การเปลี่ยนสไลด์แบบโต้ตอบที่แตกต่างกัน
• ฟีเจอร์ฮอตสปอตที่ช่วยให้คุณเพิ่มคำแนะนำเครื่องมือไปยังส่วนต่างๆ ของสไลด์ได้

การดูอินเทอร์เฟซ Master Slider แบบลงมือปฏิบัติ

โปรดทราบว่าฉันกำลังใช้ Master Slider เวอร์ชันฟรีบนไซต์ทดสอบ ดังนั้นการสาธิตนี้จะไม่รวมคุณลักษณะทั้งหมดที่คุณได้รับในเวอร์ชัน Pro

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

จากที่นั่น Master Slider จะนำคุณเข้าสู่อินเทอร์เฟซการตั้งค่าตัวเลื่อน คุณจะเห็นรายการสไลด์ของคุณที่ด้านบน รวมถึงแท็บสำหรับเข้าถึงการตั้งค่าอื่นๆ:

และด้านล่างหน้า คุณสามารถแก้ไขแต่ละสไลด์ได้

ขออภัย เวอร์ชันฟรีที่ฉันสามารถเข้าถึงได้ไม่มีตัวสร้างภาพ แต่ถ้าคุณจ่ายเงินสำหรับรุ่น Pro คุณจะได้ตัวสร้างแบบลากแล้ววางนั้น

โดยรวมแล้ว ฉันคิดว่าอินเทอร์เฟซของ Master Slider มีการออกแบบที่ใช้งานง่าย มีพื้นที่สีขาวเพียงพอ ซึ่งทำให้จำนวนตัวเลือกรู้สึกท่วมท้นน้อยลง

ข้อมูลราคา Master Slider

มี Master Slider รุ่นฟรีจำนวนจำกัดที่ WordPress.org หากต้องการรับเวอร์ชันเต็ม คุณจะต้องจ่าย $34 ที่ CodeCanyon

ข้อมูลเพิ่มเติม / ดาวน์โหลดเดโม

2. Smart Slider 3 – แหล่งเนื้อหาไดนามิกมากมาย

ในแง่ของฟังก์ชันที่มีให้ Smart Slider 3 เป็นหนึ่งในปลั๊กอินตัวเลื่อนฟรีที่ดีที่สุดที่คุณจะพบ หากคุณต้องการมากกว่าปลั๊กอินฟรีที่มีให้ใช้ ก็ยังมีเวอร์ชันพรีเมียมที่ใช้งานได้กับประเภทตัวเลื่อน เทมเพลตตัวเลื่อน และคุณสมบัติที่เป็นประโยชน์อื่นๆ เช่น ไทม์ไลน์ของแอนิเมชันและเอฟเฟกต์ Ken Burns

Smart Slider 3 มีคะแนน 4.9 ดาวที่ WordPress.org จากบทวิจารณ์กว่า 900 รายการ นอกจากนี้ยังมีการใช้งานบน 800,000+ ไซต์ (ใช่แล้ว… คนชอบอันนี้!)

รายการคุณสมบัติ Smart Slider 3

Smart Slider 3 มีตัวสร้างแบบลากแล้ววางที่ยอดเยี่ยมเพื่อช่วยคุณสร้างตัวเลื่อนของคุณ

ถ้าคุณไม่ต้องการสร้างตัวเลื่อนตั้งแต่เริ่มต้น คุณสามารถเลือกจากทั้งแม่แบบตัวเลื่อนโดยรวม (180+) เช่นเดียวกับแม่แบบสำหรับแต่ละสไลด์ (100+)

คุณสามารถนำเข้าเนื้อหาตัวเลื่อนจากแหล่งที่มามากมาย ปัจจุบัน Smart Slider 3 มีแหล่งที่มามากกว่า 40 แหล่งสำหรับเนื้อหาแบบไดนามิก ซึ่งรวมถึง:

• โพสต์ WordPress หน้าหรือประเภทโพสต์ที่กำหนดเอง
• YouTube
• WooCommerce
• เฟสบุ๊ค
• Flickr
• ทวิตเตอร์
• อินสตาแกรม
• Pinterest
• แกลลอรี่ NextGEN
• ปฏิทินกิจกรรม

เนื้อหาแบบไดนามิกเป็นพื้นที่หนึ่งที่ Smart Slider 3 เป็นเลิศอย่างแน่นอน เป็นที่น่าสังเกตว่าเวอร์ชันฟรีรองรับเฉพาะเนื้อหาไดนามิกจากโพสต์ WordPress — แหล่งข้อมูลอื่นทั้งหมดเป็นแบบ Pro เท่านั้น

นอกเหนือจากนั้น คุณยังได้รับ:

• แอนิเมชั่นเลเยอร์ รวมถึงฟีเจอร์ไทม์ไลน์เพื่อดูว่าทุกอย่างเข้ากันได้ดีแค่ไหน
• เอฟเฟกต์ Ken Burns และแอนิเมชั่นพื้นหลังอื่น ๆ
• โปรแกรมแก้ไขภาพในตัว
• เลเยอร์ต่างๆ 16 แบบ รวมทั้งวิดีโอ ปุ่ม ฯลฯ
• สไลเดอร์ 5 แบบ ได้แก่ ม้าหมุน หีบเพลง และตู้โชว์

การดูอินเทอร์เฟซ Smart Slider 3 แบบลงมือปฏิบัติ

ฉันใช้ Smart Slider 3 เวอร์ชันฟรีสำหรับตัวอย่างนี้

เมื่อคุณไปสร้างตัวเลื่อนใหม่ คุณสามารถสร้างตัวเลื่อนเปล่าใหม่หรือเรียกดูไลบรารีแม่แบบ:

เมื่อคุณเลือกจุดเริ่มต้นแล้ว คุณจะเข้าสู่อินเทอร์เฟซการแก้ไข

ในหน้าการแก้ไขหลัก คุณจะเห็นรายการสไลด์ทั้งหมดของคุณ และคุณยังสามารถกำหนดการตั้งค่าตัวเลื่อนโดยรวมได้ เช่น:

• เล่นอัตโนมัติ
• การนำทาง
• ขนาด
• …เป็นต้น

และหากคุณคลิกที่สไลด์ใดสไลด์หนึ่ง สไลด์ดังกล่าวจะนำคุณไปสู่ตัวสร้างการลากแล้วปล่อย ซึ่งคุณสามารถควบคุมลักษณะที่ปรากฏของสไลด์ได้อย่างแม่นยำโดยใช้การลากแล้วปล่อย เช่นเดียวกับเลเยอร์ต่างๆ:

โดยรวมแล้ว Smart Slider 3 เป็นตัวสร้างสไลด์ที่ฉันโปรดปรานเพราะอินเทอร์เฟซของตัวสร้างมีความรกน้อยกว่ามาก

ข้อมูลราคา Smart Slider 3

Smart Slider 3 เวอร์ชันฟรีที่ฉันดูในโพสต์นี้มีให้ที่ WordPress.org หากคุณต้องการคุณสมบัติ Pro แผนเริ่มต้นที่ $35 สำหรับการใช้งานในไซต์เดียว

ข้อมูลเพิ่มเติม / ดาวน์โหลดเดโม

3. Soliloquy – ส่วนต่อประสานที่เรียบง่าย แต่ยังคงมาพร้อมกับคุณสมบัติระดับพรีเมียม

Soliloquy เป็นปลั๊กอินตัวเลื่อนยอดนิยมอีกตัวหนึ่งที่มาในเวอร์ชันฟรีและพรีเมียม

ก่อนหน้านี้ Soliloquy เป็นส่วนหนึ่งของคอลเล็กชันปลั๊กอินของ Syed Balkhi (จาก WPBeginner) ในช่วงต้นปี 2018 Soliloquy (และ Envira Gallery) ถูกซื้อกิจการโดย Nathan Singh

แถบเลื่อนทั้งหมดที่คุณสร้างด้วย Soliloquy นั้นตอบสนองได้ และยังให้ตัวเลือกต่างๆ มากมายสำหรับการสร้างตัวเลื่อนแบบไดนามิก

Soliloquy เป็นตัวเลือกที่เบากว่าปลั๊กอินสองตัวก่อนหน้า คุณไม่ได้รับอินเทอร์เฟซสไตล์ "ตัวสร้างหน้า" แบบเดียวกันเพื่อสร้างเนื้อหาสไลด์ของคุณ

ด้วยเหตุผลดังกล่าว หากคุณต้องการปรับแต่งแต่ละสไลด์จริงๆ คุณอาจไม่ชอบ Soliloquy แต่ถ้าคุณต้องการอะไรที่ง่ายและใช้งานง่าย คุณอาจจะชอบมัน!

รายการคุณสมบัติพูดคนเดียว

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

ยิ่งไปกว่านั้น คุณจะได้รับ:

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

การดูอินเทอร์เฟซ Soliloquy แบบลงมือปฏิบัติ

เมื่อคุณไปสร้างแถบเลื่อนใหม่ด้วย Soliloquy คุณสามารถอัปโหลดภาพของคุณเองหรือใช้ตัวเลือกไดนามิก (ถ้าคุณมี):

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

อีกครั้ง อินเทอร์เฟซสำหรับแก้ไขแต่ละสไลด์นั้นง่ายกว่ามาก เนื่องจากคุณไม่มีวิธีสร้างเพจแบบ:

ข้อมูลการกำหนดราคาโซโล่

มีเวอร์ชันฟรีจำกัดที่ WordPress.org หากคุณต้องการ Soliloquy Pro ซึ่งเป็นสิ่งที่ฉันใช้ข้างต้น มีแผนราคาที่แตกต่างกันสี่แบบ ซึ่งแต่ละแผนจะให้คุณเข้าถึงคุณสมบัติต่างๆ ได้

ข้อมูลเพิ่มเติม / ดาวน์โหลดเดโม

4. LayerSlider – ฟังก์ชันการทำงานที่ล้ำลึก + ตัวสร้างภาพ

LayerSlider เป็นปลั๊กอินตัวเลื่อนระดับพรีเมียมยอดนิยม เคยขายผ่าน CodeCanyon ซึ่งมียอดขายมากกว่า 100,000 รายการ และรักษาระดับดาว 4.75 ดาวจากบทวิจารณ์มากกว่า 3,100 รายการ (จาก 5 ดาว) อย่างไรก็ตาม นักพัฒนาซอฟต์แวร์ได้ย้ายไปขายเฉพาะผ่านทางเว็บไซต์ของตนเองแทน CodeCanyon

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

รายการคุณสมบัติ LayerSlider

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

นอกเหนือจากตัวสร้างภาพหลักนั้น คุณยังได้รับ:

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

ให้ฉันแสดงให้คุณเห็นว่าคุณสมบัติเหล่านั้นมารวมกันได้อย่างไร

การดูอินเทอร์เฟซ LayerSlider แบบลงมือปฏิบัติ

เมื่อคุณไปสร้างแถบเลื่อนใหม่ใน LayerSlider คุณสามารถสร้างแถบเลื่อนใหม่ตั้งแต่ต้นหรือเรียกดูร้านแม่แบบซึ่งมีแม่แบบมากมาย

หากคุณซื้อ LayerSlider ด้วยตัวเอง คุณจะสามารถเข้าถึงเทมเพลตทั้งหมดได้ แต่ถ้าคุณไม่มีไลเซนส์คีย์ของ LayerSlider (เช่น ถ้ามันมากับธีมของคุณ) คุณจะเข้าถึงได้เพียงประมาณ 12 คีย์เท่านั้น:

ไม่ว่าคุณจะเลือกตัวเลือกใด คุณก็จะอยู่ในที่เดียวกัน นั่นคือตัวสร้าง LayerSlider

ที่ด้านบน คุณจะเห็นสไลด์ทั้งหมดของคุณ:

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

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

นอกเหนือจากอินเทอร์เฟซตัวสร้างสไลด์ คุณยังได้รับชุดการตั้งค่าตัวเลื่อนที่มีรายละเอียดมาก:

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

ข้อมูลราคา LayerSlider

ไม่มี LayerSlider เวอร์ชันฟรี แม้ว่าคุณจะพบปลั๊กอินที่ ไม่เกี่ยวข้อง ที่ WordPress.org ที่เรียกว่า "Layer Slider" ปลั๊กอินนั้นแตกต่างอย่างสิ้นเชิงจากผู้พัฒนารายอื่น

อย่างไรก็ตาม LayerSlider นั้นค่อนข้างแพงสำหรับปลั๊กอินระดับพรีเมียม คุณจะจ่ายเพียง $25 สำหรับการใช้งานบนไซต์เดียวที่มี การอัปเดตตลอดอายุการใช้งาน และการสนับสนุนหกเดือน ( เหมือนกับใบอนุญาตของ Envato แม้ว่า LayerSlider จะย้ายออกจาก CodeCanyon ไปแล้ว) คุณยังจะได้รับส่วนลดปริมาณหากคุณซื้อใบอนุญาตสำหรับไซต์หลายแห่ง ตัวอย่างเช่น ใบอนุญาตสามไซต์ราคาเพียง $66

คุณยังสามารถตรวจสอบหน้ารายชื่อเก่าได้ที่ CodeCanyon ซึ่งปัจจุบันเรียกว่า Kreatura Slider Plugin

ข้อมูลเพิ่มเติม / ดาวน์โหลดเดโม

5. ตัวเลื่อนการเปลี่ยน - ประสบการณ์การแก้ไขระดับกลางที่แข็งแกร่ง

Transition Slider เป็นปลั๊กอินตัวเลื่อนยอดนิยมที่แสดงอยู่ใน WordPress.org (สำหรับเวอร์ชันฟรี) และ CodeCanyon (สำหรับเวอร์ชันพรีเมียม) เวอร์ชันฟรีใช้งานได้ดีกับตัวเลื่อนทั่วไป ในขณะที่เวอร์ชันพรีเมียมให้คุณเข้าถึงเทมเพลตและฟีเจอร์ขั้นสูงเพิ่มเติม

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

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

รายการคุณสมบัติตัวเลื่อนการเปลี่ยน

• อินเทอร์เฟซการออกแบบสไลด์ภาพ ( แม้ว่าจะไม่ใช่ drag-and-drop จริงก็ตาม)
• เพิ่มข้อความ ปุ่ม รูปภาพ วิดีโอ และ iframes ลงในสไลด์ของคุณ
• ตัวเลือกการปรับแต่งโดยละเอียดสำหรับขนาด เล่นอัตโนมัติ การนำทาง การแบ่งหน้า ฯลฯ
• เอฟเฟกต์การเปลี่ยนแถบเลื่อนที่ไม่ซ้ำใคร เช่น การบิดเบี้ยว ซูม แฟลช การยืด และตัวเลือกเจ๋งๆ อื่นๆ อีกมากมาย
• เทมเพลตตัวเลื่อนที่สร้างไว้ล่วงหน้ามากกว่า 50 รายการระหว่างเวอร์ชันฟรีและพรีเมียม
• ตัวเลือกในการโหลดภาพตัวเลื่อนภาพแรกล่วงหน้าเพื่อเพิ่มความเร็วในการโหลดหน้าเว็บที่รับรู้

การดูส่วนต่อประสานการเปลี่ยนผ่านแบบลงมือปฏิบัติ

สำหรับตัวอย่างเหล่านี้ ฉันใช้ Transition Slider เวอร์ชันฟรีที่ WordPress.org แม้ว่าอินเทอร์เฟซพื้นฐานจะเหมือนกันระหว่างทั้งสองเวอร์ชัน

ในการเริ่มต้น คุณสามารถเพิ่มสไลด์โดยเลือกจากรูปภาพใน WordPress Media Library ของคุณ:

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

• โปรแกรมแก้ไขข้อความ
• หัวเรื่อง
• ภาพ
• ปุ่ม
• วีดีโอ
• iFrame

คุณสามารถคลิกเพื่อเพิ่มเนื้อหานั้นลงในสไลด์

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

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

คุณสามารถบันทึกการเปลี่ยนแปลงของคุณและทำซ้ำขั้นตอนเดียวกันสำหรับทุกสไลด์ที่คุณต้องการออกแบบ

คุณยังสามารถกำหนดการตั้งค่าระดับสูงได้มากมายโดยใช้ตัวเลือกในแถบด้านข้างของอินเทอร์เฟซการแก้ไขตัวเลื่อนหลัก:

โดยรวมแล้ว มันไม่ยืดหยุ่นเท่าบางอย่างเช่น Smart Slider หรือ Slider Revolution ( ถัดไปในรายการของเรา ) แต่ผู้ใช้ส่วนใหญ่จะมีตัวเลือกทั้งหมดที่จำเป็นสำหรับการสร้างการออกแบบตัวเลื่อนที่เรียบง่าย

ข้อมูลการกำหนดราคาตัวเลื่อนการเปลี่ยน

หากคุณต้องการทดสอบ Transition Slider มีเวอร์ชันฟรีจำนวนจำกัดที่ WordPress.org ซึ่งมีฟีเจอร์พื้นฐานและเทมเพลตที่จำกัด

เพื่อปลดล็อกคุณลักษณะและเทมเพลตทั้งหมด เวอร์ชัน Pro มีค่าใช้จ่าย 35 เหรียญที่ CodeCanyon ซึ่งช่วยให้คุณได้รับการอัปเดตตลอดชีพและการสนับสนุนหกเดือนสำหรับไซต์เดียว

ข้อมูลเพิ่มเติม / ดาวน์โหลดเดโม

6. Slider Revolution – ฟังก์ชันการทำงานที่ล้ำลึก + ตัวสร้างภาพ

ด้วยยอดขายมากกว่า 415,000 รายการที่ CodeCanyon ทำให้ Slider Revolution เป็นหนึ่งในปลั๊กอินตัวเลื่อน WordPress ที่ได้รับความนิยมมากที่สุดอย่างไม่ต้องสงสัย ความนิยมส่วนใหญ่มาจากความจริงที่ว่า ThemeForest มาพร้อมกับธีมต่างๆ มากมาย แต่นั่นไม่ใช่เรื่องแปลก เพราะ Slider Revolution ยังคงรักษาระดับดาวได้ 4.75+ ดาวจากบทวิจารณ์มากกว่า 10,000 รายการ

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

อย่างไรก็ตาม ความยืดหยุ่นนี้มีทั้งข้อดีและข้อเสีย เนื่องจาก Slider Revolution อาจรู้สึกซับซ้อนเล็กน้อยสำหรับผู้ใช้ที่ไม่ใช้เทคนิค

รายการคุณสมบัติการปฏิวัติตัวเลื่อน

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

คุณสมบัติที่เป็นประโยชน์อื่นๆ ได้แก่:

• รองรับฟีดโซเชียลมีเดียเพื่อนำเข้าเนื้อหาตัวเลื่อนจาก Instagram, Twitter, Facebook, YouTube, Flickr และ Vimeo
• เนื้อหาโพสต์แบบไดนามิกเพื่อรวมรายการโพสต์ล่าสุดของคุณในแถบเลื่อน
• ตัวเลือกการนำทางมากมาย รวมถึงการนำทางด้วยภาพขนาดย่อ
• ตัวเลือกแอนิเมชั่นมากมาย รวมถึงตัวเลือกในการสร้างแอนิเมชั่นของคุณเอง คุณได้รับไทม์ไลน์ของแอนิเมชั่นเพื่อควบคุมแต่ละเลเยอร์
• แถบเลื่อนตามกำหนดการเพื่อให้คุณเผยแพร่สไลด์ตามวันที่ที่กำหนดไว้ล่วงหน้า (เช่น คุณลักษณะ Soliloquy ที่เรียบร้อย)

การลงมือปฏิบัติจริงกับอินเทอร์เฟซการปฏิวัติของ Slider

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

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

จากนั้น คุณจะอยู่ในโปรแกรมแก้ไขฉบับสมบูรณ์ ซึ่งมี ตัว เลือกต่างๆ มากมาย

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

คุณสามารถสร้างสไลด์เพิ่มเติมและทำตามขั้นตอนเดียวกันได้ตามต้องการ คุณยังจะได้รับตัวเลือกการแก้ไขที่ตอบสนอง การควบคุมระดับโมดูล และอื่นๆ

สำหรับตัวเลื่อนแบบธรรมดา ฉันคิดว่าอินเทอร์เฟซใหม่ของ Slider Revolution นั้นเกินความสามารถ มีตัวเลือกมากมาย และมีช่วงการเรียนรู้ที่ใหญ่กว่าปลั๊กอินตัวเลื่อนอื่นๆ ในรายการนี้อย่างแน่นอน

อย่างไรก็ตาม หากคุณต้องการการควบคุมที่สมบูรณ์และคุ้มค่าโดยมีตัวเลือกและความยืดหยุ่นทั้งหมดเหล่านี้ แม้กระทั่งไทม์ไลน์ของแอนิเมชั่น คุณอาจชอบ Slider Revolution มากที่สุด

ขึ้นอยู่กับสิ่งที่คุณกำลังมองหาในเครื่องมือออกแบบตัวเลื่อน

ข้อมูลการกำหนดราคา Slider Revolution

Slider Revolution มีค่าใช้จ่าย 85 เหรียญที่ CodeCanyon ไม่มี Slider Revolution เวอร์ชันฟรี ราคานี้ค่อนข้างแพงสำหรับตัวเลื่อน เพียงอย่างเดียว แต่อาจคุ้มค่าสำหรับตัวเลือกการออกแบบขั้นสูงที่สามารถไปไกลกว่าตัวเลื่อนรูปภาพทั่วไป

ข้อมูลเพิ่มเติม / ดาวน์โหลดเดโม

7. Meta Slider – ถ้าคุณต้องการเพียงแค่ Slider ง่าย ๆ

สุดท้าย MetaSlider เป็นอีกหนึ่งตัวเลือกตัวเลื่อน WordPress ที่ดีฟรี อย่างไรก็ตาม เช่นเดียวกับ Smart Slider 3 ยังมีเวอร์ชันพรีเมียมอีกด้วย หากคุณต้องการฟังก์ชันเพิ่มเติม

ในเดือนพฤศจิกายน 2560 MetaSlider ถูกซื้อกิจการโดยทีมเดียวกันที่อยู่เบื้องหลังปลั๊กอิน UpdraftPlus ยอดนิยม UpdraftPlus มีความเอื้อเฟื้อเผื่อแผ่ด้วยฟังก์ชันการสำรองข้อมูลฟรี จึงไม่แปลกใจเลยที่ MetaSlider จะปฏิบัติตามและยังมีเวอร์ชันฟรีอีกมากมาย

ได้รับการจัดอันดับอย่างดี (4.7 ดาวจากบทวิจารณ์มากกว่า 620 รายการ) และยังค่อนข้างเป็นที่นิยมอีกด้วย (ใช้งานบนเว็บไซต์มากกว่า 800,000 แห่งตาม WordPress.org)

รายการคุณสมบัติ MetaSlider

MetaSlider นำเสนอวิธีการสร้างตัวเลื่อนที่เบากว่า ซึ่งดีมากหากคุณรู้สึกว่ารายการคุณลักษณะที่ยาวและอินเทอร์เฟซที่แออัดของปลั๊กอินข้างต้นล้นหลาม

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

คุณสมบัติที่เป็นประโยชน์อื่นๆ ได้แก่:

• 4 ประเภทตัวเลื่อนที่แตกต่างกัน: Flex Slider 2, Responsive Slides, Nivo Slider และ Coin Slider
• สไลด์แบบไดนามิก รวมถึงการรวม WooCommerce เพื่อสร้างตัวเลื่อนผลิตภัณฑ์
• การครอบตัดรูปภาพอัจฉริยะเพื่อให้แน่ใจว่าสไลด์ของคุณมีขนาดถูกต้อง
• รองรับไลท์บ็อกซ์ด้วยโปรแกรมเสริม MetaSlider Lightbox ฟรี

การดูอินเทอร์เฟซ MetaSlider แบบลงมือปฏิบัติ

ฉันใช้ MetaSlider เวอร์ชันฟรีสำหรับตัวอย่างนี้

นอกจาก Soliloquy แล้ว MetaSlider ยังมีอินเทอร์เฟซที่ง่ายที่สุดตัวหนึ่งในรายการนี้ ซึ่งทำให้เป็นตัวเลือกที่ดีสำหรับผู้เริ่มต้น ในขณะที่ปลั๊กอินตัวเลื่อนอื่น ๆ ของ WordPress มีฟังก์ชันการทำงานที่ลึกซึ้งยิ่งขึ้น แต่ก็หมายความว่าอินเทอร์เฟซของพวกเขาล้นหลามด้วยคุณสมบัติที่มีอยู่มากมาย

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

ถ้าคุณคลิก +เพิ่มสไลด์ คุณจะสามารถสร้างสไลด์ใหม่โดยใช้ตัวเลือกทางด้านซ้าย:

เมื่อคุณเพิ่มสไลด์แล้ว คุณจะได้รับตัวเลือกพื้นฐานสำหรับแต่ละสไลด์ แต่เช่นเดียวกับ Soliloquy อย่าคาดหวังอินเทอร์เฟซตัวสร้างแบบเต็มหน้าที่นี่ หากคุณใช้สไลด์เลเยอร์ คุณจะได้รับตัวเลือกเพิ่มเติม ฉันไม่สามารถเข้าถึงสิ่งนี้ได้ในเวอร์ชันฟรี:

หากคุณพอใจกับความเรียบง่าย อินเทอร์เฟซของ MetaSlider จะตรงไปตรงมาและใช้งานง่าย

ข้อมูลราคา MetaSlider

MetaSlider เวอร์ชันฟรีที่ฉันใช้มีอยู่ใน WordPress.org หากคุณต้องการคุณสมบัติ Pro แผนเริ่มต้นที่ €39 ต่อปี ไม่มีความแตกต่างของคุณลักษณะระหว่างแผนชำระเงิน — ข้อแตกต่างเพียงอย่างเดียวคือจำนวนใบอนุญาต

ข้อมูลเพิ่มเติม / ดาวน์โหลดเดโม

คุณควรใช้ปลั๊กอิน WordPress Slider ใด?

ตกลง คุณควรใช้ปลั๊กอินตัวเลื่อน WordPress ตัวใดตัวหนึ่งเหล่านี้จริงๆ

เรามาแบ่งมันออกเป็นสถานการณ์ต่างๆ กัน

ก่อนอื่น ให้ของฟรี หากคุณกำลังมองหาปลั๊กอินตัวเลื่อนฟรีโดยเฉพาะ ฉันคิดว่าสองตัวเลือกที่ดีที่สุดของคุณคือ Smart Slider 3 และ MetaSlider Smart Slider 3 จะให้ฟังก์ชันการทำงานเพิ่มขึ้นเล็กน้อยและตัวสร้างสไลด์แบบลากแล้ววางในขณะที่อินเทอร์เฟซของ MetaSlider นั้นเรียบง่ายกว่าเล็กน้อย

หากคุณต้องการฟังก์ชันการทำงานเพิ่มเติมและยินดีที่จะใช้ปลั๊กอินตัวเลื่อน WordPress ระดับพรีเมียม สิ่งต่างๆ จะยุ่งยากขึ้นเล็กน้อย

หากคุณต้องการตัวเลือกพรีเมียมที่ง่ายที่สุดที่ยังคงให้คุณเข้าถึงแหล่งข้อมูลไดนามิกมากมาย ลองดู Soliloquy อย่างไรก็ตาม หากคุณต้องการตัวเลือกมากมายในการกำหนดค่าทุก ๆ ด้านของตัวเลื่อนของคุณ คุณอาจมีความสุขกับ LayerSlider หรือ Slider Revolution

และถ้าคุณต้องการแหล่งข้อมูลที่มีไดนามิกมากที่สุด เช่นเดียวกับอินเทอร์เฟซที่ยังคงมีรายละเอียดค่อนข้างแย่ Smart Slider 3 รุ่น Pro ก็เป็นตัวเลือกที่ดีเช่นกัน

ถึงคุณทุกคนแล้ว คุณเคยใช้ปลั๊กอินตัวเลื่อน WordPress เหล่านี้หรือไม่? อันไหนที่คุณชอบและทำไม?