إذا قمت بنشر محتوى طويل ، فإن إضافة جدول محتويات يساعد كلاً من محركات البحث و آخر البشر للتنقل وفهم المحتوى الخاص بك.
مع القطعة عنصر واجهة مستخدم جدول المحتويات لـ WordPress، يمكنك بسهولة إضافة جدول محتويات إلى ملف موقع على شبكة الإنترنت التي تنشئ محتواها تلقائيًا بناءً على التسلسل الهرمي لعلامات العنوان في المحتوى الخاص بك.
على سبيل المثال:
إذا كنت تستخدم هذه القطعة مع منشئ المظهر المرئي لـ Elementor Pro ، يمكنك إضافة جدول محتويات تلقائيًا إلى كل المحتوى الخاص بك دون تحريك إصبع. عندما ينقر الزائر على رابط في جدول المحتويات ، فإنه يعمل بمثابة رابط ويأخذهم إلى هذا القسم من الصفحة.
في هذا المنشور ، سنوضح لك كيفية تكوين الأداة بالضبط عنصر واجهة مستخدم جدول المحتويات لـ WordPress مع Elementor منشئ الموضوع.
ولكن قبل ذلك ، لنكتشف معًا كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق.
ثم عد إلى سبب وجودنا هنا.
كيفية إضافة جدول محتويات باستخدام Elementor
أولا وقبل كل شيء، يجب أن نلاحظ أنه يمكنك أيضا استخدام هذه القطعة بطريقة أساسية. ومع ذلك، نركز في هذا البرنامج التعليمي على إضافة جدول المحتويات تلقائيًا إلى كل (أو بعض) المحتوى الخاص بك باستخدام Elementor منشئ السمات وقوالب النشر الفريدة.
إليك كيفية القيام بذلك.
1. إنشاء أو تعديل قالب منشور واحد
للبدء ، استخدم Elementor Theme Builder لإنشاء قالب منشور فريد جديد أو قم بتحرير أي من قوالب المنشورات الفريدة الموجودة لديك حيث تريد إضافة جدول المحتويات.
يمكنك تطبيق النموذج الخاص بك على أي نوع من المنشورات (مدونة ، صفحة ، نوع منشور مخصص) ، لكننا سنركز على منشورات المدونة.
2. قم بإضافة عنصر واجهة مستخدم "جدول المحتويات"
بمجرد فتح قالب المنشور الفريد الخاص بك ، قم بإضافة عنصر واجهة المستخدم قائمة المحتويات حيث تريد أن يظهر جدول المحتويات الخاص بك. إنه موجود في فئة فريدة ، مع أدوات لعنوان المنشور ومحتوى المنشور:
بمجرد إضافة الأداة ، يجب أن ترى تلقائيًا قائمة بجميع العناوين الموجودة في المنشور.
حان الوقت الآن لتهيئة إعدادات هذه الأداة.
3. تكوين جدول القطعة
تأكد من فتح إعدادات عنصر واجهة مستخدم جدول المحتويات. ثم استخدم علامة التبويب وصف المنتج لتكوين المحتوى الذي يظهر في جدول المحتويات الخاص بك.
أولاً ، أضف العنوان - على سبيل المثال ، "جدول المحتويات". هذا نص ثابت يظهر فوق قائمة روابط الارتساء التي تنشئها الأداة تلقائيًا.
ثم اختر المحتوى المراد تضمينه. في علامة التبويب تضمن، يمكنكم الدخول :
- علامة HTML. على سبيل المثال ، يمكنك تضمين و، ولكن ليس أقل من ذلك. تحتاج إلى تحديد علامات العنوان الخاصة بك في محرر WordPress.
- حاويات. يمكنك أيضًا إضافة روابط ربط إلى حاويات أخرى خارج محتوى المنشور. على سبيل المثال ، إصبع قدمك. هذه ميزة متقدمة.
إذا قمت بالوصول إلى علامة التبويب استبعاد ، يمكنك استبعاد رؤوس معينة من رسالتك باستخدام محدد CSS. على سبيل المثال ، إذا كنت تريد استبعاد عنوان واحد و يمكنك إضافة فئة CSS خاصة " تجاهل إلى هذا العنوان باستخدام محرر WordPress ، ثم استبعده باستخدام القاعدة المراسي حسب المحدد :
ثم يمكنك استخدام المعلمة عرض ماركر للاختيار بين الأرقام والرموز النقطية في قائمة جدول المحتويات. إذا اخترت " الرصاص "، يمكنك الاختيار من أي رمز Font Awesome.
أخيرًا ، يمكنك استخدام القسم خيارات إضافية للتحكم في المعلمات الأخرى:
التفاف - ما إذا كانت العناصر يمكن أن تأخذ عدة أسطر أم لا.
تصغير المربع - إذا آخر قد أو لا يقلل من جدول المحتويات. إذا قمت بتمكين هذا الخيار، فستتمكن أيضًا من اختيار أيقونات مخصصة وتعيين سلوك سريع الاستجابة. على سبيل المثال، يمكنك طي جدول المحتويات هذا تلقائيًا آخر على الجوال.
عرض هرمي - عند التمكين ، سيتم وضع مسافة بادئة للعناوين الفرعية تحت العناوين الرئيسية. إذا تم تعطيله ، يتم عرض كل شيء في قائمة واحدة بدون مسافة بادئة.
4. تكوين إعدادات النمط
بعد ذلك ، انتقل إلى علامة تبويب النمط لتكوين تصميم جدول المحتويات. يمكنك تغيير جميع الألوان والطباعة لخلق تجربة سهلة الاستخدام ومطابقة بقية التصميم الخاص بك. موقع على شبكة الإنترنت :
5. تكوين الإعدادات المتقدمة
لإنهاء الأمور ، انتقل إلى علامة التبويب متقدم لتكوين بعض الإعدادات الإضافية لكيفية عمل جدول المحتويات.
على سبيل المثال ، إذا قمت بتعيين عرض يساوي Custom et الموقع الحالي يساوي ثابت في القسم وضع، يمكنك التأكد من بقاء جدول المحتويات في نفس الموضع حتى عندما يبدأ المستخدمون في تمرير الصفحة.
إذا كنت تستخدم وضع لعرض جدول المحتويات الخاص بك فوق عنصر آخر (مثل الرأس) ، يمكنك أيضًا زيادة فهرس Z لجعله يظهر في الأعلى:
وهذا كل شيء ! لقد تعلمت للتو كيفية إضافة جدول محتويات تلقائيًا إلى المحتوى الخاص بك باستخدام عنصر واجهة المستخدم Elementor Visual Theme Builder و Table of Contents.
لتبدأ ، اشتري إليمنتور برو اليوم وأنشئ جدول المحتويات بتنسيق باني موضوع العنصر.
