يؤدي وضع علامة تجارية لموقعك بشعار المؤسسة وألوانها إلى جعل محتواك موثوقًا ومعتمدًا. كما يساعد موقعك على الاندماج مع محتوى الويب الخاص بمؤسستك. يصف هذا الموضوع كيف يمكن للمسؤولين وأعضاء الفريق الأساسي القيام بما يلي:
- اختيار عنوان ومُسمى لموقع ما.
- إضافة شعار إلى عنوان موقع.
- تغيير اللون لعنوان الموقع والأزرار والنص والخلفية.
للبدء، سجّل دخول إلى Portal for ArcGIS وانقر على المواقع في صفحة نظرة عامة لعرض قائمة بمواقعك.
تلميح:
يمكنك أيضًا تحرير موقع عند عرضه في متصفح. تأكد أنك سجلت الدخول إلى وابحث عن زر التحرير على يسار موقعك.
اختيار نمط عنوان
عنوان موقعك هو المكان الذي يمكنك فيه تمييز موقعك بشعار، وإنشاء التنقل إلى الموارد الأخرى من خلال ارتباطات القائمة، والارتباط بحسابات التواصل الاجتماعي.
- افتح الموقع في وضع التحرير.
- افتح اللوحة الجانبية من خلال النقر فوق التبديل
. إذا لزم الأمر، فانقر فوق السهم الخلفي بجوار تخصيص في الجزء العلوي من اللوحة للعودة إلى القائمة الرئيسية إلى أن يظهر لك خيار النقر فوق العنوان. - أسفل العنوان انقر فوق قائمة المظهر لاختيار نمط لعنوانك. الخيارات الثلاثة التالية متاحة للاختيار منها:
- قياسي—الافتراضي لكل موقع جديد، ويتميز هذا التصميم بشريط رفيع وصغير يتضمن مساحة لشعار (60 بكسل) ووسائل التواصل الاجتماعي وارتباطات القائمة.
- بارز—يوفر هذا التصميم المزيد من المساحة للشعارات الأكبر (120 بكسل) وارتباطات قائمة إضافية.
- CSS/HTML مخصص—استخدم محرر رموز مُمكّن به بناء الجملة لتكوين عنوان برمز مخصص.
ملاحظة:
لإضافة شعار، اتبع الخطوات الموضحة في القسم التالي.
- انقر على قائمة التمييز. كل الحقول الموجودة في القائمة اختيارية.
- اسم—أدخل اسمًا ليظهر في عنوان الموقع. الاسم الذي توفره في هذا الحقل مرئي فقط في العنوان ولن ينعكس في عنوان URL الخاص بموقعك أو في قائمة المواقع الخاصة بك.
- اسم قصير—أدخل إصدارًا مختصرًا لها والتي أضفتها إلى العنوان. لن يظهر هذا الاسم إلا إذا كان الاسم الأصلي للعنوان طويلًا جدًا عند عرضه على أحجام شاشة أصغر (على سبيل المثال، هاتف جوال).
تلميح:
يستخدم الناس بشكل متزايد الأجهزة الجوالة للاتصال بالإنترنت. يوصى بشدة بإضافة اسم قصير لضمان جودة موقعك على أي جهاز.
- حدد خيارًا للتخطيط: مربع أو عريض.
- وإذا أردت تمييز عنوان موقعك باستخدام HTML أو CSS مخصص، اختر استخدام HTML/CSS مخصص.
ملاحظة:
لا يدعم HTML الخاص بالعنوان JavaScript المُضمَّن. Script tags will be ignored.
- قم بتعديل مربع CSS في اللوحة الجانبية، ثم انقر على تطبيق التغييرات لرؤية الكود.
- انقر حفظ.
إضافة شعار إلى عنوان
يعتمد حجم شعار موقعك وموضعه على نمط العنوان الذي تختاره.
- انقر لتوسيع قائمة وضع علامة تجارية تحت العنوان في اللوحة الجانبية.
- انقر على زر تبديل الشعار لتشغيله.
- أضف صورة عن طريق اختيار عنوان URL للصورة أو عن طريق تحميل صورة من ملف.
تلميح:
إذا كنت تحمل صورة من ملف، حفظ الصورة كملف PNG سيكون هو أفضل خيار. يمكنك اقتصاص الصورة وتكبيرها في قسم إعدادات صورة البطاقة في لوحة تخصيص. - إذا كنت تستخدم العنوان البارز، فيمكنك اختيار إعداد لمحاذاة الصورة.
- من أجل النص البديل للشعار، أدخل النص لتلبية معايير إمكانية الوصول.
تلميح:
إذا كان هناك شعار يحتوي على نص، فيمكن أن يكون النص البديل هو اسم الشركة. إذا كان الشعار هو تصميم علامة شعار، يمكنك اعتباره للتزيين واكتب نصًا بديلاً “”. - انقر حفظ.
إضافة أيقونات وسائل التواصل الاجتماعي
إضافة أيقونات وسائل التواصل الاجتماعي للعنوان.
- انقر لتوسيع قائمة وضع علامة تجارية تحت العنوان في اللوحة الجانبية.
- انقر فوق قائمة أيقونات وسائل التواصل الاجتماعي.
- انقر فوق التبديل لإضافة أيقونة وسائل تواصل اجتماعي لـ Facebook أو Twitter أو Instagram أو YouTube.
- أدخل عنوان URL لحساب النظام الأساسي الخاص بك.
- انقر حفظ.
إنشاء سمة
أنشئ نسقًا لموقعك عن طريق اختيار ألوان لعنوان موقعك ونصه وأزراره. يتم تطبيق الألوان التي تختارها في قائمة النسق في موقعك على موقعك بالكامل. يمكنك إلغاء هذه الاختيارات من خلال تكوين ألوان لصفوف معينة. لمزيد من المعلومات، راجع موضوع الألوان والخطوط.
تلميح:
عند اختيار لون، راجع توجيهات التمييز لمؤسستك. توفر العديد من إرشادات التمييز رموز ألوان دقيقة للمحتوى مثل مواقع الويب والشعارات. إذا لم يكن لديك إرشادات التمييز، فاستشر فريقك أو أصحاب المصلحة للتأكد من أن سمة موقعك تعكس مؤسستك بشكل صحيح.
- افتح الموقع في وضع التحرير.
- افتح اللوحة الجانبية من خلال النقر فوق التبديل . إذا لزم الأمر، انقر فوق السهم الخلفي بجوار تخصيص أعلى اللوحة للعودة إلى القائمة الأصلية إلى أن يظهر لك خيار النقر فوق نسق.
- لتحديد لون لأي من الخيارات التالية، أدخل رمز لون قيمة سداسية أو اختر لونًا من منتقي الألوان بجوار حقل رمز اللون.
- يطبق لون خلفية التنقل العمومي اللون على شريط تنقل موقعك العمومي.
- يطبق لون نص التنقل العمومي اللون على نص شريط تنقل موقعك العمومي.
ملاحظة:
لمزيد من المعلومات حول التنقل العمومي، راجع ما هو التنقل العمومي؟
- يطبّق لون خلفية العنوان اللون على عنوان موقعك.
- يطبّق لون نص العنوان اللون على نص العنوان بالكامل.
- يطبّق لون خلفية النص الأساسي اللون على صفوف موقعك. يمكن أيضًا تكوين لون الصف ولون النص لكل صف باتباع الخطوات الواردة في الألوان والخطوط.
- ينطبق لون النص الأساسي على نص موقعك.
- يطبّق لون رابط النص الأساسي اللون على أي ارتباطات موجودة على موقعك.
- يطبّق لون خلفية الزر اللون على الأزرار الموجودة على موقعك.
- ينطبق لون نص الزر على نص أي أزرار موجودة على موقعك.
- بعد الانتهاء من ضبط الألوان، انقر على تطبيق التغييرات.
- يمكنك أيضًا تطبيق الخطوط في العنوان ونص موقعك.
- لاختيار خط لنص موقعك الأساسي، انقر على زر إعدادات الخط الأساسي.
- لتغيير خط عنوان موقعك، انقر على زر إعدادات خط العنوان.
ملاحظة:
للبدء من جديد أو العودة إلى الألوان الافتراضية، اختر إعادة تعيين إلى الوضع الافتراضي بأسفل قائمة النسق.
إنشاء تزييل
يمكنك استخدام HTML المخصص لإضافة تذييل إلى موقعك يكون ثابتًا في أي صفحات مرفقة بموقعك.
- قم بتوسيع قائمة التذييل في اللوحة الجانبية.
- انقر فوق التبديل بجوار مخصص.
- قم بتعديل مربع CSS وHTML في اللوحة الجانبية وانقر فوق تطبيق التغييرات لرؤية التأثيرات على HTML الخاص بك.
ملاحظة:
لا يدعم HTML الخاص بالتذييل JavaScript المُضمَّن. Script tags will be ignored.
التالية
لتكوين موقعك بمزيد من التمييز، يمكنك القيام بما يلي:
- أضف ارتباطات القائمة وتأكد من تمكين التنقل العمومي. لمزيد من المعلومات، راجع تكوين ارتباطات القائمة والتنقل العمومي.
- يتضمن كل موقع عنوان URL (عنوان ويب). إذا كان لدى مؤسستك نطاق مخصص، فيمكنك تكوين عنوان URL هذا لمزيد من التمييز لموقعك. لمزيد من المعلومات، راجع تكوين URL مخصص.