ทุกคนที่อยู่ในธุรกิจผู้ให้บริการเนื้อหาออนไลน์มานานพอจะทราบดีว่า Google ชอบการเล่าเรื่องแบบยาวเนื่องจากนำเสนอเนื้อหาที่มีคุณภาพมากกว่าแก่ผู้ใช้อินเทอร์เน็ต ด้วยเหตุนี้ บทความที่มีคำศัพท์หลายพันคำจึงกลายเป็นเรื่องธรรมดาในเวิลด์ไวด์เว็บ แต่ในทางกลับกัน จำนวนผู้อ่านที่หลงทางในการสำรวจก็เพิ่มขึ้นเช่นกัน
สิ่งหนึ่งที่น่าจะเป็นประโยชน์ในการนำทางบทความยาวๆ คือ Table Of Contents (TOC) น่าเสียดาย ส่วนใหญ่แล้ว TOC จะถูกตั้งค่าให้นั่งที่ตำแหน่งใดตำแหน่งหนึ่งและจะหายไปอย่างรวดเร็วหลังจากที่ผู้ใช้เลื่อนออกไป คงจะดีถ้าคุณสามารถตั้งค่า TOC ให้ลอยตามบทความในตำแหน่งคงที่เพื่อให้พร้อมใช้งานเสมอ
หากคุณเป็นผู้ใช้ WordPress คุณสามารถเพิ่มสารบัญแบบลอยตัวในบทความ WordPress ได้ด้วยวิธีต่อไปนี้
การเพิ่มสารบัญ
ขั้นตอนแรกคือการใส่ TOC ปลั๊กอิน TOC หนึ่งรายการที่แนะนำคือ Table of Contents Plus ปลั๊กอินนี้จะสร้าง TOC โดยอัตโนมัติตามหัวข้อบทความของคุณ
หลังจากติดตั้งและเปิดใช้งาน ปลั๊กอินจะสามารถเข้าถึงได้ภายใต้เมนู "การตั้งค่า -> TOC+" จากการตั้งค่า คุณสามารถตั้งค่าให้ปลั๊กอินแสดงโดยอัตโนมัติในเนื้อหาบางประเภท กำหนดจำนวนส่วนหัวขั้นต่ำก่อนที่จะเปิดใช้งาน ใช้รหัสย่อเพื่อเปิด/ปิดการใช้งาน และแทรกในตำแหน่งเฉพาะของโพสต์/หน้า และอื่นๆ อีกมากมาย การปรับแต่ง
หากต้องการแสดง TOC ในแถบด้านข้าง ให้ไปที่ "ลักษณะที่ปรากฏ -> วิดเจ็ต" จากนั้นลากและวางวิดเจ็ต "TOC+" ไปยังพื้นที่วิดเจ็ตแถบด้านข้าง คลิกบันทึก เท่านี้ก็เรียบร้อย
TOC จะปรากฏบนแถบด้านข้างของโพสต์และหน้าทั้งหมดที่ตรงตามเกณฑ์
แต่วิดเจ็ตแถบด้านข้างของ TOC จะยังคงเลื่อนไปพร้อมกับบทความ มาต่อกันในบทแนะนำนี้เพื่อให้ใช้งานได้จริง
การทำสารบัญ
เพื่อให้บรรลุเป้าหมายที่สอง เราต้องการความช่วยเหลือจากปลั๊กอินอื่นที่เรียกว่า Q2W3 Fixed Widget เดินทางตามปกติไปตามช่องทางของที่เก็บ WordPress จากนั้นติดตั้งและเปิดใช้งานปลั๊กอิน
การตั้งค่าปลั๊กอินนี้สามารถเข้าถึงได้ผ่านทางเมนู "ลักษณะที่ปรากฏ -> ตัวเลือกวิดเจ็ตคงที่" แต่ผู้ใช้ส่วนใหญ่ไม่จำเป็นต้องแก้ไข
การใช้ปลั๊กอินทำได้ง่าย กลับไปที่ "ลักษณะที่ปรากฏ -> วิดเจ็ต" และเลือกวิดเจ็ตที่คุณต้องการปักหมุดบนแถบด้านข้าง เนื่องจากเราต้องการทำให้วิดเจ็ต TOC+ ลอยไปตามการเลื่อนที่ตำแหน่งคงที่บนแถบด้านข้าง ให้เลือก
คุณจะสังเกตเห็นช่องทำเครื่องหมายใหม่ปรากฏขึ้นเหนือปุ่มบันทึกที่เรียกว่าวิดเจ็ตคงที่ เพียงทำเครื่องหมายที่ช่องนี้ คุณก็จะได้สารบัญแบบตายตัว
และคุณสมบัตินี้ไม่ได้จำกัดอยู่แค่สารบัญ Plus คุณสามารถใช้ปลั๊กอิน Q2W3 เพื่อให้วิดเจ็ตปรากฏบนแถบด้านข้างได้
ตอนนี้คุณสามารถไปที่หน้าหรือโพสต์ที่มีวิดเจ็ต TOC ของแถบด้านข้างและชื่นชมผลงานของคุณ หากคุณต้องการปิดการใช้งาน ให้กลับไปที่เมนู “ลักษณะที่ปรากฏ -> วิดเจ็ต” และยกเลิกการเลือกช่องทำเครื่องหมาย
เคล็ดลับเล็กๆ น้อยๆ
ในขณะที่ CSS masters สามารถใช้ประโยชน์จากคุณลักษณะการปรับแต่งรูปแบบของ TOC+ เพื่อปรับแต่งรูปลักษณ์ตามความต้องการ ผู้ใช้ส่วนใหญ่จะเพียงแค่ใช้ปลั๊กอินตั้งแต่เริ่มต้น หมายความว่าการแสดงผล TOC จะได้รับอิทธิพลอย่างมากจากธีมที่คุณใช้
ฉันจัดการเพื่อทดสอบการรวมกันของ TOC+ และ Q2W3 ด้วยธีมต่างๆ มากมาย และนี่คือเคล็ดลับหลายประการที่คุณสามารถใช้เพื่อให้ได้ผลลัพธ์สูงสุด
ขั้นแรก ให้วางวิดเจ็ต TOC+ แบบคงที่ที่ด้านล่างของแถบด้านข้างใต้วิดเจ็ตอื่นๆ เพื่อไม่ให้ไปทับวิดเจ็ตอื่นเมื่อคุณเลื่อน เนื่องจากวิดเจ็ตมีพื้นหลังโปร่งใส (อย่างน้อยก็มีในธีมที่ฉันทดสอบด้วย) การดูวิดเจ็ตโปร่งใสสองอันที่ซ้อนกันอยู่ด้านบนจึงดูไม่ค่อยสวยนัก โดยเฉพาะอย่างยิ่งถ้าอันหนึ่งกำลังเคลื่อนไหวและอีกอันหนึ่งไม่ใช่
ประการที่สอง ใช้วิดเจ็ตให้น้อยที่สุดบนแถบด้านข้าง วิธีนี้จะทำให้วิดเจ็ต TOC+ มองเห็นได้ก่อนการพับหน้า จากนั้นจะเลื่อนขึ้นพร้อมกับหน้านั้นจนกว่าจะถึงหน้าบนสุดและคงอยู่ที่นั่น
ข้อดีอีกประการของการใช้แถบด้านข้างคงที่คือผู้เยี่ยมชมของคุณจะไม่มีวันมีพื้นที่ว่างที่มักจะปรากฏขึ้นเมื่อพวกเขาเลื่อนลงมาในหน้า
ลองใช้ชุดค่าผสมและบอกเราว่าคุณคิดอย่างไร
