عنصر مجاني جدول المحتويات القطعة
تأتي أداة جدول المحتويات الخاصة بـ Elementor مع Elementor Pro. أداة جدول المحتويات في الإضافات الرئيسية مجانية. قم بإسقاطها على منشور أو صفحة وتقرأ العناوين هناك، ثم قم بإنشاء قائمة مرتبطة منها بترتيب العناوين. يؤدي النقر فوق أي عنصر إلى تمرير القارئ إلى هذا القسم. يمكنك اختيار علامات العناوين التي تريد تضمينها وما إذا كانت القائمة تعرض نقاطًا أو أرقامًا. يمكنك السماح للقراء بطي المربع بعيدًا وإضافة سهم خلفي إلى الأعلى، ولكل عنوان وفاصل وروابط عناصر تحكم خاصة بالنمط.
كيفية إضافة جدول المحتويات في العنصر
أنت بحاجة إلى Elementor والمكون الإضافي Master Addons المجاني، لا شيء آخر. تحتاج الصفحة أيضًا إلى علامات عناوين حقيقية (H2 وH3 وما إلى ذلك)، لأن القائمة مبنية منها.
- تثبيت وتنشيط الإضافات الرئيسية من WordPress.orgوتحقق من تمكين جدول المحتويات في لوحة تحكم Master Addons.
- افتح منشورك أو صفحتك باستخدام Elementor وابحث في لوحة الأدوات جدول المحتويات.
- اسحبه إلى المكان الذي يجب أن توجد فيه القائمة، عادةً أعلى القسم الأول أو في عمود الشريط الجانبي.
- في محتوى، اضبط العنوان، واختر نمط القائمة واختر علامات العناوين التي تريد تضمينها.
- يفتح قابل للطي و يمرر لإضافة التبديل، والسهم الخلفي إلى الأعلى وإزاحة التمرير لرأسك.
- قم بتصميم العنوان والفاصل والروابط في علامة التبويب "النمط"، ثم قم بمعاينة الصفحة وانقر فوق بعض العناصر لاختبار القفزات.
يتم تغطية كل إعداد في جدول إعدادات عناصر واجهة المستخدم للمحتويات مرشد.
يبني القائمة من عناوينك
اختر المستويات الموجودة علامات العنوان. يتم تحديد H2 وH3 وH4 افتراضيًا، ويمكن إضافة أي من H1 إلى H6. عند تحميل الصفحة، تجد الأداة تلك العناوين، وتعطي كل عنوان معرفًا إذا لم يكن به أي معرف، وتتداخل مع القائمة حسب مستوى العنوان. أعد تسمية عنوان أو أضف عنوانًا وستلتقطه القائمة عند التحميل التالي، لذلك لا توجد روابط ربط لمواكبة ذلك يدويًا.
- نمط القائمة: الافتراضي (بدون علامة)، الرصاص أو الأرقام.
- تخطي عنوان واحد: أضف فئة CSS
jltma-toc-hide-headingفي علامة التبويب المتقدمة لهذا العنوان. - إظهار الفاصل: سطر اختياري تحت العنوان بأسلوبه ولونه وسمكه وتباعده.
- يتم إنشاء معرفات العناوين من نص العنوان، لذا يمكنك أيضًا الارتباط مباشرة بقسم من مكان آخر.
صندوق قابل للطي للأشرطة الجانبية والجوال
تشغيل جعل المحتوى قابلاً للطي ويظهر رمز التبديل بجوار العنوان. ينقر عليه القراء لفتح القائمة أو إغلاقها، ثم ينزلق بدلاً من القفز. تشغيل استمر في الانهيار في البداية إذا كنت تريد تحميل المربع الذي يعرض عنوانه فقط، مما يساعد على الصفحات القانونية الطويلة وفي أعمدة الشريط الجانبي الضيقة.
- حجم الأيقونة وعناصر التحكم في لون الأيقونة للتبديل.
- يتم طي الفاصل بعيدًا بالقائمة.
- لا تحتوي الأداة على إعداد لاصق خاص بها. لإبقاء الصندوق في الأفق أثناء قراءة الأشخاص، اجعل عموده ملتصقًا بموضوعك أو بتأثيرات الحركة Elementor Pro.
قفزات سلسة وسهم العودة إلى الأعلى
يؤدي النقر فوق عنصر إلى تمرير الصفحة لأسفل إلى عنوانها. تمرير تأخير الرسوم المتحركة (مللي ثانية) يضبط المدة التي يستغرقها هذا التمرير، 500 افتراضيًا وحتى 2000. مع التمرير السلس عليك أيضا الحصول على إزاحة التمرير السلس (px)، والذي يتوقف عند مسافة قصيرة من العنوان حتى لا يغطيه الرأس الثابت. يمكنك تعيين إزاحة مختلفة لسطح المكتب والكمبيوتر اللوحي والهاتف المحمول.
- انتقل إلى الأعلى يضيف سهمًا صغيرًا في الزاوية اليمنى السفلية يظهر بمجرد تمرير الزائر لأسفل.
- يعيد السهم القراء إلى جدول المحتويات، أو إلى الموضع الذي قمت بتعيينه في التمرير إلى أعلى الإزاحة.
- الحجم ولون الأيقونة وعناصر التحكم في لون الخلفية للسهم.
- العنصر الذي نقر عليه القارئ يحتفظ باللون النشط من قسم نمط المحتوى، حتى يتمكنوا من رؤية المكان الذي قفزوا فيه.
جدول محتويات Elementor Pro مقابل جدول محتويات الإضافات الرئيسية
تحتاج أداة جدول المحتويات الخاصة بـ Elementor إلى ترخيص Elementor Pro، وتمنحك مزيدًا من التحكم في العناوين التي تظهر وكيف تتصرف القائمة أثناء التمرير. يتعامل Master Addons مع المهمة اليومية مجانًا ويضيف سهمًا للخلف إلى الأعلى.
| ميزة | إليمنتور برو | الإضافات الرئيسية |
|---|---|---|
| سعر | يحتاج العنصر برو | مجاني مع الإضافات الرئيسية |
| أي العناوين | المراسي حسب العلامات (H1 إلى H6) بالإضافة إلى محدد الحاوية للحد من منطقة البحث | علامات العنوان (H1 إلى H6) من المنشور الرئيسي أو محتوى الصفحة |
| ترك العناوين خارجا | المراسي بواسطة المحدد، أي محدد CSS | فئة CSS jltma-toc- إخفاء العنوان على كل عنوان |
| علامات | أرقام، أو رصاصات مع أيقونة تختارها | الافتراضي، الرصاص أو الأرقام |
| التعشيش | عرض هرمي لتبديل العناصر الفرعية وتقسيمها | متداخلة دائمًا حسب مستوى العنوان |
| ينهار | تصغير المربع الذي يحتوي على أيقونات التوسيع والطي، ونقطة التوقف حيث يبدأ التصغير | اجعل المحتوى قابلاً للطي وحافظ على انهياره في البداية |
| العنصر النشط | يتبع القسم في العرض أثناء تمرير القارئ | وضع علامة على العنصر الذي نقر عليه القارئ |
| إعدادات التمرير | لا توجد عناصر تحكم في السرعة أو الإزاحة في الأداة | تأخير تمرير الرسوم المتحركة وإزاحة التمرير السلس لكل جهاز |
| العودة إلى السهم العلوي | لا أحد | قم بالتمرير إلى الأعلى باستخدام عناصر التحكم في الحجم واللون |
إذا كنت تدفع بالفعل مقابل Elementor Pro وتريد أن تقوم القائمة بتتبع القارئ أثناء التمرير، فاستخدم عنصر واجهة المستخدم الخاص به. إذا كنت تريد جدول محتويات مجانيًا يحتوي على مربع قابل للطي وسهم من الخلف إلى الأعلى، فاستخدم هذا الجدول. ذات صلة: شريط تقدم القراءة, الأكورديون المتقدم و محتوى خارج القماش (Pro).
الأسئلة المتداولة لجدول المحتويات
هل أداة جدول المحتويات مجانية؟
نعم. إنه جزء من البرنامج الإضافي Master Addons المجاني على WordPress.org، وكل إعداد موصوف في هذه الصفحة موجود في الإصدار المجاني. تحتاج أداة جدول المحتويات الخاصة بـ Elementor إلى Elementor Pro.
كيف يمكنني استبعاد عنوان من جدول المحتويات؟
لإسقاط مستوى كامل، قم بإزالة تلك العلامة من علامات العناوين، على سبيل المثال H4. لإخفاء عنوان واحد، حدده في Elementor، وافتح علامة التبويب Advanced وأضف jltma-toc-hide-heading إلى حقل فئات CSS. يبقى على الصفحة ولكن يتم استبعاده من القائمة.
هل يتغير العنصر النشط أثناء تمرير القارئ؟
رقم اللون النشط في النمط، يقوم المحتوى بتصميم العنصر الذي ينقر عليه القارئ، ويتحرك عندما ينقر على عنصر آخر. القائمة لا تتتبع القسم الذي يظهر على الشاشة أثناء التمرير. تقوم أداة جدول المحتويات الخاصة بـ Elementor Pro بذلك.
هل سيظهر سهم التمرير إلى الأعلى في كل صفحة؟
فقط على الصفحات التي تحتوي على عنصر واجهة المستخدم هذا مع تشغيل التمرير إلى الأعلى. يقع السهم في الزاوية اليمنى السفلية ويظهر بعد أن يقوم الزائر بالتمرير بسرعة 250 بكسل تقريبًا إلى أسفل الصفحة.
هل يمكنني استخدام أيقونات مخصصة لعلامات القائمة؟
ليس من لوحة عناصر واجهة المستخدم. يقدم List Style العناصر الافتراضية والنقاط والأرقام، ويقوم قسم نمط المحتوى بتعيين الخط والألوان. ستحتاج أيقونات العلامات المخصصة إلى CSS الخاص بك. تحتوي أداة Elementor Pro على منتقي أيقونات للنقاط.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
