تخصيص المظهر

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

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

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

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

المظهر	الوصف
مظهر Apigee سريع الاستجابة	استنادًا إلى التمهيد 3، فإن المظهر التلقائي لـ والإصدارات اللاحقة من البوابة. يتوافق هذا المظهر مع الأجهزة التي يتراوح عرضها بين 768 بكسل و 1400 بكسل. تتوفر جميع ميزات Bootstrapp 3 في هذا المظهر. ملاحظة: لاستخدام مظهر Apigee سريع الاستجابة، تأكَّد من أنّ الجزء الأساسي تم تفعيل المظهر بتنسيق 7.x-3.0.
مظهر Apigee DevConnect	مظهر البوابة التلقائي السابق لمظهر Apigee سريع الاستجابة يمكن ترقية البوابات الحالية إلى مظهر Apigee سريع الاستجابة، ولكن يجب أولاً أن تتأكّد من توافق جميع القوالب والنماذج وأنواع المحتوى الأخرى مع Bootstrap 3 يكون مظهر Bootstrap 7.x-3.0 مُفعَّلاً.
مظهر Apigee Base	مظهر رئيسي لمظهر 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 Bootstrapp وحدة وضع الحماية للنماذج المشروطة لعرض نماذج Drupal على شكل نماذج نماذج تسجيل الدخول والتسجيل عن طريق الافتراضية كوحدات مشروطة. يمكنك تعطيل هذه الوظيفة لإظهار هذه النماذج صفحات فردية بدلاً من ذلك.

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

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

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

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

تخصيص مظهر Apigee DevConnect

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

لتخصيص الإعدادات العامة في Apigee DevConnect التصميم:

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

   

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

تخصيص مظهر عن طريق إنشاء موضوع فرعي

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

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

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

1. انسخ مجلد profiles/apigee/themes/apigee_responsive/apigee_responsive_starterkit إلى /sites/all/themes المجلد.
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_responsive_starterkit.css
   النصوص البرمجية[] = js/apigee_response_ Starterkit.js
   
   مع:
   
   stylesheets[all][] = css/YOUR_THEME_NAME.css
   النصوص البرمجية[] = js/YOUR_THEME_NAME.js
7. يمكنك تغيير اسم المظهر في ملف YOUR_THEME_NAME.info من مجموعة أدوات البدء السريع الاستجابة في Apigee إلى مظهرك. NAME
8. إذا أردت إضافة لقطة شاشة جديدة لمظهرك، استبدِل ملف screenshot.png الحالي.
9. إذا أردت إضافة شعار جديد إلى المظهر، استبدِل ملف logo.png الخروج منه.
10. إذا أردت إضافة رمز مفضّل جديد إلى المظهر، استبدِل ملف favicon.ico الحالي.