Skip To Content

تمييز موقع مع خيارات النُسق والعنوان

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

رأس الصفحة

لاختيار تصميم للعنوان، اتبع الخطوات التالية:

  1. افتح موقعًا في وضع التحرير.
  2. افتح اللوحة الجانبية من خلال النقر فوق التبديل التبديل. إذا لزم الأمر، فانقر فوق السهم الخلفي بجوار تخصيص في الجزء العلوي من اللوحة للعودة إلى القائمة الرئيسية إلى أن يظهر لك خيار النقر فوق العنوان.
  3. انقر فوق قائمة المظهر لاختيار أحد أنماط العنوان التالية:
    • قياسي—الافتراضي لكل موقع جديد، ويتميز هذا التصميم بشريط رفيع وصغير يتضمن مساحة لشعار (60 بكسل) ووسائل التواصل الاجتماعي وارتباطات القائمة.
    • بارز—يوفر هذا التصميم المزيد من المساحة للشعارات الأكبر (120 بكسل) وارتباطات قائمة إضافية.
    • CSS/HTML مخصص—استخدم محرر رموز مُمكّن به بناء الجملة لتكوين عنوان برمز مخصص.
      ملاحظة:‏

      تستمر العناوين المخصصة عبر صفحات الموقع، ولكنها لا تظهر في طرق عرض المحتوى. لمزيد من المعلومات، راجع لماذا تبدو العلامة التجارية لاستكشاف عرض المحتوى مختلفة؟

  4. انقر فوق قائمة العلامة التجارية لتطبيق الخيارات التالية:
    • اسم—أدخل اسمًا ليظهر في عنوان الموقع. الاسم الذي توفره في هذا الحقل مرئي فقط في العنوان ولن ينعكس في عنوان URL الخاص بموقعك أو في قائمة المواقع الخاصة بك.
    • اسم قصير—أدخل إصدارًا مختصرًا لها والتي أضفتها إلى العنوان. ينطبق الاسم المختصر فقط على العنوان إذا كان طويلاً جدًا بحيث يتعذر عرضه على شاشة أصغر، مثل الهاتف المحمول.
      تلميح:

      يستخدم الناس بشكل متزايد الأجهزة الجوالة للاتصال بالإنترنت. أضف اسمًا قصيرًا لضمان جودة موقعك على أي جهاز.

  5. حدد خيارًا للتخطيط: مربع أو عريض.
  6. إذا كنت ترغب في تمييز عنوان موقعك باستخدام HTML أو CSS مخصص، فاختر HTML/CSS مخصص وقم بتوفير التعليمات البرمجية في مربعي HTML وCSS.

    ملاحظة:‏

    لا يدعم HTML الخاص بالعنوان JavaScript المُضمَّن. Script tags will be ignored.

  7. انقر حفظ.

إضافة شعار إلى عنوان

يعتمد حجم شعار موقعك وموضعه على نمط العنوان الذي تختاره.

  1. انقر لتوسيع قائمة وضع علامة تجارية تحت العنوان في اللوحة الجانبية.
  2. انقر على زر تبديل الشعار لتشغيله.
  3. أضف صورة عن طريق اختيار عنوان URL للصورة أو عن طريق تحميل صورة من ملف.

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

  4. إذا كنت تستخدم العنوان البارز، فيمكنك اختيار إعداد لمحاذاة الصورة.
  5. من أجل النص البديل للشعار، أدخل النص لتلبية معايير إمكانية الوصول.

    تلميح:
    إذا كان هناك شعار يحتوي على نص، فيمكن أن يكون النص البديل هو اسم الشركة. إذا كان الشعار هو تصميم علامة شعار، يمكنك اعتباره للتزيين واكتب نصًا بديلاً “”.

  6. انقر حفظ.

إضافة أيقونات وسائل التواصل الاجتماعي

إضافة أيقونات وسائل التواصل الاجتماعي للعنوان.

  1. افتح موقعًا في وضع التحرير.
  2. انقر لتوسيع قائمة وضع علامة تجارية تحت العنوان في اللوحة الجانبية.
  3. انقر فوق قائمة أيقونات وسائل التواصل الاجتماعي.
  4. انقر فوق التبديل لإضافة أيقونة وسائل تواصل اجتماعي لـ Facebook أو Twitter أو Instagram أو YouTube.
  5. أدخل عنوان URL لحساب النظام الأساسي الخاص بك.
  6. انقر حفظ.

إنشاء سمة

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

تلميح:

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

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

      لمزيد من المعلومات حول التنقل العمومي، راجع ما هو التنقل العمومي؟

    • يطبّق لون خلفية العنوان اللون على عنوان موقعك.
    • يطبّق لون نص العنوان اللون على نص العنوان بالكامل.
    • يطبّق لون خلفية النص الأساسي اللون على صفوف موقعك. يمكن أيضًا تكوين لون الصف ولون النص لكل صف باتباع الخطوات الواردة في الألوان والخطوط.
    • ينطبق لون النص الأساسي على نص موقعك.
    • يطبّق لون رابط النص الأساسي اللون على أي ارتباطات موجودة على موقعك والأزرار التي تستخدم نمط الزر مضبوطًا على مفصل.
      ملاحظة:‏

      تستخدم علامات التبويب الرأسية، بما في ذلك زر المشاركة، لون رابط النص الأساسي لتعبئة الخلفية ولون خلفية النص للرموز أو النص.

    • يطبّق لون خلفية الزر اللون على الأزرار الموجودة على موقعك باستخدام مجموعة نمط الزر على خلفية متصلة، بالإضافة إلى الرموز الموجودة في علامات تبويب اللوحة الجانبية.
    • ينطبق لون نص الزر اللون على نص أي أزرار موجودة على موقعك.
  4. بعد الانتهاء من ضبط الألوان، انقر على تطبيق التغييرات.
  5. يمكنك أيضًا تطبيق الخطوط في العنوان ونص موقعك.
    • لاختيار خط لنص موقعك الأساسي، انقر على زر إعدادات الخط الأساسي.
    • لتغيير خط عنوان موقعك، انقر على زر إعدادات خط العنوان.
ملاحظة:‏

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

إنشاء تزييل

يمكنك استخدام HTML المخصص لإضافة تذييل إلى موقعك يكون ثابتًا في أي صفحات مرفقة بموقعك.

  1. افتح موقعًا في وضع التحرير.
  2. قم بتوسيع قائمة التذييل في اللوحة الجانبية.
  3. انقر فوق التبديل بجوار مخصص.
  4. قم بتعديل مربع CSS وHTML في اللوحة الجانبية وانقر فوق تطبيق التغييرات لرؤية التأثيرات على HTML الخاص بك.
    ملاحظة:‏

    لا يدعم HTML الخاص بالتذييل JavaScript المُضمَّن. Script tags will be ignored.

المحتوى المتصل

لتكوين موقعك بمزيد من التمييز، يمكنك القيام بما يلي: