การสารบัญในหน้าบทความ WordPress

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

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

WordPress มีปลั๊กอินที่ใช้สร้างสารบัญอยู่หลายตัว ซึ่งปลั๊กอินที่จะมาแนะนำในวันนี้มีชื่อว่า Easy Table of Contents จากผู้พัฒนา Magazine3 บริษัทซอฟท์แวร์ในไฮเดอราบัด ประเทศอินเดีย โดยปลั๊กอิน Easy Table of Contents ถือเป็นปลั๊กอินที่ใช้สร้างสารบัญที่ได้รับความนิยมมากที่สุดเป็นอันดับต้นๆ โดยมียอดดาววน์โหลดไปใช้งานตั้งแต่เวอร์ชั่นแรกจนถึงเวอร์ชั่นล่าสุด รวมแล้วว่า 11 ล้านครั้ง โดยมีทั้งเวอร์ชั่น Free และ เวอร์ชั่น Pro

โพสนี้ยาว มีหัวข้ออะไรบ้าง แสดงหัวข้อทั้งหมด

คุณสมบัติเด่นของ Easy Table of Contents

สร้างสารบัญสำหรับ Post, Page และ Custom Post Types ให้โดยอัตโนมัติ
รองรับ Tag สำหรับ Plugin Rank Math SEO
ทำงานร่วมกับ Classic Editor, Gutenberg, Divi, Elementor, WPBakery Page Builder และ Visual Composer page editor ได้
เลือกเปิดใช้งานสำหรับ Post, Page และ Custom Post Types ได้ ตราบใดที่เนื้อหาถูกส่งออกด้วย Template Tag -> the_content()
เลือกประเภทของ Post ที่จะให้แทรกสารบัญแบบอัตโนมัติได้
มีตัวเลือกที่เข้าใจง่ายมากมายเพื่อกำหนดค่าเวลาและตำแหน่งที่จะแทรกสารบัญ
ถ้าธีมสารบัญที่ให้มาไม่ถูกใจ ก็สามารถสร้างธีมของสารบัญได้ โดยเลือกสีสำหรับเส้นขอบ พื้นหลัง และสีลิงก์ของคุณเองได้
เลือกที่จะแสดงสารบัญตามลำดับชั้นหรือไม่ ซึ่งหมายความว่าส่วนหัวที่มีลำดับความสำคัญต่ำกว่าจะซ้อนอยู่ใต้ส่วนหัวที่มีลำดับความสำคัญสูงกว่า
รองรับการ Scrolling ที่ Smooth
เลือกเปิดใช้งานหรือปิดใช้งานสารบัญในแต่ละ Post ได้
เลือกส่วนหัวที่จะใช้ในการสร้างสารบัญ สามารถตั้งค่าให้แต่ละ Post ไม่เหมือนกันได้
สารบัญใช้ Widger ที่มาพร้อมกับปลั๊กอิน เพื่อวางสารบัญที่ Sidebar ของ Post แทนการแทรกสารบัญได้
เป็นมิตรกับนักพัฒนา พร้อม Hooks และ Filters มากมาย สามารถติดตามและร้องขอเพิ่มเติมได้ที่ Github

คุณสมบัติเด่นของ Easy Table of Contents เวอร์ชั่น Pro

Gutenberg Block

สร้าง Table of Contents ใน Gutenberg Block ได้อย่างง่ายดาย โดยไม่จำเป็นต้องเขียนโค้ดหรือ shortcode

Elementor Widget

สร้าง Table of Contents ได้อย่างง่ายดายโดยใช้ Elementor Widget โดยไม่จำเป็นต้องเขียนโค้ดหรือ shortcode

Fixed/Sticky TOC

สร้าง Table of Contents แบบ Sticky ได้

Full AMP Support

สร้าง Table of Contents โดยเข้ากันได้กับ AMP แบบอัตโนมัติ

ACF Support

สร้าง Table of Contents ได้อย่างง่ายดายด้วย Custom ACF Fields ที่คุณกำหนดเอง

Collapsable Sub Headings

แสดง/ซ่อนหัวข้อย่อยของสารบัญได้

Shortcode

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

Attibutes ที่รองรับและมีประโยชน์ในการกำหนดค่าสารบัญ

[header_label=”Title”] – title for the table of contents
[display_header_label=”no”] – no title for the table of contents
[toggle_view=”no”] – no toggle for the table of contents
[initial_view=”no”] – initially hide the table of contents
[display_counter=”no”] – no counter for the table of contents
[post_types=”post,page”] – post types seperated by ,(comma)
[post_in=”1,2″] – ID’s of the posts|pages seperated by ,(comma)
[device_target=”desktop”] – mobile or desktop device support for the table of contents
[view_more=”5″] – 5, is the number of headings loads on first view, before user interaction (PRO)

ราคาและ Plan ของเวอร์ชั่น Pro

*We have kept the lifetime pack at a limitation which is equal to 10 years. So the lifetime license will be valid for 10 long years.

การติดตั้งปลั๊กอิน Easy Table of Contents

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

ที่หน้า Add Plugins ให้ใส่คำว่า Easy Table of Contents ที่ช่อง Keyword

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

อธิบายเมนูของปลั๊กอิน Easy Table of Contents

เมื่อ Install และ Activate เรียบร้อยแล้ว จะเข้าไปตั้งค่าต่างๆของ Easy Table of Contents ได้จาก Settings -> Easy Table of Contents โดยมีเมนูหลักทั้งหมด 4 เมนู

Settings

สำหรับตั้งค่าทั้งหมดของปลั๊กอิน Easy Table of Contents ซึ่งจะมีเมนูย่อยทั้งหมด 7 เมนู คือ General, Appearance, Advanced, Shortcode, Sticky TOC, Compatibility, Import/Export

โดยทั้งหมดจะอยู่ในหน้าเดียว เมื่อคลิกที่เมนูย่อยก็จะไปที่ส่วนที่ใช้กำหนดค่านั้นๆ เช่น ตั้งค่าทั่วไปเกี่ยวการแสดงผลของสารบัญ, กำหนดคากว้าง, รูปแบบตัวอักษร, สีของธีมสารบัญ, Shortcode, Sticky TOC

Free vs PRO

เป็นหน้าที่ใช้เปรียบเทียบความแตกต่างระหว่าง Easy Table of Contents เวอร์ชั่น Free และ Easy Table of Contents เวอร์ชั่น Pro

Help & Support

เป็นหน้าช่วยเหลือที่มีฟอร์มสำหรับติดต่อกับผู้พัฒนา, มีหน้า How to Use แนะนำเบื้องต้น, มีลิงก์ไปยังหน้า Documentaion สอนการใช้งาน และการใช้ Hooks สำหรับนักพัฒนา

Upgrade to PRO

เป็นลิงก์ที่จะพาไปยังหน้ารายละเอียดของ Easy Table of Contents เวอร์ชั่น Pro

ตัวอย่างการใช้งานปลั๊กอิน Easy Table of Contents

การที่จะสร้างสารบัญในหน้า Post หรือ Page หรือด้วยปลั๊กอิน Easy Table of Contents นั้นทำได้ง่ายมากๆ แค่เราเพิ่ม Tab H2 ในบทความจำนวน 2 Tag ขึ้นไป สารบัญก็จะแสดงขึ้นมาโดยอัตโนมัติ

ซึ่งจำนวนของ Tag H2 นี้สามารถปรับเปลี่ยนได้ โดยเข้าไปที่ Settings -> Easy Table of Contents -> General เลือกที่ Show when

สารบัญเมื่อเข้าไปดูที่หน้าบทความ

สรุป

Easy Table of Contents ก็เป็นอีกหนี่งปลั๊กอินที่ใช้สร้างสารบัญที่ใช้งานง่ายและได้รับความนิยมสูง มีทั้งเวอร์ชั่น Free และเวอร์ชั่น Pro ให้เลือกใช้ รวมถึงยังมีฟังก์ชั่นมากมาย ไมว่าจะเป็นการสร้างสารบัญแบบ Auto เมื่อมีการใส่ Tag H2 ถึงจำนวนที่ได้กำหนดไว้ หรือจะเป็นการใช้งานแบบ Shortcode และการใช้งานแบบ Sticky ที่จะเป็นการสร้างสารบัญไว้แบบมีปุ่มลอยไว้บนเว็บไซต์ เมื่อคลิกที่ปุ่มก็จะมีสารบัญขึ้นมา

Table of Contents