راهنمای عملی ساخت فهرست مطالب (TOC) داینامیک و خودکار در وردپرس

داشتن فهرست مطالب (Table of Contents) در مقالات طولانی، علاوه بر بهبود تجربه کاربری، به موتورهای جستجو اجازه می‌دهد بخش‌های مختلف مقاله شما را درک کرده و لینک‌های پرش مستقیم (Jump Links) را در نتایج گوگل نمایش دهند.

مزایای استفاده از فهرست مطالب (TOC)

افزودن فهرست مطالب به کاربر اجازه می‌دهد سریعاً به بخش مورد نظر خود برود. همچنین نرخ پرش (Bounce Rate) را کاهش داده و زمان ماندگاری کاربر در صفحه را افزایش می‌دهد.

پارس کردن تگ‌های هدینگ با PHP

به جای استفاده از افزونه‌های سنگین، ما می‌توانیم در قالب وردپرس با استفاده از عبارات منظم (Regular Expressions) محتوای پست را اسکن کرده و تمام تگ‌های <h2> و <h3> را استخراج کنیم و به آن‌ها یک شناسه (ID) اختصاص دهیم:

function my_custom_toc( $content ) {
    preg_match_all( '/<h([2-3])([^>]*)>(.*?)</h1>/i', $content, $matches, PREG_SET_ORDER );
    // تولید لیست پیوندها بر اساس نتایج یافت شده
    return $matches;
}

پیاده‌سازی واکنش‌گرا و کشویی برای نمایشگرهای موبایل

در موبایل، فهرست مطالب نباید فضای زیادی را اشغال کند. با استفاده از جاوااسکریپت و استایل‌های Tailwind، می‌توان یک دکمه شناور یا یک باکس بازشونده طراحی کرد تا کاربر در هر زمان به فهرست دسترسی داشته باشد.