الترويسات والتذييلات

ترويسة الموقع الإلكتروني هي الجزء العلوي من صفحة الويب، وتتضمن عادةً عناصر مثل الشعار، و:ref:قائمة <website/header_footer/header-content> التنقل، وشريط البحث، وزر تسجيل الدخول أو حساب العميل. يظهر التذييل في أسفل صفحة الويب وعادة ما يحتوي على تفاصيل الاتصال والروابط والإشعارات القانونية وغيرها من المعلومات المفيدة. يمكن تخصيص كليهما حسب الحاجة.

محتوى الترويسة

تتضمن الترويسة معلومات الشركة، وأزرار الوصول السريع، و:ref:قوائم الموقع الإلكتروني <website/header_footer/menu-editor> لمساعدة المستخدمين على التنقل في الموقع بفعالية. كما تلعب الترويسات والقوائم سهلة الاستخدام والمنظمة جيداً دوراً مهماً في تحسين الترتيب في محركات البحث.

محرر القائمة

يتيح لك محرر القوائم تعديل ترويسة الموقع الإلكتروني وإضافة عناصر القائمة و:ref:القوائم الكبيرة <website/header_footer/mega-menus>.

لفتح محرر القائمة، انتقل إلى الموقع الإلكتروني <-- الموقع <-- محرر القائمة. ومن هناك، يمكنك:

• إعادة تسمية عنصر قائمة أو تغيير عنوان URL الخاص به باستخدام أيقونة (تحرير عنصر القائمة).

• حذف عنصر قائمة باستخدام أيقونة (حذف عنصر القائمة).

• انقل عنصر قائمة بسحبه وإفلاته في الموقع المطلوب في القائمة.

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

نصيحة

يمكنك أيضًا الوصول إلى محرر القوائم من محرر الموقع الإلكتروني. للقيام بذلك، قم بأحد الإجراءين التاليين:

• حدد أي عنصر قائمة وانقر فوق تحرير القائمة، أو

  

• انتقل إلى علامة التبويب النمط، وانقر على تحرير القائمة بجانب عنوان قسم الترويسة.

إضافة عناصر قائمة

بشكل افتراضي، تُضاف الصفحات إلى القائمة كعناصر قائمة منسدلة عند إنشائها. لإضافة عنصر قائمة جديد، اتبع الخطوات التالية:

1. في محرر القائمة، انقر على إضافة عنصر قائمة.

2. في النافذة المنبثقة، أدخل العنوان الذي سيظهر في القائمة.

3. في حقل عنوان URL أو البريد الإلكتروني، اكتب / للبحث عن صفحة موجودة على الموقع الإلكتروني أو # للبحث عن رابط داخلي مخصص موجود.

   ملاحظة

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

4. انقر على متابعة.

5. عدّل هيكل القائمة إذا لزم الأمر.

6. انقر فوق حفظ.

تصميم عناصر القائمة

لتعديل تصميم عناصر القائمة، انقر على تحرير في الزاوية العلوية اليمنى وحدد الترويسة. ثم، انتقل إلى علامة التبويب النمط وانتقل إلى قسم التنقل. تتوفر الخيارات التالية:

• عدّل محاذاة قائمة سطح المكتب لأجهزة سطح المكتب.

• عدّل محاذاة وموضع قائمة الجوال لأجهزة الجوال.

• اختر ما إذا كانت القوائم الفرعية تفتح عند التحويم أو عند النقر.

• حدد نمط الرابط لتمييز الصفحة الحالية في القائمة.

ملاحظة

قد تختلف الخيارات المتوفرة في قسم التنقل حسب القالب المحدد.

إخفاء عنصر قائمة ديناميكي عن المستخدمين غير المسجلين الدخول

لإخفاء عنصر القائمة المتجر عن المستخدمين غير المسجلين الدخول، قم بتقييد الوصول إلى المتجر الإلكتروني للمستخدمين المسجلين الدخول فقط.

لإخفاء عناصر القائمة الأخرى المرتبطة بالصفحات الديناميكية (أي عنصر قائمة يتم إنشاؤه تلقائياً بواسطة أودو، مثلاً عند تثبيت تطبيق أو وحدة، مثل الفعاليات، الدورات التدريبية، إلخ) عن المستخدمين غير المسجلين الدخول، اتبع الخطوات التالية:

1. Enable developer mode.

2. انتقل إلى Website ‣ Configuration ‣ Menus.

3. وسّع قائمة القوائم الخاصة بالموقع الإلكتروني المعني إذا لزم الأمر.

4. حدد عنصر القائمة الذي ترغب في إخفائه.

5. في قسم المجموعات المرئية، انقر على إضافة سطر.

6. ابحث عن المجموعة الاسم دور / البوابة، ثم :guilabel:`حدد`ها.

7. حفظ.

نصيحة

يمكنك تخصيص عناصر القائمة بشكل أكبر من خلال نموذج عنصر القائمة هذا. على سبيل المثال:

• فعّل خانة الاختيار نافذة جديدة لفتح الصفحة في علامة تبويب جديدة عند النقر عليها.

• أضف صفحة ذات صلة أو صفحة نموذج ذات صلة.

• خصص قائمة رئيسية، و/أو قوائم فرعية لإنشاء تسلسل هرمي.

انظر أيضًا

إدارة ظهور الصفحات الثابتة

القوائم الضخمة

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

لإنشاء قائمة ضخمة، اتبع الخطوات التالية:

1. في محرر القائمة، انقر على إضافة عنصر قائمة ضخمة.

2. في النافذة المنبثقة، أدخل عنوان القائمة الضخمة.

3. انقر على متابعة.

4. عدّل هيكل القائمة إذا لزم الأمر.

5. انقر فوق حفظ.

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

• حرّر النص مباشرة داخل الكتلة البنائية.

• حرّر عنوان URL لعنصر القائمة عن طريق تحديد عنصر القائمة الضخمة والنقر على زر تحرير.

  

• انقل عنصر قائمة عن طريق سحب وإفلات الكتلة ذات الصلة إلى الموضع المطلوب في قائمة الميجا.

• احذف عنصر قائمة بالنقر على أيقونة (إزالة) الخاصة بالكتلة ذات الصلة.

تصميم القائمة الضخمة

لتخصيص التصميم العام للقائمة الضخمة و:doc:كتلها البنائية <../web_design/building_blocks> الفردية، افتح محرر الموقع الإلكتروني، وانتقل إلى علامة تبويب النمط، ثم انتقل إلى قسم القائمة الضخمة. الخيارات التالية متاحة:

• اختر قالب.

• اختر الحجم: إما بعرض كامل أو ضيق.

• فعّل فئات المتجر الإلكتروني إذا كان ذلك مناسباً.

تصميم الترويسة والتذييل

لتعديل تصميم الترويسة أو التذييل، انقر على تحرير في الزاوية العلوية اليمنى وحدد الترويسة أو التذييل. بعد ذلك، انتقل إلى علامة تبويب النمط وانتقل إلى قسم الترويسة أو التذييل. الخيارات التالية متاحة:

• اختر قالباً من القائمة المنسدلة.

• حدد لون الخلفية من خلال تحديد نمط السمة، أو خيار لون مخصص، أو تدرج لوني.

• حدد عرض المحتوى.

• أضف حدوداً إلى التذييل وقم بتخصيص حجمها ونمطها ولونها.

• قم بتكييف الزوايا الدائرية لتناسب التصميم.

• حدد خيار ظل. اختر لا شيء، أو ظل سمة محدد مسبقاً، أو قم بتهيئة ظل مخصص من خلال تحديد بارز/غائر، و:guilabel:اللون، و:guilabel:الإزاحة، و:guilabel:التمويه، و:guilabel:الانتشار.

Header-specific design optionsFooter-specific design options

لتخصيص ترويسة الموقع الإلكتروني بشكل أكبر، استخدم خيارات التصميم الخاصة بالترويسة التالية في قسم الترويسة:

• أضف تأثير تمرير لتحديد كيفية سلوك الترويسة أثناء تمرير الصفحة. مرر الفأرة فوق أي تأثير لمعاينته.

• قم بتبديل خيار إظهار إخلاء المسؤولية لعرض شريط أعلى الترويسة. يمكنك تخصيص نص الشريط ولون الخلفية حسب الحاجة.

• اختر موضع الترويسة للصفحة المحددة: عادي، أو مخفي، أو فوق المحتوى. عند اختيار فوق المحتوى، يمكنك أيضاً تخصيص الخلفية و:guilabel:لون النص.

  نصيحة

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

  • مخفي العناصر، بما في ذلك الترويسة عند الاقتضاء، متاحة تحت العناصر غير المرئية.

• قم بتغيير الافتراضي لون التمييز إلى إما الأساسي أو الثانوي لون لتمييز أزرار القائمة المنسدلة بصرياً في الترويسة.

• حدد خطاً.

• حدد حجم التنسيق وأضف لوناً إذا لزم الأمر.

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

• المرئيات، مثل شعار الشركة، و:guilabel:عناصر النص (مثلاً، رقم هاتف)، و:guilabel:روابط التواصل الاجتماعي لربط جميع حسابات التواصل الاجتماعي.

• الإجراءات، مثل شريط البحث، و:ref:محدد اللغة <translate/language-selector>، وزر تسجيل الدخول، و:guilabel:زر الترويسة (زر اتصل بنا افتراضياً).

• التجارة الإلكترونية-عناصر محددة: زري إضافة إلى عربة التسوق و:ref:إضافة إلى قائمة الأمنيات <ecommerce/products/additional_features/wishlists>.

• يمكنك تمكين خلفية لأيقونات التنقل، مثل أيقونة قائمة الأمنيات أو شريط البحث.

نصيحة

يمكنك أيضاً إضافة خيار المحتوى الداخلي من الـ:ref:كتل <website/building_blocks/add> إلى الترويسة أو التذييل لمزيد من التخصيص، مثل خيارات التذييل الخاصة بالمتجر الإلكتروني.