جدول المحتويات
امنح القراء خريطة طريق واضحة من خلال المحتوى الطويل الخاص بك باستخدام عنصر جدول المحتويات الديناميكي هذا. يقوم تلقائيًا بمسح صفحتك بحثًا عن العناوين وإنشاء فهرس قابل للنقر، مما يجعل من السهل جدًا على الزوار الانتقال إلى القسم الذي يحتاجون إليه. يمكنك اختيار أيقونات قائمة أنيقة، وجعل كل شيء قابلاً للطي لتوفير المساحة، وحتى إضافة “scroll سهل الاستخدام إلى زر Top”. مع التحكم الكامل في الألوان والتباعد والطباعة لكل جزء، يمكنك تصميم جدول المحتويات الذي يبدو وكأنه مرمز خصيصًا لموقعك، كل ذلك مع تحسين تجربة المستخدم والوقت الذي يقضيه على الصفحة.
مجموعة العناوين الذكية والآلية
يكتشف العنصر بذكاء بنية العنوان (H1، H2، H3، وما إلى ذلك) على صفحتك ويقوم بإنشاء جدول المحتويات تلقائيًا، مما يوفر عليك إنشاء الروابط وتحديثها يدويًا.
- قم على الفور بإنشاء قائمة محتويات دقيقة للمقالات أو الوثائق أو الصفحات المقصودة.
- يوفر وقتًا كبيرًا مقارنة بإنشاء قائمة يدوية لروابط التثبيت.
- يضمن أن TOC يتطابق دائمًا مع البنية الحالية لصفحتك إذا قمت بتحرير العناوين لاحقًا.
تصميم تفاعلي وموفر للمساحة
اجعل جدول المحتويات الخاص بك قابلاً للطي حتى يتمكن المستخدمون من توسيعه أو إخفائه بنقرة واحدة. يمكنك ضبطه لبدء طي للحفاظ على تخطيط الصفحة نظيفًا والتحكم في حجم رمز التبديل ولونه.
- قم بتحسين جماليات الصفحة عن طريق إخفاء TOC حتى يرغب المستخدم في استخدامه.
- مثالي لشاشات الهاتف المحمول حيث تكون المساحة محدودة.
- يوفر إحساسًا عصريًا وتفاعليًا يعزز مشاركة المستخدم.
التنقل المحسن باستخدام أدوات التمرير
يتضمن زر “Scroll to Top” المخصص الذي يظهر أثناء قيام المستخدمين بالتمرير لأسفل. يمكنك تخصيص موضعه وحجمه وألوانه وتمكين التمرير السلس مع تأخير رسوم متحركة قابل للتخصيص للحصول على تجربة مصقولة.
- يعمل على تحسين التنقل على الصفحات الطويلة بشكل كبير، مما يوفر على المستخدمين إمكانية التمرير اليدوي.
- يضيف تأثير التمرير السلس إحساسًا احترافيًا وسلسًا إلى قفزات الصفحة.
- يسمح بضبط إزاحة التمرير بشكل دقيق لمراعاة الرؤوس الثابتة أو عناصر التخطيط الأخرى.
الأسئلة المتداولة لجدول المحتويات
هل يمكنني استبعاد عناوين محددة من جدول المحتويات؟
نعم. يمكنك استبعاد العناوين عالميًا حسب نوع العلامة (مثل كافة H4s) في الإعدادات. لاستبعاد عنوان محدد واحد، يمكنك إضافة فئة CSS مخصصة إلى علامة التبويب المتقدمة لعنصر العنوان المحدد في Elementor.
هل يعمل مع جميع علامات العناوين (H1، H2، H3، إلخ)؟
نعم. تم تصميم العنصر للتعرف على التسلسل الهرمي القياسي لعلامات عناوين HTML من H1 إلى H6. يمكنك عادةً اختيار المستويات التي تريد تضمينها في إعدادات المحتوى.
كيف أقوم بتصميم القسم النشط حاليًا في القائمة؟
توجد عناصر تحكم مخصصة للألوان لـ “Active Title” و“Active Border.”، وتسمح لك هذه العناصر بتغيير مظهر عنصر TOC الذي يتوافق مع القسم الذي يشاهده المستخدم حاليًا على الصفحة.
هل سيظهر زر "التمرير إلى الأعلى" في كل صفحة؟
الزر جزء من مثيل العنصر المحدد هذا. سيظهر فقط على الصفحات التي تضع فيها عنصر واجهة المستخدم الخاص بجدول المحتويات وتكوّنه. إنه ليس زرًا عالميًا على مستوى الموقع إلا إذا قمت بإضافة عنصر واجهة المستخدم إلى قالب على مستوى الموقع.
هل يمكنني استخدام أيقونات مخصصة لنمط القائمة؟
تعرض لقطات الشاشة خيارات نمط القائمة المحددة مسبقًا (مثل الأرقام والأيقونات). بينما يمكنك الاختيار من بين الأنماط المتاحة وتلوينها، فمن المحتمل أن يتطلب إنشاء أيقونات مخصصة تمامًا CSS إضافيًا ما لم يوفر البرنامج المساعد منتقي مكتبة الرموز المباشر.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
