كيفية إنشاء جدول محتويات في WordPress

يجب أن تكون تجربة المستخدم الخاصة بالزائر (UX) مهمة جدًا بالنسبة لك بصفتك مالكًا أو مطورًا لموقع الويب. ومع ذلك ، قد يكون من الصعب معرفة ما إذا كنت قد غطيت جميع القواعد الخاصة بك ، وما الذي يجب عليك تضمينه في موقعك.

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

في هذا المنشور ، سنقدم الخيارات المختلفة لإنشاء جدول محتويات WordPress (بما في ذلك المكونات الإضافية والأكواد القصيرة و HTML). سنقوم بعد ذلك بتحديد نمطين شائعين وكيف يمكنك تحقيقهما. هيا بنا نبدأ!

لماذا يجب علي تضمين جدول محتويات في موقع WordPress الخاص بي؟

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

بالإضافة إلى ذلك ، يمكن لـ TOC تحسين محرك البحث (SEO) لمنشوراتك. تعد هذه الروابط المفيدة مكانًا سهلاً لدمج كلماتك الرئيسية (الكلمات الرئيسية) ، والتي تعد عامل ترتيب مهم للغاية.

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

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

إضافة جدول محتويات باستخدام الملحقات

الإضافات هي طريقة مثالية لتوسيع الوظائف داخل WordPress. هناك العديد من الحلول المتاحة التي توفر طريقة سهلة لإضافة جدول محتويات WordPress إلى منشورات موقعك.

البرنامج الإضافي المفضل لجدول محتويات WordPress هو جدول المحتويات الثابت. يمكنك أيضًا استخدام المكونات الإضافية الأخرى جنبًا إلى جنب معها ، مثل Q2W3 Fixed Widget ، لزيادة تحسين TOCs على موقع الويب الخاص بك.

تثبيت البرنامج المساعد بسيط. كل ما عليك القيام به هو:

1. انتقل إلى الإضافات> إضافة جديد في لوحة معلومات WordPress.
2. قم بتحميل ملف .zip للمكون الإضافي (مجاني أو ممتاز) ، أو قم بتثبيته من دليل المكونات الإضافية (الإضافات المجانية فقط).

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

على سبيل المثال ، إليك كيفية إنشاء جدول المحتويات بمجرد تثبيت جدول المحتويات الثابت:

1. انتقل إلى الإعدادات> جدول المحتويات الثابت.
2. في علامة التبويب "عام" ، حدد أنواع المنشورات التي تريد تطبيق جدول المحتويات عليها ، ومستويات العناوين المراد تضمينها ، والمكان الذي تريد تحديد موقع جدول المحتويات فيه.
3. في علامة التبويب "اللون" ، اختر نظام الألوان لجدول المحتويات الخاص بك.

سيضيف المكون الإضافي تلقائيًا جدول محتويات لكل من المنشورات ذات الصلة ، ويستخدم عناوينك الحالية لإنشاء روابط انتقال.

إضافة جدول محتويات باستخدام الرموز القصيرة

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

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

1. قم بتنزيل مكون TOC الإضافي الذي يستخدم الرموز القصيرة ، أو استخدم مكونًا إضافيًا بدون رموز قصيرة بالتزامن مع حل مثل Shortcoder.
2. ابحث عن الرموز القصيرة التي يوفرها المكون الإضافي ، أو قم بإنشائها باستخدام Shortcoder.
3. انسخ الرموز القصيرة والصقها في أي مكان تريده داخل WordPress (في منشور مدونة ، على سبيل المثال). يوفر Shortcoder رموزًا مختصرة لجدول المحتويات بسهولة ، مما يجعل إضافتها إلى موقعك أمرًا سهلاً.

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

كيفية إنشاء جدول محتويات في WordPress بدون مكون إضافي

في حين أن المكونات الإضافية هي أبسط طريقة لإنشاء جدول محتويات داخل WordPress ، يمكنك أيضًا إضافة واحدة يدويًا. فيما يلي طريقتان للقيام بذلك.

إنشاء جدول محتويات باستخدام HTML  

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

هذا هو إلى حد بعيد أبسط خيار يدوي - بدون زخرفة أو حجم كبير. بالطبع ، يمكنك القيام بكل شيء إذا كنت ترغب في ذلك ، من خلال دمج ألوان متعددة وأنماط خطوط وعناوين متنوعة والمزيد. أنت ملزم فقط بإبداعك ومعرفتك بـ HTML.

استخدام نماذج صفحات المحفوظات والارتباطات لجداول المحتويات

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

يمكن بعد ذلك استخدام هذه الصفحات على موقع الويب الخاص بك بصفتها جداول المحتويات "الرئيسية" ، لتوجيه المستخدمين إلى المحتوى الدقيق الذي يبحثون عنه. على سبيل المثال ، خذ صفحة Leaving Work Behind's Archives :

عادةً ما يتم تسمية قوالب هذه الصفحات باسم archives.php و links.php (على الرغم من أنه يمكنك إعادة تسميتها). في حين أن بعض السمات تتضمن هذه الصفحات ، إلا أنها ليست كلها. ومع ذلك ، يمكنك إنشاء معلوماتك الخاصة بقليل جدًا من المعرفة بالشفرة المطلوبة.

أنماط جدول المحتويات

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

جدول المحتويات العائم

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

بمجرد الانتهاء من ذلك ، يمكنك استخدام المكون الإضافي Q2W3 Fixed Widget (أو حل مشابه) للحفاظ على عنصر واجهة المستخدم TOC "عالقًا" على جانب الصفحة. بعد تثبيت هذا المكون الإضافي ، ارجع إلى منطقة الأدوات في موقعك وافتح عنصر واجهة المستخدم TOC. ثم قم بتمكين مربع الاختيار Fixed widget :

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

جدول المحتويات الشريط الجانبي

على غرار جدول المحتويات العائم ، في هذه الطريقة يتم عرض شريط جانبي على يمين أو يسار صفحة الويب الخاصة بك. ومع ذلك ، بدلاً من التمرير مع المستخدم ، يظل الشريط الجانبي لجدول المحتويات في موضع ثابت (مثل ذلك الموجود على WPBeginner):

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

قم بتخصيص موقعك باستخدام WP Engine

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

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