Skip To Content

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

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

للبدء، سجّل دخول إلى Portal for ArcGIS وانقر على المواقع في صفحة نظرة عامة لعرض قائمة بمواقعك.

تلميح:

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

اختيار نمط عنوان

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

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

      لإضافة شعار، اتبع الخطوات الموضحة في القسم التالي.

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

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

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

    ملاحظة:‏

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

  6. قم بتعديل مربع CSS في اللوحة الجانبية، ثم انقر على تطبيق التغييرات لرؤية الكود.
  7. انقر حفظ.

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

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

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

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

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

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

  7. انقر حفظ.

إنشاء سمة

أنشئ سمة لموقعك عن طريق اختيار ألوان لرأس موقعك ونصه وأزراره.

تلميح:

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

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

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

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

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

إنشاء تزييل

لا يحتوي وضع محرر الموقع الافتراضي على تذييل. يجب عليك إنشاء تذييل مخصص للحصول على تذييل متواصل عبر كل صفحات الموقع.

  1. من قسم التزييل، حدد مخصص.

    يظهر تذييل افتراضي في الصفحة، كما يظهر مربع CSS في اللوحة الجانبية.

  2. انقر على زر الإعدادات الموجود أسفل يسار التذييل لتحرير HTML.
  3. انقر على زر الإعدادات مرة أخرى لاستعراض التغييرات.
  4. قم بتعديل مربع CSS في اللوحة الجانبية، ثم انقر على تطبيق التغييرات لرؤية التأثير على HTML.
تلميح:

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

الخطوات التالية

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

  • أضف ارتباطات القائمة وتأكد من تمكين التنقل العمومي. لمزيد من المعلومات، راجع تكوين ارتباطات القائمة والتنقل العمومي.
  • يتضمن كل موقع عنوان URL (عنوان ويب). إذا كان لدى مؤسستك نطاق مخصص، فيمكنك تكوين عنوان URL هذا لمزيد من التمييز لموقعك. لمزيد من المعلومات، راجع تكوين URL مخصص.