Skip to content
Carousel Slider Block ปลั๊กอินสร้างสไลด์ Carousel บน Gutenberg

แนะนำปลั๊กอิน Carousel Slider Block for Gutenberg เป็นปลั๊กอินที่ใช้สร้างสไลด์แบบ Carousel บน WordPress Block Editor (Gutenberg) พัฒนาโดย Virgiliu Diaconu ซึ่งเป็น Full Stack Web Developer ที่อาศัยอยู่ที่รัฐฟลอริดา ประเทศสหรัฐอเมริกา โดยมียอดดาวน์โหลดไปใช้งานตั้งแต่เวอร์ชั่นแรกจนถึงเวอร์ชั่นล่าสุดรวมแล้วมากกว่า 1.4 แสนครั้ง และใช้งานได้ฟรี

Carousel Slider block นั้นทำงานบน WordPress Block Editor (Gutenberg) การสร้างสไลด์ก็ทำได้ง่ายๆ เพียงเพิ่ม Carousel Slider block จากนั้นก็เพิ่มภาพที่ต้องการลงไป โดยคุณสามารถเรียงลำดับสไลด์ใหม่ได้โดยใช้ปุ่มลูกศรซ้ายและขวาในแถบเครื่องมือ และหากต้องการลบสไลด์ ให้เลือกสไลด์แล้วคลิกจุดสามจุดด้านบน คลิกตัวเลือกเพื่อลบสไลด์นั้น

คุณสมบัติ

  • เพิ่มสไลด์ได้ไม่จำกัด
  • เพิ่ม Block ลงใน Slide Block ได้ทุกชนิด
  • ดูตัวอย่าง Carousel ในหน้าแก้ไข
  • ใช้งานได้ทุกขนาดหน้าจอรวมถึงหน้าจอแบบสัมผัสได้

การตั้งค่า

  • Slides per view
  • Slides to scroll at a time
  • Slide speed
  • Slide padding
  • Prev/next arrows
  • Dots navigation
  • Infinite loop sliding
  • Autoplay
  • Responsive settings: slides to show and scroll at given screen size
  • RTL

การติดตั้งปลั๊กอิน Carousel Slider Block

ที่หลังบ้าน WordPress ไปที่ Plugins -> Add New Plugin

ที่หน้า Add Plugins ให้ใส่คำว่า Carousel Slider Block ที่ช่อง Keyword

Install และ Activate ให้เรียบร้อย

ตัวอย่างการใช้งานปลั๊กอิน Carousel Slider Block

เข้าไปที่หน้า WordPress Block Editor จากนั้นคลิกเลือก Carousel Slider Block ลงมา

ต่อมาคลิกที่ไอคอน + เพื่อเพิ่มจำนวนสไลด์

เพิ่มจำนวนสไลด์ให้ได้ตามต้องการ ตามตัวอย่างจะเพิ่มทั้งหมด 5 สไลด์

ต่อมาคลิกที่ปุ่ม + ของแต่ละสไลด์ เพื่อเพิ่ม Block ลงไป

เพิ่ม Image Block ลงไป ซึ่งจริงๆแล้วตรงนี้จะเพิ่ม Block อะไรก็ได้ที่ต้องการ คืออยากแสดงอะไรในสไลด์ก็ใส่ได้หมด แต่ในที่นี้จะขอเลือกเป็น Image Block

จากนั้นก็ใส่รูปภาพลงไปใน Image Block ตามปกติ

ทำให้ครบทุกสไลด์

การปรับแต่ง Carousel Slider Block

ที่เมนู Block ทางด้านขวา สามารถปรับแต่ง Carousel Slider Block ได้ดังนี้

Carousel Settings

สำหรับเลือกจำนวนรูปภาพว่าจะให้สไลด์ครั้งละกี่ภาพ, ความเร็ว, ให้เลื่อนอัตโนมัติ และให้วนลูปแบบไม่รู้จบ

Responsive Settings

สำหรับตั้งค่าเมื่อมีขนาดหน้าจอต่ำกว่าที่กำหนดไว้ จะทำการลดจำนวนที่จะสไลด์ลงเลือกครั้งและเท่าไหร่ โดยทั่วไปก็จะกำหนดเป็นครั้งละ 1 เพื่อให้พอดีกับขนาดหน้าจอ Mobile

เมื่อไปดูที่หน้าเว็บไซต์ ก็จะเห็น Carousel Slider ที่เราสร้างขึ้น

สรุป

สำหรับ Carousel Slider Block for Gutenberg ก็เป็นปลั๊กอินที่ใช้สร้าง Slider แบบ Carousel บน WordPress Block Editor ที่ใช้งานได้ง่าย เพราะเป็นการเพิ่ม Block ลงในไป Gutenberg ซึ่งไม่เพียงแต่การเพิ่ม Image Block ลงไปใน Block Slider เท่านั้น ยังสามารถเพิ่ม Block อื่นๆได้ เช่น ถ้าต้องการสร้างข้อความสลับกับการโชว์รูปภาพก็สามารถทำได้แบบง่าย อีกทั้งตัวปลั๊กอินตัวมีขนาดที่เล็กและน้ำหนักเบา ไม่กินทรัพยากรของ Host ที่ใช้และที่สำคัญคือใช้งานได้ฟรี 100%

Back To Top
Search