การสร้าง Video Slider ใน WordPress

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

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

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

ในบทความนี้จะใช้ปลั๊กอิน Soliloquy เวอร์ชั่น Pro ในการสร้างแถบเลื่อนสไลด์วิดีโอ โดยปลั๊กอินตัวนี้ได้เคยแนะนำไปแล้ว สามารถไปอ่านกันได้ที่นี่ สร้างสไลด์ด้วยปลั๊กอิน Soliloquy โดยปลั๊กอิน Soliloquy เป็นปลั๊กอินที่มีอัตรา Page Load Time ได้รวดเร็วที่สุดในตอนนี้แล้ว ซึ่งจะไม่ส่งผลกระทบให้เว็บไซต์ทำงานได้ช้าลง

การติดตั้งปลั๊กอิน Slider by Soliloquy

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

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

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

การสร้างวิดีโอสไลด์

ก่อนอื่นไปที่ Soliloquy -> Setting จะเป็นหน้า License ให้ลง License Key ที่ได้จากการซื้อเวอร์ชั่น Pro แล้วคลิกที่ Verify Key เพื่อ Activate ให้เป็นเวอร์ชั่น Pro

ต่อมาไปที่ Soliloquy -> Add New

ที่หน้า Add New Soliloquy Slider ตั้งชื่อสไลด์ และที่ Tab Native Slider คลิกที่ปุ่ม Select Files from Other Sources

จะมี Popup Insert Video Slide ขึ้นมา ให้ใส่ Title ลงในช่อง Title, Link Video จาก YouTube หรือ Vimeo ลงในช่อง Video URL ส่วนช่อง Caption, All Text จะใส่หรือไม่ใส่ก็ได้ จากนั้นคลิกที่ปุ่ม Insert Into Slider

การตั้งค่าอื่นๆ นั้น ให้ไปดูที่ Tab Menu Configuration จะคล้ายๆการตั้งค่าภาพสไลด์ แต่สิ่งที่เพิ่มเข้ามาคือจะมีตัวเลือก Autoplay Video ถ้าติ๊กถูกไว้ ตัว Video Slider จะเล่นเองโดยอัตโนมัติ

จากนั้นคลิกที่ปุ่ม Public เพื่อบันทึกการเปลี่ยนแปลงและเผยแพร่

การนำ Slider ที่สร้างไปใช้

เพื่อคลิกปุ่ม Publish แล้ว แถบด้านขวาจะแสดง Code ของ Slider ที่นำไปใช้ได้ มีหลายรูปแบบ ทั้งแบบ shortcode ที่นำไปวางได้ในหน้่า WordPress Editor, Page Bulider หรือรูปแบบโค้ดโปรแกรม สำหรับนำไปใช้ในไฟล์ Function ของ Theme

ให้ copy shortcode ไว้ แล้วนำไปวางที่หน้า WordPress Editor หรือ Page Bulider ที่ต้องการ

สรุป

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