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