الأدلة/تحرير موقعك الإلكتروني/القوائم/مكوِّن التنقل

مكوِّن التنقل

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

فيديو تعليمي

إضافة مكوّن التنقّل

تتم إضافة مكون التنقل عادة إلى قوالبموقعك، وغالبا ما يكون ذلك في الترويسة أو التذييل.

لإضافة مكون تنقل، اتبع هذه الخطوات:

  1. تفضَّل بزيارة لوحة التحكم في موقعك.
  2. انتقل إلى المظهر ← المحرر.
  3. انقر على معاينة الصفحة الرئيسية في الجانب الأيمن لتحرير صفحتك الرئيسية، أو حدد القالب أو جزء القالب حيث تريد أن تظهر قائمة التنقل (مثل الترويسة).
  4. انقر على أيقونة + أداة إدراج مكوّن وابحث عن “ترقيم الصفحات”.
  5. انقر على مكوِّن التنقّل لإضافته إلى موقعك.

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

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

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

اتبع هذه الخطوات لتحويل مكون قائمة الصفحات:

  1. أستخدم طريقة عرض القائمة للتنقل إلى مكوّن قائمة الصفحات داخل مكوّن التنقّل الخاص بك.
سهم يشير من أيقونة طريقة عرض القائمة إلى مكون قائمة الصفحات.
  1. انقر على زر تحرير في شريط أدوات المكون:
تم تحديد مكون قائمة الصفحات داخل مكون التنقل باستخدام خيار "تحرير" في شريط أدوات المكون المميز.
  1. سيظهر تحذير يقول إن قائمة الصفحات لن يتم تحديثها تلقائيا بعد الآن. انقر على تحرير للتأكيد.

ستتمكن الآن من إضافة روابط وصفحات جديدة، وإزالة عناصر القائمة، وإعادة ترتيب الروابط في قائمتك.

لتعديل روابط معينة داخل مكون التنقلالخاص بك، اتبع هذه الخطوات:

  1. أستخدم عرض القائمة للتنقل إلى الرابط الفردي الذي تريد تخصيصه داخل مكون التنقل.
  2. في شريط جانبي لإعدادات المكوّن، يمكنك تعديل:
    • الملصق هو النص الذي يظهر في قائمة التنقل.
    • الرابط: قم بتحديث صفحة الوجهة أو عنوان URL.
    • فتح في علامة تبويبجديدة: حدد المربع لتعيين الرابط لفتحه في علامة تبويب جديدة.
    • الوصف: أضف النص الذي يظهر إذا كان قالبك يدعم أوصاف الروابط.
    • Rel Attribute: قم بتعيين العلاقات مثل “nofollow” لأغراض تحسين محركات البحث.
    • الأنماط: انقر على علامة تبويب الأنماط لتغيير حجم الخط وإعدادات أسلوب الطباعة الأخرى.
يعرض الشريط الجانبي للإعدادات عنصر قائمة برابط المتجر.
  1. في شريط أدوات المكون، يمكنك:
    • تغيير الرابط: انقر على أيقونة الرابط لتعديل الرابط أو تعيينه للفتح في علامة تبويب جديدة.
    • إضافة تنسيق: أستخدم خيارات تنسيق غامقة أو مائلة أو خيارات تنسيق نص أخرى.
    • أضف قائمة فرعية: انقر على أيقونة القائمة الفرعية لإنشاء قائمة منسدلة.
    • تحريك الرابط: أستخدم الأسهم الأيمن/الأيسر لتغيير موضع الرابط ضمن القائمة.

لمزيد من التفاصيل حول إدارة عناصر القائمة، راجع تحرير عناصرالقائمة.

اختر قائمة مختلفة

إذا أنشأت أكثر من قائمةواحدة، فيمكنك اختيار قائمة مختلفة لمكوّن التنقّل.

اتبع هذه الخطوات لاختيار قائمة مختلفة:

  1. استخدم عرض القائمة لتحديد مكوِّن الأزرار.
  2. في شريط جانبي لإعدادات المكوّن، انقر فوق () بجوار قائمة.
سهم يشير من عرض القائمة إلى أيقونة النقاط الثلاث بجوار القائمة.
  1. اختر من بين الخيارات الآتية:
    • القوائم: أختر من القوائم الموجودة التي قمت بإنشائها.
    • إستيراد قوائم كلاسيكية: تحويل قائمة ووردبريس كلاسيكية لاستخدامها مع محرر المكون. سترى هذا الخيار فقط إذا كان لديك قوائم ووردبريس كلاسيكية لتحويلها.
    • أنشئ قائمةجديدة: ابدأ من جديد مع قائمة جديدة تماما.
قائمة بالقوائم وخيار إنشاء قائمة جديدة في إعدادات مكون التنقل.

للحصول على إدارة مفصلة للقائمة، راجع أدلتنا حول إضافة روابط، إنشاء قوائم منسدلة، وإعادة ترتيب العناصر.

تغيير تخطيط القائمة وعرضها

لتخصيص كيف يظهر مكون التنقل الخاص بك للزائرين، اتبع هذه الخطوات:

  1. استخدم عرض القائمة لتحديد مكوِّن الأزرار.
  2. في شريط جانبي لإعدادات المكوّن، انقر فوق أيقونة الأنماط.
تم تمييز أيقونة الإعدادات في الشريط الجانبي لإعدادات المكون.
  1. ضبط إعدادات التخطيط:
    • الضبط: اختر بين روابط القائمة، بدءًا من الضبط إلى اليسار أو الوسط أو اليمين أو حتى مسافة متساوية بين عناصر قائمة.
    • الإتجاه: حدد تخطيط القائمة الأفقي (الافتراضي) أو الرأسي.
    • السماح بتغليف أسطرمتعددة: قم بالتبديل للاحتفاظ بالتنقل في سطر واحد.
  2. تكوين إعدادات العرض:
    • إظهار زر الأيقونة: قم بالتشغيل كأيقونة “hamburger” (الخطوط الأفقية الثلاثة)، أو قم بإيقاف التشغيل لإظهار نص “القائمة”.
    • أيقونة: أختر بين خطين أو ثلاثة خطوط أفقية لأيقونة “hamburger” (الخطوط الأفقية الثلاثة).
    • قائمة التراكب: حدد إيقاف، أو الهاتف (الافتراضي)، أو دائمًا للتحكم في وقت طي القائمة إلى تراكب. صمم قالب تغشية لتخصيص مظهر تراكب قائمة الهاتف المحمول.
  3. إذا كانت لديك قوائم فرعية، فقم بتعديل سلوك القائمة الفرعية:
    • فتح عند النقر: قم بالتبديل من أجل النقر للفتح أو إيقاف التشغيل من أجل القوائم الفرعية أشر للفتح.
    • عرض السهم: قم بالتبديل لعرض الأسهم التي تشير إلى وجود قائمة فرعية.

لمزيد من خيارات تخصيص القائمة، راجع تخصيص تصميمالقائمة.

تنسيق مكون التنقل الخاص بك

لتخصيص المظهر المرئي لمكون التنقل الخاص بك، اتبع هذه الخطوات:

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

للحصول على مزيد من خيارات تنسيق القائمة، راجع تخصيص تصميمالقائمة.

Copied to clipboard!