تخصيص المظهر

يتم الآن عرض مستندات Apigee Edge.
انتقِل إلى مستندات Apigee X. المعلومات

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

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

استنادًا إلى إصدار بوابة المطوّرين، ستتوفّر لك عدة مظاهر للاختيار من بينها:

المظهر	الوصف
مظهر Apigee سريع الاستجابة	استنادًا إلى Bootstrap 3، وهو المظهر التلقائي للإصدارات اللاحقة من البوابة. يتوافق هذا المظهر مع الأجهزة التي يتراوح عرضها من 768 بكسل إلى 1400 بكسل. تتوفّر جميع ميزات Bootstrap 3 في هذا المظهر. ملاحظة: لاستخدام مظهر Apigee سريع الاستجابة، تأكَّد من تفعيل مظهر Bootstrap 7.x-3.0.
مظهر Apigee DevConnect	مظهر البوابة التلقائي السابق لمظهر Apigee سريع الاستجابة. يمكن ترقية البوّابات الحالية إلى مظهر Apigee المتجاوب الجديد، ولكن يجب أولاً التأكّد من توافق جميع قوالب النماذج والنماذج وغير ذلك من المحتوى مع Bootstrap 3، وأنّ مظهر Bootstrap 7.x-3.0 مفعَّل.
المظهر الأساسي Apigee	مظهر Apigee DevConnect أساسي لمظهر Apigee DevConnect وليس مخصصًا للاستخدام بمفرده.

تعيين المظهر التلقائي

إذا كانت البوابة لا تزال تستخدم مظهر Apigee DevConnect القديم، قد يظهر لك تحذير في النموذج:

"Apigee DevConnect theme" is out of date 

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

لتحديد المظهر التلقائي:

1. سجّل الدخول إلى المنصة كمستخدم لديه امتيازات المشرف أو امتيازات إنشاء المحتوى.
2. اختَر المظهر في قائمة إدارة Drupal. تظهر قائمة المظاهر المفعَّلة.
3. بالنسبة إلى المظهر الذي تريد استخدامه كمظهر تلقائي، اختَر ضبط المظهر التلقائي.
   لاستخدام مظهر Apigee السريع الاستجابة، تأكَّد من أنّ المظهر Bootstrap 7.x-3.0 مفعّل في تلك الصفحة أيضًا.
4. احفظ الضبط.

تخصيص مظهر Apigee سريع الاستجابة

يوضّح هذا القسم كيفية ضبط مظهر Apigee السريع الاستجابة، بما في ذلك:

• تخصيص النماذج المشروطة
• تخصيص الإعدادات العامة

لتخصيص اعتماد النموذج المشروط:

تستخدم البوابة وحدة وضع الحماية نماذج Drupal Bootstrap في وضع الحماية لعرض نماذج Drupal كنماذج. تعمل نماذج تسجيل الدخول والتسجيل تلقائيًا كنماذج. ويمكنك إيقاف هذه الوظيفة لتظهر تلك النماذج كصفحات فردية بدلاً من ذلك.

1. سجّل الدخول إلى بوابة مطوّري البرامج كمستخدم لديه امتيازات المشرف.
2. اختَر الإعدادات > واجهة المستخدم > نماذج Bootstrap Modal في قائمة إدارة Drupal.
3. تفعيل إتاحة النماذج أو إيقافها للنماذج
4. اختَر حفظ الإعدادات.

لتخصيص الإعدادات العامة لمظهر Apigee السريع الاستجابة:

1. سجّل الدخول إلى المنصة كمستخدم لديه امتيازات المشرف أو امتيازات إنشاء المحتوى.
2. اختر "المظهر" في قائمة إدارة Drupal. ستظهر قائمة المظاهر المفعَّلة.
3. في منطقة Apigee Response (الاستجابة السريعة (المظهر التلقائي)) من الصفحة، اختَر الإعدادات (لا تختر زر الإعدادات في أعلى الصفحة).
4. تظهر صفحة الإعدادات لمظهر Apigee السريع الاستجابة.
5. يوضّح الجدول التالي المناطق التي يمكنك استخدامها لضبط المظهر في تلك الصفحة. في حالة تغيير أي من هذه الإعدادات، حدّد حفظ التهيئة.
   
   

   المساحة	القسم	الوصف
   إعدادات شريط التمهيد
   	المكوّنات	يمكنك التحكّم في عرض أشرطة التنقّل وموضع القائمة الرئيسية (التي تُسمى "شريط التنقل" في الإعدادات) وعرض نتائج البحث التطبيقية للمنطقة: أشرطة التنقّل: يمكنك إخفاء/عرض شريط التنقّل، وتفعيل/إيقاف رابط الصفحة الرئيسية داخل شريط التنقّل. شريط التنقل: يمكنك تغيير موضع شريط التنقل (القائمة الرئيسية) إلى مواضع ثابتة/ثابتة/عادية، ما يجعل التنسيق أكثر ديناميكية. آبار المنطقة: يمكنك إضافة فئة بئر إلى أي منطقة على الموقع الإلكتروني لإضافة خلفية داكنة إلى المنطقة.
   	JavaScript	يمكنك التحكّم في عرض علامات الارتساء والنوافذ المنبثقة وتلميحات التلميحات: علامات الارتساء: إصلاح مواضع الارتساء وتفعيل التمرير السلس. النوافذ المنبثقة: تضيف النوافذ المنبثقة عناصر مركّبة صغيرة على أي عنصر. تفعيل/إيقاف النوافذ المنبثقة وضبط كيفية استخدام النوافذ المنبثقة نصائح الأدوات: لضبط كيفية استخدام التلميحات. يمكنك فرض عرض كل تلميح على يسار كل عنصر من عناصر النموذج أو يساره أو أعلى أو أسفله، وضبط خيارات العرض الأخرى.
   	إعدادات متقدمة	تتحكّم هذه السياسة في طريقة استخدام البوابة لـ BootstrapCDN لتعديل ملفات مظاهر Bootstrap. ويمكنك إيقاف اعتماد البوابة على BootstrapCDN، ولكن عليك بعد ذلك توفير طريقة التنفيذ الخاصة بك لإطار عمل Bootstrap.
   	إعدادات DevConnect	يمكنك ضبط رسالة الترحيب والألوان التلقائية وحجم الشعار الذي يظهر في القائمة الرئيسية.
   إلغاء الإعدادات العامة
   	تبديل العرض	يمكنك تفعيل أو إيقاف عرض مناطق مختلفة من البوابة.
   	إعدادات صورة الشعار	تحدد هذه السمة الصورة المعروضة في القائمة الرئيسية.
   	إعدادات رموز الاختصارات	يحدّد الصورة التي يتم عرضها في شريط عناوين المتصفح أو كإشارة مرجعية إلى البوابة.

تخصيص مظهر Apigee DevConnect

مظهر Apigee DevConnect هو المظهر التلقائي للبوابة الخاصة بالإصدارات القديمة من البوابة، ويمكن ترقيته إلى مظهر Apigee سريع الاستجابة الجديد. مع ذلك، يجب أولاً التأكّد من توافق جميع عمليات الحظر والنماذج وأنواع المحتوى الأخرى مع برنامج Bootstrap 3 قبل إجراء الترقية.

لتخصيص الإعدادات العامة لمظهر Apigee DevConnect:

1. سجّل الدخول إلى المنصة كمستخدم لديه امتيازات المشرف أو امتيازات إنشاء المحتوى.
2. اختَر المظهر > مظهر Apigee DevConnect > الإعدادات في قائمة إدارة Drupal. يؤدّي ذلك إلى عرض الإعدادات الأولية للمظهر. ويتم تحديد إعدادات الألوان كقيم سداسية عشرية.

   

3. غيِّر الإعدادات بما يتناسب مع إعداداتك المفضّلة.
   مثلاً، يمكنك إضافة رسالة الترحيب أو تغييرها أو تغيير لون خلفية العنوان. يتم ضبط لون خلفية العنوان في البداية على لون قريب من اللون البرتقالي (#FF4300). يمكنك تغييره إلى لون آخر، مثل الأزرق (#0000FF).
4. عند الانتهاء من تغيير الإعدادات، انقر على حفظ.

تخصيص مظهر من خلال إنشاء مظهر فرعي

تتوفر جميع الملفات ومواد العرض التي تحدد المظاهر التلقائية التي يتم شحنها مع البوابة في دليل profiles/apigee/themes ضمن دليل تثبيت البوابة. هذا الدليل موجود على /var/www/html/profiles/apigee/themes إذا كنت قد ثبّت البوابة في الموقع التلقائي.

لتعديل مظهر من أجل تعديل مظهر الموقع الإلكتروني ومضمونه، يجب عدم تعديل ملفات المظاهر ضمن profiles/apigee/themes مباشرةً. وفي هذه الحالة، سيتمّ استبدال التغييرات في المرة التالية التي تتم فيها ترقية البوابة.

بدلاً من ذلك، أنشِئ مظهرًا فرعيًا للمظهر الذي تريد تعديله من خلال نسخ ملفات المظاهر التلقائية إلى الدليل /sites/all/themes. للحصول على تعليمات حول المظاهر الفرعية، يُرجى الاطّلاع على مستندات Drupal على https://www.drupal.org/node/225125.

1. انسخ المجلد profiles/apigee/themes/apigee_responsive/apigee_responsive_starterkit إلى المجلد profiles/apigee/themes/apigee_responsive/apigee_responsive_starterkit.
2. أعد تسمية المجلد apigee_responsive_starterkit إلى YOUR_THEME_NAME.
3. أعد تسمية ملف apigee_responsive_starterkit.info ليصبح YOUR_THEME_NAME.info.
4. أعد تسمية css/apigee_responsive_starterkit.css إلى css/YOUR_THEME_NAME.css.
5. أعد تسمية js/apigee_responsive_starterkit.js إلى YOUR_THEME_NAME.js.
6. يمكنك تعديل ملف YOUR_THEME_NAME.info واستبدال الأسطر التالية:
   
   stylesheets[all][] = css/apigee_Response_starterkit.css
   البرامج النصية[] = js/apigee_Response_starterkit.js
   
   باستخدام:
   
   stylesheets[all][] = css/YOUR_THEME] النصوص البرمجية NAME.YOUR_THEME
   
7. يمكنك تغيير اسم المظهر في ملف YOUR_THEME_NAME.info من مجموعة أدوات المبتدئين المتجاوبة مع Apigee إلى اسم المظهر.
8. إذا كنت تريد إضافة لقطة شاشة جديدة لمظهرك، فاستبدل ملف screenshot.png الحالي.
9. إذا كنت تريد إضافة شعار جديد إلى المظهر، استبدل ملف logo.png الخروج.
10. إذا كنت تريد إضافة رمز مفضّل جديد إلى المظهر، استبدِل ملف favicon.ico الحالي.