العودة إلى الدعم المحتوى والوسائط المكوِّنات مكوّن جدول المحتويات

مكوّن جدول المحتويات

يتيح لك مكوّن جدول المحتويات تلخيص المحتوى باستخدام قائمة الترويسات. إنه يساعد القراء على إلقاء نظرة عامة على الجوانب الرئيسة من المقالة أو الصفحة، فضلاً عن إمكانية النقر للانتقال مباشرةً إلى ذلك القسم.

إضافة مكوّن جدول المحتويات

لإضافة مكوّن جدول المحتويات، انقر فوق أيقونة + أداة إدراج المكوّن وابحث عن «جدول المحتويات». انقر فوق المكوّن لإضافته إلى المقالة أو الصفحة.

لقطة شاشة توضح كيفية إضافة مكوّن جدول المحتويات باستخدام الزر «+ أداة إدراج المكوّن» في أعلى الجانب الأيسر من محرر المكوّنات.
أضف مكوّنًا جديدًا وابحث عن جدول المحتويات

💡

يمكنك كذلك باستخدام لوحة المفاتيح كتابة /table of contents في سطر جديد والضغط على مفتاح enter لإضافة مكوّن جدول المحتويات الجديد.

إضافة مكوّن جدول المحتويات باستخدام أداة الإدراج بالشرطة المائلة
اكتب /جدول المحتويات في مكوّن جديد.

يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.

إضافة روابط إلى المكوّن

ينشئ مكوّن جدول المحتويات تلقائيًا روابط HTML ويربطها بجميع مكوّنات الترويسات في الصفحة أو المقالة.

إذا لم يكن لديك أي مكوّنات ترويسات ضمن محتواك بعد، فستظهر لك مطالبةً تدعوك إلى "Start adding Heading blocks to create a table of contents."

يظهر مكوّن جدول المحتويات قبل أي مكوّنات ترويسات أُضيفت إلى الصفحة.
إضافة مكوّن جدول المحتويات دون وجود مكوّنات ترويسات في الصفحة.

إذا كان لديك مكوّنات ترويسات بالفعل ضمن محتواك، فستتم تعبئتها تلقائيًا في مكوّن جدول المحتويات، مع ربطها بالأقسام المقابلة ضمن مقالتك أو صفحتك.

إن تصنيف الترويسات يكون حسب الأهمية أو المستوى. الترويسة الأكثر أهمية يكون لها التصنيف أو المستوى 1 (H1)، بينما يكون للترويسة الأقل أهمية التصنيف أو المستوى 6 (H6). ومن الناحية المثالية، سيكون لمكوّن الترويسة الأول في الصفحة المستوى الأعلى، ابتداءً من H2 وحتى H6. وينبغي أن يكون المستوى H1 محفوظًا لعنوان الصفحة لتحسين محركات البحث.

إذا بدأت بمكوّن ترويسة من المستوى H2 ثم أضفت أسفل منه من المستوى H3 إلى H6، فإنه سيتم دمجها وإضافتها تدريجيًا على هيئة ترويسات فرعية ضمن مكوّن جدول المحتويات.

أما إذا عكست هذا الترتيب وبدأت بالمستوى H6، ثم أضفت المستوى H2 أسفل منه، فلن يظهر المستوى H2 في مكوّن جدول المحتويات إطلاقًا.

شريط أدوات المكوّن

عندما تنقر فوق المكوّن، سيظهر شريط أدوات الخيارات فوقه:

يحتوي مكوّن جدول المحتويات على الخيارات الآتية في شريط أدواته:

إعدادات المكوِّن

عند تحديد مكوّن، ستعثر على إعدادات المكوّن الإضافية في الشريط الجانبي الأيمن. إذا لم ترَ الشريط الجانبي، فقد تحتاج إلى النقر على أيقونة الإعدادات الموجودة في الزاوية العلوية اليمنى لإظهار الإعدادات. تبدو هذه الأيقونة مثل مربع يتضمن عمودين غير متساويَين:

أيقونة الإعدادات في المحرّر مع "إعدادات" تلميح الأداة أسفلها.
النقر على أيقونة الإعدادات لفتح إعدادات المكوِّن
الإعدادات

في الصفحات أو المقالات التي تتضمن تقسيم الصفحات أو فواصل الصفحات، يتيح لك هذا الإعداد إما تضمين ترويسات من الصفحة الحالية فقط أو تضمينها من كل الصفحات.

إعدادات مكوّن جدول المحتويات.

اللون

حدد لون النص والخلفية والروابط.

صياغة الحروف

قم بتعديل مظهر نص المكوّن باستخدام الإعدادات الآتية.

إذا لم يظهر لك الإعداد، فانقر على النقاط الثلاث على يمين خيار صياغة الحروف (كما هو موضح على اليمين). يمكنك حينئذٍ تحديد الخيار الذي تريد الوصول إليه:

  • حجم الخط
  • عائلة الخطوط
  • المظهر
  • ارتفاع السطر
  • الزخرفة
  • حالة الأحرف
  • التباعد بين الأحرف
القائمة المنسدلة لصياغة الحروف
صياغة الحروف في الشريط الجانبي لإعدادات المكوّن، مع توسيع الخيارات الإضافية.

يتيح لك خيار حجم الخط تعديل حجم النص. يمكنك الاختيار من الأحجام المحددة مسبقًا، مثل صغير ومتوسط وكبير.

يمكنك أيضًا تعيين قيمة محددة بالنقر على رمز شريط التمرير الموجود فوق الاختيارات الافتراضية مباشرةً، المُحددة بالرقم 1 في لقطة الشاشة أدناه. يمكنك تغيير الوحدات بالنقر في الموضع المُحدد بالرقم 2 في لقطة الشاشة أدناه. تكون الخيارات مُحددة بوحدات البكسل، em أو rem.

إعدادات حجم خط صياغة الحروف

تمنحك عائلة الخطوط الخيار لتغيير نمط الخط المُستخدم. اختر من قائمة الخطوط الموجودة في قائمة منسدلة.

يتيح لك المظهر تغيير نمط الخط بين النمط الاعتيادي والمائل، والخط الرفيع وحتى الغامق جدًا.

يُحدِّد ارتفاع السطر التباعد الموجود فوق النص وتحته. إذا اخترت صفرًا، فاحرص على التحقُّق من موقعك على الهاتف المحمول.

تتضمن الزخرفة خيارات للتسطير ويتوسطه سطر.

تتيح لك حالة الأحرف تعيين النص إما لتكون جميع الأحرف كبيرة أو أن يكون الحرف الأول هو الكبير أو أن تكون جميع الأحرف صغيرة.

يعيّن خيار التباعد بين الأحرف المسافة بين كل حرف من حروف النص. يمكنك تغيير الوحدات من الإعداد الافتراضي (وحدات البكسل) إلى النسبة المئوية و em و rem و vw و vh. تعرّف على المزيد حول الوحدات النسبية من هنا.

متقدِّم

تسمح لك علامة التبويب “مُتقدِّم” بإضافة فئة CSS إلى مكوّنك، ما يتيح لك كتابة CSS مخصصة وتنسيق مكوِّنك بالشكل الذي تراه مناسبًا.

يتيح لك القسم “مُتقدِّم” إضافة فئة CSS إلى مكوِّنك.

Copied to clipboard!