ทุกคนที่ทำเนื้อหาออนไลน์มานานพอ รู้ว่า Google ชอบ Long-form Storytelling ให้ผู้ใช้อินเทอร์เน็ตได้คุณภาพมากขึ้น ผลคือ บทความพันคำกลายเป็นเรื่องปกติบนเว็บ แต่ในทางกลับกัน ผู้อ่านที่หลงทางระหว่างสำรวจก็เพิ่มขึ้น
สิ่งช่วยนำทางในบทความยาวคือ Table Of Contents (TOC) น่าเสียดาย TOC มักตั้งค่าไว้ตำแหน่งคงที่ หายไปทันทีที่ Scroll ออกไป จะดีกว่าถ้าตั้งค่า TOC ให้ Floating ตามบทความ ตำแหน่งคงที่ พร้อมใช้งานตลอด
หากคุณเป็น WordPress User นี่คือวิธีเพิ่ม Floating Table of Contents ในบทความ
เพิ่ม Table of Contents
ขั้นแรก: ใส่ TOC ปลั๊กอินแนะนำ: Table of Contents Plus สร้าง TOC อัตโนมัติจาก Headings ของบทความ
ติดตั้ง/เปิดใช้งาน -> เข้าถึงที่ "Settings -> TOC+" จาก Settings: ตั้งให้แสดงอัตโนมัติบน Content Types บางอย่าง ตั้ง Minimum Headers ก่อนเปิดใช้งาน ใช้ Shortcode Enable/Disable และ Insert ตำแหน่งเฉพาะ และปรับแต่งอื่นๆ มากมาย
แสดง TOC ใน Sidebar: ไป "Appearance -> Widgets" ลากวาง Widget "TOC+" ไป Sidebar Widget Area -> Save -> เสร็จ
TOC จะปรากฏ Sidebar ทุก Post/Page ที่ผ่านเกณฑ์
แต่ TOC Sidebar Widget ยัง Scroll ตามบทความ มาทำให้มัน Stick กันต่อ
ทำให้ Table of Contents Stick (ติดติด)
ต้องการปลั๊กอินอีกตัว: Q2W3 Fixed Widget ติดตั้ง/เปิดใช้งานจาก WordPress Repo ตามปกติ
Settings ที่ "Appearance -> Fixed Widget Options" ผู้ใช้ส่วนใหญ่ไม่ต้องปรับ
ใช้งานง่าย: กลับไป "Appearance -> Widgets" เลือก Widget ที่ต้องการ Pin บน Sidebar เราอยากให้ TOC+ Widget Floating ตาม Scroll ตำแหน่งคงที่บน Sidebar -> เลือกมัน
จะเห็น Checkbox ใหม่เหนือปุ่ม Save ชื่อ "Fixed Widget" ติ๊กถูก -> ได้ Fixed Table of Contents แล้ว
ฟีเจอร์ไม่จำกัด TOC+ ใช้ Q2W3 ทำให้ Widget ใดๆ ค้างเห็นได้บน Sidebar
ไปหน้า/บทความที่มี Sidebar TOC Widget ดูผลงาน หากต้องการปิด ย้อนไป "Appearance -> Widgets" ยกเลิกติ๊ก
เคล็ดลับเพิ่มเติม
CSS Masters ปรับสีสัน TOC+ ได้ ผ่าน Style Customization แต่วิธีส่วนใหญ่ใช้ Out of the box หมายความว่า TOC Display ถูกอิทธิพลมากโดย Theme ที่ใช้
ทดสอบ TOC+ + Q2W3 กับหลาย Themes นี่คือเคล็ดลับ:
1. วาง Fixed TOC+ Widget ล่างสุดของ Sidebar ใต้ Widget อื่นๆ เพื่อไม่ให้ทับ Widget อื่นเวลา Scroll เนื่องจาก Widget มีพื้นหลังโปร่งใส (ใน Theme ที่ทดสอบ) ดู Widget โปร่งใส 2 ตัวซ้อนกัน (ตัวเลื่อน ตัวคงที่) ไม่สวย
2. ใช้ Widget น้อยที่สุดบน Sidebar ทำให้ TOC+ Widget เห็นได้ก่อน Page Fold แล้ว Scroll ขึ้นมาจนถึงด้านบนสุดและค้างอยู่
ข้อดีอีกอย่างของ Fixed Sidebar: ผู้เยี่ยมชมไม่เจอพื้นที่ว่างที่มักเกิดเมื่อ Scroll ลงมาล่างสุด
ลองผสมผสานและบอกความคิดเห็น!
