تعلم كيفية إضافة جدول المحتويات في ووردبريس بأسهل الطرق 2024

إضافة جدول المحتويات في ووردبريس يمكن أن يكون له تأثير كبير على تجربة القراءة وتنظيم المحتوى. بفضل جدول المحتويات، يمكن للقراء التنقل بسهولة بين الأقسام المختلفة لمقالك، مما يحسن من وضوح المقال ويزيد من احتفاظ الزوار بالوقت الذي يقضونه في قراءة محتواك. في هذه المقالة، سنتناول كيفية إضافة جدول المحتويات في ووردبريس باستخدام أسهل الطرق الممكنة.

ماهو جدول المحتويات

جدول المحتويات (Table of Contents) هو عنصر تنظيمي يُستخدم في المستندات والمقالات لعرض قائمة بالعناوين والأقسام الرئيسية الموجودة في النص. يتيح جدول المحتويات للقراء الوصول السريع إلى الأقسام التي تهمهم من خلال النقر على العناوين المرتبطة. يعتبر هذا العنصر مفيدًا بشكل خاص في النصوص الطويلة أو المعقدة، حيث يساعد في تحسين تجربة القراءة والتنقل.

العناصر الأساسية لجدول المحتويات

• العناوين الرئيسية: تمثل الأقسام الكبيرة في النص، مثل الفصول أو الأقسام الرئيسية.
• العناوين الفرعية: تقسيمات أصغر تحت العناوين الرئيسية، مثل الفقرات أو العناوين الفرعية التي تندرج تحت العناوين الرئيسية.
• الروابط: تُمكن القراء من الانتقال مباشرةً إلى القسم الذي يرغبون في قراءته من خلال النقر على الرابط.

فوائد جدول المحتويات في ووردبريس

• تحسين تجربة القراءة: يجعل النصوص الطويلة أكثر تنظيمًا وسهولة في التصفح.
• توفير الوقت: يساعد القراء في العثور بسرعة على المعلومات التي يبحثون عنها.
• تنظيم المعلومات: يوفر نظرة عامة على الهيكل العام للمقال أو المستند، مما يسهل على القارئ فهم السياق العام.

إضافة جدول المحتويات في ووردبريس باستخدام الإضافات (Plugins)

تعتبر الإضافات من أسهل الطرق لإضافة جدول المحتويات في ووردبريس إلى مدونتك، حيث توفر لك الكثير من الميزات والخيارات بدون الحاجة إلى التعامل مع الأكواد. هناك العديد من الإضافات المتاحة، ولكن سنركز على بعضها الأكثر شيوعًا وسهولة في الاستخدام.

أ. استخدام إضافة "Table of Contents Plus"

1. تثبيت الإضافة:

• اذهب إلى لوحة التحكم في ووردبريس.
• انتقل إلى "الإضافات" ثم "أضف جديد".
• ابحث عن "Table of Contents Plus" باستخدام شريط البحث.
• انقر على "تثبيت الآن" ثم "تفعيل".

2. تكوين الإضافة:

• بعد التفعيل، انتقل إلى "إعدادات" ثم "TOC+".
• ستجد خيارات لتخصيص ظهور جدول المحتويات، مثل موقعه في المقال، حجم الخط، وألوان الخلفية والنصوص.
• كما يمكنك تحديد إعدادات الإضافة لتفعيل جدول المحتويات تلقائيًا في المقالات أو الصفحات بناءً على عناوين الأقسام.

ب. استخدام إضافة "Easy Table of Contents"

1. تثبيت الإضافة:

• من لوحة التحكم، اذهب إلى "الإضافات" ثم "أضف جديد".
• ابحث عن "Easy Table of Contents".
• انقر على "تثبيت الآن" ثم "تفعيل".

2. تكوين الإضافة:

• بعد التفعيل، انتقل إلى "إعدادات" ثم "Table of Contents".
• يمكنك تخصيص ظهور جدول المحتويات، مثل وضعه في بداية المقال أو نهايته، وتحديد الأنماط والتنسيقات، وأيضاً تحديد أين يظهر جدول المحتويات تلقائيًا (المقالات، الصفحات، أو كليهما).

إضافة جدول المحتويات في ووردبريس يدوياً باستخدام الأكواد

لإضافة جدول المحتويات في ووردبريس يدوياً باستخدام أكواد PHP في ووردبريس، يمكنك إنشاء دالة مخصصة لعرض جدول المحتويات استنادًا إلى العناوين الموجودة في المقال. حيث يجب أن يتم إضافة الدالة إلى ملف functions.php الخاص بالقالب النشط.

إليك مثال بسيط لدالة PHP تقوم بإنشاء جدول المحتويات من العناوين <h2> و <h3> الموجودة في المقال:

function add_table_of_contents($html) {
    $toc = '';
    if (is_single()) {
        if (!$html) return $html;
        $dom = new DOMDocument();
        libxml_use_internal_errors(true);
        $dom->loadHTML(mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8'));
        libxml_clear_errors();
        $toc = '<div class="toc-bound">
            <div class="toc-ctr">
                جدول المحتويات
            </div>
            <ul class="toc">';
        $h2_status = 0;
        $h3_status = 0;
        $i = 1;
        foreach($dom->getElementsByTagName('*') as $element) {
            if($element->tagName == 'h2') {
                if($h3_status){
                    $toc .= '</ul>';
                    $h3_status = 0;
                    }
                 if($h2_status){
                    $toc .= '</li>';
                    $h2_status = 0;
                  }
                  $h2_status = 1;
                  $toc .= '<li><a href="#toc-' . $i . '">' . $element->textContent . '</a>';
                  $element->setAttribute('id', 'toc-' . $i);
                  $i++;
            }elseif($element->tagName == 'h3') {
                if(!$h3_status){
                    $toc .= '<ul class="toc-sub">';
                    $h3_status = 1;
                }
                $toc .= '<li><a href="#toc-' . $i . '">' . $element->textContent . '</a></li>';
                $element->setAttribute('id', 'toc-' . $i);
                $i++;
            }
        }
        if($h3_status){
            $toc .= '</ul>';
        }
        if($h2_status){
            $toc .= '</li>';
        }
        $toc .= '</ul></div>';
        $html = $dom->saveHTML();
    }
    return $toc . $html;
}
add_filter('the_content', 'add_table_of_contents');

إضافة جدول المحتويات في ووردبريس باستخدام محرر الكتل (Block Editor)

إذا كنت تستخدم محرر الكتل في ووردبريس (Gutenberg)، يمكنك إدراج جدول المحتويات في ووردبريس باستخدام كتلة مخصصة توفرها إضافة Rank Math SEO:

1. إضافة كتلة جدول المحتويات:

• افتح المقال الذي تريد إضافة جدول المحتويات له.
• اضغط على زر “+” لإضافة كتلة جديدة.
• ابحث عن "جدول المحتويات بواسطة رانك ماث" في قائمة الكتل.

2. تخصيص الكتلة:

• بعد إضافة الكتلة، يمكنك تخصيصها بناءً على خيارات الكتلة المتاحة.

ماهي المواقع التي يجب استخدام جدول المحتويات بها؟

1. المواقع التعليمية والأكاديمية

• المقالات البحثية: يساعد جدول المحتويات في تنظيم المقالات الطويلة والمعقدة، مثل الأبحاث الأكاديمية والأطروحات.
• الدروس التعليمية: يمكن أن يُستخدم لتقسيم الدروس إلى أقسام واضحة، مما يسهل على الطلاب الوصول إلى المعلومات المطلوبة.
• الأدلة والمراجع: يجعل من السهل التصفح بين الأقسام المختلفة للمواد الدراسية.

2. المواقع التقنية والتوثيق

• دليل المستخدم: في الأدلة التقنية والمستندات التوجيهية، يسهل جدول المحتويات على المستخدمين العثور على المعلومات المتعلقة بالبرامج أو الأجهزة.
• البرامج والمكتبات البرمجية: يساعد في تنظيم التوثيق التقني والمعلومات البرمجية، مما يسهل على المطورين والمستخدمين الوصول إلى الأقسام ذات الصلة.

3. مدونات المقالات الطويلة

• المقالات الشاملة: في المدونات التي تحتوي على مقالات طويلة، مثل الأدلة الشاملة أو التقييمات المفصلة، يجعل جدول المحتويات التنقل أسهل ويساعد في تحسين تجربة القراءة.
• المراجعات والتقارير: مفيد بشكل خاص في المقالات التي تحتوي على عدة أقسام ومراجعات تفصيلية.

4. مواقع الأخبار والمجلات الإلكترونية

• الأخبار: يمكن أن يُستخدم في المقالات الطويلة أو التحقيقات الصحفية لتقسيم المحتوى إلى أجزاء قابلة للتنقل.
• المجلات الإلكترونية: يساعد في تنظيم المقالات الرئيسية والمقالات الفرعية، مما يحسن تجربة القراءة للزوار.

5. مواقع الصحة والعافية

• الأدلة الطبية: في المقالات الطبية أو الصحية، يمكن أن يساعد جدول المحتويات في تنظيم المعلومات الصحية وتسهيل الوصول إلى الأقسام المختلفة.
• النصائح والإرشادات: يمكن أن يُستخدم لتقسيم المقالات الطويلة حول المواضيع الصحية إلى أقسام يسهل تصفحها.

6. المواقع القانونية

• الوثائق القانونية: مثل العقود والاتفاقيات القانونية، حيث يسهل جدول المحتويات على المستخدمين العثور على البنود أو الأقسام التي يحتاجون إلى مراجعتها.
• الأدلة القانونية: يُستخدم لتقسيم الأدلة القانونية الطويلة إلى أجزاء منظمة.

7. المواقع الثقافية والفنية

• الكتب الإلكترونية: يمكن استخدام جدول المحتويات لتقسيم النصوص الأدبية والكتب الإلكترونية إلى فصول أو أقسام.
• المقالات الثقافية والفنية: يُستخدم لتنظيم المحتوى مثل مراجعات الفن والأدب، مما يسهل على القراء التنقل بين الأقسام المختلفة.

كيفية تطبيق جدول المحتويات في ووردبريس بشكل فعال

• تحديث دوري: تأكد من تحديث جدول المحتويات بشكل دوري لتعكس أي تغييرات في النص.
• تخصيص المظهر: خصص مظهر جدول المحتويات ليتماشى مع تصميم الموقع لتوفير تجربة مستخدم متسقة.
• سهولة الوصول: تأكد من أن جدول المحتويات سهل الوصول إليه من أي مكان في الصفحة، ويجب أن يكون مرنًا في التنقل بين الأقسام.

خاتمة

يمكنك بإضافة جدول المحتويات في ووردبريس إلى مدونتك أن تقوم بتحسين تجربة قراءة الزوار وتعزيز تنظيم المحتوى. سواء اخترت استخدام الإضافات، إضافة جدول المحتويات يدوياً، أو عبر محرر الكتل، فإن هذه الخطوات ستساعدك في توفير تجربة قراءة أفضل وتجعل محتواك أكثر قابلية للوصول والتفاعل. جرب الطرق المختلفة واختر الأنسب لاحتياجاتك واحتياجات جمهورك. إذا واجهت أي صعوبة، لا تتردد في طلب المساعدة عن طريق التواصل معنا.