تحتاج إلى إنشاء أو إضافة جدول محتويات بتنسيق Elementor ?
عند كتابة مقال طويل ، مثل قائمة الأدوات أو الأماكن ، يمكنك إضافة جدول محتويات. في WordPress ، هناك مجموعة من المكونات الإضافية التي يمكنك استخدامها إنشاء جدول محتويات على مقالتك.
لكن مع Elementor، لا تحتاج إلى تثبيت البرنامج المساعد لجدول المحتويات إذا كنت تريد إضافة جدول محتويات. Elementor يحتوي على عنصر واجهة مستخدم افتراضي يسمح لك بإضافة جدول محتويات إلى مقالتك الطويلة. سنقوم بتغطيتها هنا.
جدول المحتويات هو عنصر واجهة مستخدم جديد مؤخرًا قدمه Elementor. باستخدام هذه الأداة ، يمكنك توفير تنقل إضافي للصفحة لمقالتك الطويلة ، مما يسمح لك بتنسيق آخر القفز بسهولة بين أقسام مقالتك.
تتيح لك أداة Elementor Table of Contents اختيار علامات الرأس الدقيقة لعرضها على جدول المحتويات الخاص بك. يمكنك أيضًا استخدام رؤوس من حاوية معينة على الصفحة.
ملاحظة: جدول المحتويات هو أداة احترافية. يجب عليك تثبيت الإصدار المحترف من Elementor لاستخدامه.
كيفية استخدام عنصر واجهة مستخدم جدول المحتويات في Elementor
هناك طريقتان مثاليتان لاستخدام عنصر واجهة المستخدم "جدول المحتويات" في Elementor. بادئ ذي بدء ، يمكنك استخدامه على الصفحات والمنشورات (الصفحات والمشاركات التي تم إنشاؤها بالكامل باستخدام Elementor). بدلاً من ذلك ، يمكنك إنشاء عنصر واجهة مستخدم جدول المحتويات في قالب المنشور الفريد الخاص بك. موقع على شبكة الإنترنت وورد.
اقرأ أيضا: كيفية إنشاء نموذج تحميل ملف في Elementor
بالطبع ، يجب عمل قالب المنشور الفريد باستخدام Elementor. من خلال تنفيذ عنصر واجهة مستخدم "جدول المحتويات" في قالب المنشور الفردي ، سيتم إنشاء جدول محتويات تلقائيًا في المنشور الخاص بك طالما أن المنشور يحتوي على علامات الرأس استنادًا إلى مستويات الرأس التي قمت بتعيينها. في عنصر واجهة مستخدم "جدول المحتويات".
قم بإضافة عنصر واجهة مستخدم "جدول المحتويات" إلى قالب منشور واحد
في هذه المقالة ، سنوضح لك كيفية إضافة عنصر واجهة مستخدم جدول المحتويات إلى قالب منشور واحد. يمكنك إنشاء قالب منشور واحد جديد أو تحرير القالب الحالي. سنقوم بإنشاء قالب منشور واحد جديد في هذا المثال.
للبدء ، قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك وانتقل إلى القوالب -> مُنشئ القوالب. في صفحة Theme Builder ، انتقل إلى علامة تبويب واحدة وانقر على زر أضف قطعة واحدة لإنشاء قالب.
في تحديد القسم نوع النماذج حدد مشاركة واحدة. قم بتسمية النموذج الخاص بك وانقر فوق الزر إنشاء نموذج.
سننشئ قالب المنشور الفردي من البداية ؛ أغلق مكتبة القوالب.
انظر أيضا: كيفية إضافة reCAPTCHA إلى نموذج Elementor الخاص بك
أضف قسمًا جديدًا بالنقر فوق زر علامة الجمع في مربع تحرير Elementor وحدد بنية الأعمدة الثلاثة.
قم بتعيين عرض الأعمدة بمقارنة بحوالي 28٪: 61٪: 10٪.
أضف عناصر مشتركة مثل عنوان المنشور ومعلومات المنشور ومحتوى النشر إلى العمود الثاني وقم بالتخصيص وفقًا لذلك. بمجرد الانتهاء من ذلك ، قم بإضافة عنصر واجهة مستخدم جدول المحتويات إلى العمود الأول.
حدد عنوان جدول المحتويات الخاص بك في القسم عنوان الاعلان وقم بتعيين مستويات الرأس التي تريد تضمينها في القسم المراسي بواسطة العلامات.
إذا كانت لديك معرفة بـ CSS ، فيمكنك استبعاد محددات CSS لمنعها من الظهور في قائمة المحتويات.
اقرأ أيضا: كيفية إضافة فاصل لإنشاء قسم في Elementor
في القسم عرض ماركر، يمكنك تعيين علامة لعناصر المحتوى (تعداد نقطي أو أرقام). إذا قمت بتحديد الرموز النقطية ، يمكنك تعيين الرمز من مكتبة الرموز.
فتح إضافي مزيد من الخيارات لعرض خيارات الإعداد الأخرى وتحديد الإعدادات المطلوبة.
اذهب الآن إلى علامة التبويب الطراز لتخصيص جدول المحتويات الخاص بك. يمكنك تعيين لون الخلفية ولون الحدود وعرض الحدود ونصف قطرها في القسم مربع.
أثناء تعيين لون الرأس وطباعة الرأس ونص الرأس ، يمكنك الانتقال إلى القسم الرأس.
في القسم قائمة، يمكنك تعيين لون نص العنصر النشط ولون نص العنصر عند تحريك الماوس فوقه ولون نص العناصر في الوضع العادي. يمكنك أيضًا تعيين لون العلامة بالإضافة إلى طباعة عناصر المحتوى هنا.
أنظر أيضا: كيفية تثبيت Elementor على WordPress
لجعل جدول المحتويات أكثر فائدة ، يمكنك جعله مرئيًا عندما يكون لديك ملف آخر قم بالتمرير بالماوس لأسفل. للقيام بذلك ، افتح علامة التبويب متقدم والوصول إلى الخيار تأثير الحركة. حدد لو لزجة في الأعلى وقم بتعيين الإزاحة على حوالي 80. إذا كنت تريد ، يمكنك أيضًا تعيين الرسم المتحرك للإدخال في القسم الرسوم المتحركة للمدخل.
يمكنك اللعب باللوحة اليسرى حتى تصبح راضيًا عن جدول المحتويات الخاص بك. بمجرد الانتهاء ، انقر فوق الزر للنشر وضبط حالة العرض.
فيما يلي مثال لجدول محتويات أنشأناه.
إذا قمت بتعيين حالة عرض قالب المنشور الفردي الذي قمت بإنشائه أعلاه إليه كل المفرد ، سيكون لديك تلقائيًا جدول محتويات في كل مرة تكتب فيها مقالة طويلة تحتوي على علامات الرأس وفقًا لمستوى الرأس الذي حددته.
في النهاية
توفر إضافة جدول محتويات إلى مقال طويل ملف أفضل تجربة للمستخدم لك آخر. ويمكنهم الانتقال بسهولة من قسم من مقالتك إلى قسم آخر من خلال النقر على العناصر الموجودة في جدول المحتويات. باستخدام أداة Elementor الجديدة، لن تحتاج إلى تثبيت مكون إضافي إضافي لإضافة جدول محتويات إلى المقالة.
يمكنك استخدام عنصر واجهة مستخدم "جدول المحتويات" أثناء إنشاء صفحة أو نشر باستخدام Elementor. بدلاً من ذلك ، يمكنك أيضًا إضافة عنصر واجهة مستخدم جدول المحتويات في قالب المنشور الفردي الخاص بك موقع على شبكة الإنترنت WordPress بحيث يتم إنشاء جدول المحتويات تلقائيًا عندما تكتب منشورًا طويلاً بعلامات الرأس.
احصل على Elementor Pro الآن!
وفي الختام
هنا! هذا كل شيء في هذه المقالة التي توضح لك كيفية إضافة جدول محتويات في Elementor. إذا كانت لديك أية مخاوف بشأن كيفية الوصول إلى هناك ، فاسمحوا لنا أن نعرف في تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
