วิธีสร้างปลั๊กอิน Slider ใน WordPress ใน 5 ขั้นตอน

หากคุณต้องการสร้างปลั๊กอินตัวเลื่อนใน WordPress คุณสามารถทำตามขั้นตอนเหล่านี้: 1. เลือกปลั๊กอินตัวเลื่อน มีปลั๊กอินตัวเลื่อนมากมายสำหรับ WordPress ปลั๊กอินตัวเลื่อนยอดนิยมบางตัว ได้แก่ Soliloquy, Meta Slider และ Slider Revolution 2. ติดตั้งและเปิดใช้งานปลั๊กอิน เมื่อคุณเลือกปลั๊กอินตัวเลื่อนแล้ว คุณจะต้องติดตั้งและเปิดใช้งาน คุณสามารถทำได้โดยไปที่ส่วนปลั๊กอินของแดชบอร์ด WordPress และคลิกที่ปุ่ม "เพิ่มใหม่" 3. กำหนดค่าปลั๊กอิน ปลั๊กอินตัวเลื่อนแต่ละตัวจะมีหน้าการตั้งค่าของตัวเอง ซึ่งคุณสามารถกำหนดค่าปลั๊กอินได้ตามต้องการ นี่คือที่ที่คุณจะเลือกสิ่งต่างๆ เช่น ขนาดของตัวเลื่อน เอฟเฟ็กต์การเปลี่ยนภาพ และลำดับของสไลด์ 4. เพิ่มสไลด์ เมื่อคุณกำหนดค่าปลั๊กอินแล้ว คุณจะต้องเพิ่มสไลด์ ซึ่งสามารถทำได้โดยไปที่ส่วนสไลด์ของหน้าการตั้งค่าปลั๊กอินและคลิกที่ปุ่ม " เพิ่มสไลด์ใหม่ " 5. เผยแพร่ตัวเลื่อน เมื่อคุณเพิ่มสไลด์ทั้งหมดที่ต้องการแล้ว คุณสามารถเผยแพร่ตัวเลื่อนได้ ซึ่งสามารถทำได้โดยไปที่ส่วนเผยแพร่ของหน้าการตั้งค่าปลั๊กอินและคลิกที่ปุ่ม "เผยแพร่"

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

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

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

คุณสร้างสไลด์ใน WordPress ได้อย่างไร?

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

หากคุณต้องการให้รูปภาพคุณภาพสูงจำนวนมากแก่ผู้ชมเว็บไซต์ของคุณ วิธีแก้ปัญหาที่ง่ายที่สุดคือใช้ WordPress เพื่อสร้างสไลด์โชว์ หน้าแรกและบล็อกโพสต์ได้รับประโยชน์จากสไลด์โชว์ในลักษณะที่สำคัญ ทีมงานได้เลือกสามตัวเลือกนี้: ปลั๊กอิน Jetpack, Meta Slider และ Fluid Responsive Slideshow การใช้ปลั๊กอิน Jetpack เป็นวิธีที่ง่ายที่สุดในการสร้างสไลด์โชว์บน WordPress Meta Slider พัฒนาโดย Matcha Labs เป็นปลั๊กอิน WordPress ยอดนิยม คุณสามารถเปลี่ยนสิ่งต่างๆ เช่น การแสดงจะเริ่มโดยอัตโนมัติเมื่อคุณกดปุ่มที่เหมาะสม ไม่ว่าจะเกิดความล่าช้าหรือไม่ และอื่นๆ โดยคลิกที่แท็บแสดงการตั้งค่า ด้วยปลั๊กอิน Fluid Responsive Slideshow คุณสามารถเพิ่มการปรับแต่งจำนวนมหาศาลได้อย่างง่ายดาย เช่นเดียวกับข้อความซ้อนทับที่ด้านบนของภาพ

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

วิธีสร้างแถบเลื่อนใน WordPress โดยไม่ต้องใช้ปลั๊กอิน

หากคุณต้องการสร้างแถบเลื่อนใน WordPress โดยไม่ต้องใช้ปลั๊กอิน คุณสามารถทำได้โดยทำตามขั้นตอนเหล่านี้:
1. สร้างหน้าใหม่ใน WordPress และเพิ่มชื่อ
2. ในตัวแก้ไขหน้า เลือกแท็บ "ข้อความ"
3. วางรหัสต่อไปนี้ลงในโปรแกรมแก้ไขข้อความ:
[รหัส metaslider=”XXXX”]
แทนที่ “XXXX” ด้วย ID ของแถบเลื่อนที่คุณต้องการแสดง
4. คลิก "เผยแพร่" เพื่อเผยแพร่หน้า
5. คัดลอก URL ของหน้าแล้ววางลงในแถบที่อยู่ของเบราว์เซอร์
ตอนนี้คุณควรเห็นแถบเลื่อนบนหน้า

วิธีสร้างตัวเลื่อนเนื้อหาใน WordPress

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

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

วิธีเพิ่มสไลด์ลงในสไลด์ WordPress ของคุณ

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

วิธีเพิ่ม Slider ใน WordPress Elementor

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

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

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

ปลั๊กอิน WordPress Split Slider

มีหลายวิธีในการสร้างปลั๊กอิน WordPress แบบแยกส่วน วิธีหนึ่งคือการใช้ปลั๊กอินเช่น Master Slider ปลั๊กอินนี้ช่วยให้คุณสร้างตัวเลื่อนที่มีสองภาพ ภาพหนึ่งอยู่ทางซ้ายและอีกภาพหนึ่งอยู่ทางขวา คุณยังสามารถใช้ปลั๊กอินเช่น WP Slider ปลั๊กอินนี้ช่วยให้คุณสร้างแถบเลื่อนที่มีภาพสามภาพ ภาพหนึ่งอยู่ทางซ้าย ภาพหนึ่งอยู่ตรงกลาง และอีกภาพหนึ่งอยู่ทางด้านขวา

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

ตัวเลื่อนหลัก: ปลั๊กอินตัวเลื่อนที่ตอบสนองดีเยี่ยม

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