วิธีสร้างสารบัญใน WordPress

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

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

ในโพสต์นี้ เราจะแนะนำตัวเลือกต่างๆ สำหรับการสร้างสารบัญ WordPress (รวมถึงปลั๊กอิน รหัสย่อ และ HTML) จากนั้นเราจะร่างสไตล์ยอดนิยมสองสไตล์และวิธีที่คุณจะบรรลุผลสำเร็จ มาเริ่มกันเลย!

เหตุใดฉันจึงควรรวมสารบัญไว้ในไซต์ WordPress ของฉัน

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

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

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

การได้รับตัวอย่างข้อมูลแนะนำไม่ใช่วิทยาศาสตร์ที่แน่นอน อย่างไรก็ตาม รายการ (เช่น TOC) มักจะแสดงอยู่ เนื่องจากสามารถสื่อสารคำตอบสำหรับคำถามของผู้ค้นหาได้อย่างชัดเจนและรัดกุม

การเพิ่มสารบัญโดยใช้ปลั๊กอิน

ปลั๊กอินเป็นวิธีที่สมบูรณ์แบบในการขยายการทำงานภายใน WordPress มีวิธีแก้ไขปัญหามากมายที่มอบวิธีง่ายๆ ในการเพิ่ม TOC ของ WordPress ลงในโพสต์ของไซต์ของคุณ

ปลั๊กอินสารบัญ WordPress ที่เราชื่นชอบคือ แก้ไข TOC คุณยังสามารถใช้ปลั๊กอินอื่นๆ ร่วมด้วย เช่น Q2W3 Fixed Widget เพื่อเพิ่มประสิทธิภาพ TOC บนเว็บไซต์ของคุณเพิ่มเติม

การติดตั้งปลั๊กอินนั้นง่ายมาก สิ่งที่คุณต้องทำคือ:

1. ไปที่ ปลั๊กอิน > เพิ่มใหม่ ในแดชบอร์ด WordPress
2. อัปโหลดไฟล์ .zip ของปลั๊กอิน (ฟรีหรือพรีเมียม) หรือติดตั้งจากไดเรกทอรีปลั๊กอิน (ปลั๊กอินฟรีเท่านั้น)

เมื่อติดตั้งและเปิดใช้งานแล้ว คุณจะสามารถเข้าถึงฟังก์ชันต่างๆ ของปลั๊กอินนั้นๆ ได้อย่างเต็มที่ จากนั้น กระบวนการจะแตกต่างกันไปตามเครื่องมือที่คุณเลือก

ตัวอย่างเช่น ต่อไปนี้เป็นวิธีสร้าง TOC เมื่อคุณได้ติดตั้ง TOC แบบคงที่แล้ว:

1. ไปที่ การตั้งค่า > แก้ไข TOC
2. ในแท็บ ทั่วไป เลือกประเภทโพสต์ที่คุณต้องการใช้ TOC กับระดับหัวเรื่องที่จะรวม และตำแหน่งที่คุณต้องการให้ TOC ของคุณอยู่ที่ใด
3. ในแท็บ สี เลือกรูปแบบสีสำหรับ TOC ของคุณ

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

การเพิ่มสารบัญโดยใช้รหัสย่อ

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

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

1. ดาวน์โหลดปลั๊กอิน TOC ที่ใช้รหัสย่อ หรือใช้ปลั๊กอินที่ไม่มีรหัสย่อร่วมกับโซลูชัน เช่น Shortcoder
2. ค้นหารหัสย่อที่นำเสนอโดยปลั๊กอิน หรือสร้างโดยใช้รหัสย่อ
3. คัดลอกรหัสย่อและวางทุกที่ที่คุณต้องการภายใน WordPress (เช่น ในบล็อกโพสต์) Shortcoder นำเสนอสารบัญรหัสย่อง่าย ๆ ทำให้การเพิ่มไปยังไซต์ของคุณเป็นเรื่องง่าย

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

วิธีสร้างสารบัญใน WordPress โดยไม่ต้องใช้ปลั๊กอิน

แม้ว่าปลั๊กอินเป็นวิธีที่ง่ายที่สุดในการสร้างสารบัญภายใน WordPress แต่คุณก็สามารถเพิ่มสารบัญด้วยตนเองได้เช่นกัน ต่อไปนี้เป็นสองวิธีในการทำเช่นนี้

การสร้างสารบัญด้วย HTML  

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

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

การใช้แม่แบบหน้าจดหมายเหตุและลิงก์สำหรับ TOC

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

จากนั้นสามารถใช้หน้าเหล่านั้นบนเว็บไซต์ของคุณเป็น TOC 'หลัก' ซึ่งนำผู้ใช้ไปยังเนื้อหาที่พวกเขากำลังมองหา ตัวอย่างเช่น ใช้หน้า เอกสารสำคัญ ของ Leave Work Behind:

เทมเพลตสำหรับหน้าเหล่านี้มักมีชื่อว่า archives.php และ links.php (แต่คุณสามารถเปลี่ยนชื่อได้) แม้ว่าบางธีมจะรวมหน้าเหล่านี้ไว้ด้วย แต่ก็ไม่ใช่ทั้งหมดที่มี อย่างไรก็ตาม คุณสามารถสร้างของคุณเองได้โดยมีความรู้ด้านการเขียนโค้ดเพียงเล็กน้อย

ลักษณะสารบัญ

รูปแบบสารบัญของคุณมีบทบาทอย่างมากในการปรับปรุง UX ของผู้เยี่ยมชม ด้วยเหตุนี้ เรามาดูสไตล์ยอดนิยมสองรูปแบบสำหรับ WordPress TOC

สารบัญลอยตัว

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

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

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

แถบด้านข้างสารบัญ

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

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

ปรับแต่งเว็บไซต์ของคุณด้วย WP Engine

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

นอกจากนี้ เรายังให้การสนับสนุนที่ยอดเยี่ยมตลอด 24 ชั่วโมงทุกวัน และแผนโฮสติ้งที่หลากหลายของเราจะช่วยให้แน่ใจว่าคุณจะพบแผนที่เหมาะกับความต้องการของคุณ ตรวจสอบพวกเขาวันนี้!