วิธีเพิ่มหีบเพลงใน WordPress (คำแนะนำทีละขั้นตอน)

เผยแพร่แล้ว: 2019-12-13

คุณกำลังออกแบบหน้า Landing Page หน้าผลิตภัณฑ์ หรือหน้าคำถามที่พบบ่อยบนเว็บไซต์ WordPress ของคุณหรือไม่? แล้วคุณควรใช้หีบเพลงในการออกแบบหน้าของคุณ

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

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

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

เราจะแนะนำคุณตลอดกระบวนการทีละขั้นตอน มาเริ่มกันเลย!

สร้างส่วนคำถามที่พบบ่อย - วิธีง่ายๆ!

สร้างคำถามที่พบบ่อยและช่วยตอบคำถามทั่วไปของผู้เยี่ยมชม

รับปลั๊กอิน

หีบเพลงคืออะไร?

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

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

ดูวิธีที่เทสโก้ใช้หีบเพลงเพื่อจัดระเบียบหน้าคำถามที่พบบ่อย

เทสโก้-หีบเพลง

ในสมัยก่อน เว็บไซต์ต่างๆ ยังใช้หีบเพลงแบบแท็บในแนวนอนอีกด้วย แต่ปัจจุบันไม่ค่อยได้ใช้ในการออกแบบเว็บไซต์

ความแตกต่างระหว่างหีบเพลงกับ Toggle

คนส่วนใหญ่มักสับสนกับหีบเพลง แม้จะดูคล้ายคลึงกัน แต่ก็มีพฤติกรรมต่างกัน

ตัวอย่างเช่น เมื่อผู้ใช้คลิกที่หัวเรื่องหีบเพลง ผู้ใช้จะดูเนื้อหาในแท็บ แต่เมื่อพวกเขาคลิกที่หัวข้ออื่น แท็บก่อนหน้าจะปิดลงเพื่อดูแท็บใหม่

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

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

คุณไม่ต้องกังวลกับสองตัวเลือกนี้เพราะปลั๊กอินที่เราใช้ตั้งค่า accordion ใน WordPress รองรับทั้งสองตัวเลือกเหล่านี้

ทำไมต้องใช้หีบเพลง?

มีประโยชน์มากมายในการใช้หีบเพลง นี่เป็นเพียงเหตุผลสองสามประการที่จะใช้บนเว็บไซต์ของคุณ

ประหยัดพื้นที่มากมาย

คุณเคยเยี่ยมชมหน้าเว็บขนาดยาวที่บังคับให้คุณเลื่อนลงไปเรื่อย ๆ เพื่อค้นหาเนื้อหาที่คุณต้องการหรือไม่? โชคดีที่หีบเพลงช่วยแก้ปัญหานี้ได้

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

องค์กรเนื้อหาที่ดีขึ้น

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

ฝังได้ทุกที่

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

ลดขนาดหน้า

ขนาดหน้าเว็บของคุณมีบทบาทสำคัญในความเร็วในการโหลดหน้าเว็บของเว็บไซต์ ดังที่คุณทราบ ความเร็วในการโหลดหน้าเว็บเป็นหนึ่งในปัจจัยหลักในการจัดอันดับที่ Google ใช้

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

วิธีเพิ่มหีบเพลงด้วยคำถามที่พบบ่อยเกี่ยวกับฮีโร่

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

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

ตอนนี้ มาดูบทช่วยสอนแบบลงมือปฏิบัติกัน

ขั้นตอนที่ 1: ดาวน์โหลดและติดตั้ง Heroic FAQs

ขั้นแรก คุณจะต้องดาวน์โหลดและติดตั้งปลั๊กอิน Heroic FAQs บนเว็บไซต์ WordPress ของคุณ เมื่อคุณซื้อปลั๊กอินแล้ว คุณจะสามารถดาวน์โหลดได้จากแดชบอร์ดบัญชี Heroic ของคุณ

heroic-faqs-plugin-install

จากนั้นลงชื่อเข้าใช้แดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ ไปที่ Plugins >> Add New page แล้วเลือก Upload option เรียกดูคอมพิวเตอร์ของคุณเพื่อค้นหาไฟล์ ZIP ที่ดาวน์โหลดซึ่งมีปลั๊กอิน Heroic FAQs และ ติดตั้ง

หลังจากเสร็จสิ้นการติดตั้ง อย่าลืมเปิดใช้งานปลั๊กอินของคุณโดยใช้รหัสใบอนุญาตของคุณ

ขั้นตอนที่ 2: สร้างกลุ่มคำถามที่พบบ่อย

ปลั๊กอิน Heroic FAQs จะแนะนำคุณตลอดขั้นตอนการตั้งค่าเริ่มต้น เพียงทำตามคำแนะนำ

สร้างกลุ่มคำถามที่พบบ่อย

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

เพิ่มคำถามที่พบบ่อย

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

เพิ่มคำถามที่พบบ่อย2

จำไว้ว่าคุณสามารถเพิ่มคำถามที่พบบ่อยได้มากเท่าที่คุณต้องการ

ขั้นตอนที่ 3: ฝังหีบเพลง

ตอนนี้คุณสามารถฝังกลุ่มคำถามที่พบบ่อยของคุณบนหน้าหรือโพสต์ ด้วยตัวแก้ไขบล็อก Gutenberg ใหม่ การเพิ่มหีบเพลงด้วยคำถามที่พบบ่อยของ Heroic ทำได้ง่ายกว่ามาก

embed-faq-1

สร้างหน้าใหม่หรือแก้ไขหน้าที่มีอยู่ เพิ่ม บล็อกใหม่ และค้นหาบล็อกเนื้อหา คำถามที่พบบ่อยเกี่ยว กับฮีโร่

embed-faq-2

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

ขั้นตอนที่ 4: สลับระหว่างหีบเพลงกับ Toggle

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

ฝัง-คำถามที่พบบ่อย-toggle

ขั้นตอนที่ 5: ดูตัวอย่างหีบเพลง

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

embed-faq-preview

สรุปแล้ว

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

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