تطوير محتوى البوابة باستخدام محرِّر الصفحة

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

باستخدام محرر الصفحة، يمكنك تحديد محتوى البوابة باستخدام Markdown أو HTML.

استكشاف أداة تعديل الصفحات

ادخل إلى أداة تعديل الصفحات من خلال النقر على اسم صفحة عند عرض قائمة الصفحات، كما هو موضّح في إدارة الصفحات في البوابة.

محرر الصفحات

كما هو موضح في الشكل السابق، يتيح لك محرر الصفحة ما يلي:

تعديل المحتوى في محرر الصفحة

Markdown هي لغة تنسيق بسيطة تستخدم ترميزًا بنص عادي يسهل قراءته وكتابته. ويتم تحديد تركيبته باستخدام علامات الترقيم. يتم تحويل Markdown إلى تنسيق HTML قبل عرضه في المتصفّح.

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

للتراجع عن التعديل الأخير أو إعادته، انقر على Command-z أو Command-Shift-z، على التوالي.

يوصى باستخدام Markdown إذا كنت تريد إبقاء سير عمل التنسيق بسيطًا. ومع ذلك، ليس الغرض منها استبدال HTML. هناك مجموعة كبيرة من التنسيق الذي يمكنك القيام به في HTML ولا يمكنك فعله في Markdown. على سبيل المثال، يمكنك تحديد فئة CSS لعنصر في HTML؛ ولا يمكنك القيام بذلك في Markdown: 

   <p class="class1">

يمكنك إدراج HTML في أي مكان داخل نص المحتوى عن طريق إدخال علامات HTML.

للحصول على معلومات عن علامات HTML، راجع مواصفات HTML5.

إضافة مكوّنات Angular Material

توفر Angular Material مكتبة حديثة لمكونات واجهة المستخدم. تتيح لك مكونات Angular Material إنشاء واجهات مستخدم متسقة وسريعة الاستجابة ويمكن الوصول إليها بسهولة باستخدام مبادئ التصميم الحديثة.

المكوّنات المتاحة

تم تصميم تجربة البوابة باستخدام Angular Material، ويمكن استخدام مجموعة محدودة من مكوّنات Angular Material في الصفحات، وسيتم تلخيصها في الجدول التالي.

المكوِّن مثال
الأزرار ينشئ الرمز التالي زرًا مستطيلاً بمسقط رأسي.
<a mat-raised-button 
   href="quickstart">
   Quick Start
</a>

ينشئ الرمز التالي زرًا دائريًا بخلفية شفافة تتضمن رمز التحذير. ويتم تحديد لون الزر باستخدام لوحة ألوان التحذير.

<button mat-icon-button
   color="warn">
   <mat-icon aria-label="Example warning">warning</mat-icon>
</button>
البطاقة يُنشئ الرمز التالي بطاقة. تتضمّن البطاقة مكوّنات للأزرار والرموز، بالإضافة إلى العنوان والنص الأساسي. يتم تحديد لون الزر باستخدام لوحة الألوان الأساسية.
<mat-card 
   href="apis">
   <mat-card-header 
      color="primary">
         <mat-icon>
            class
         </mat-icon>
         <h1>
            APIs
         </h1>
   </mat-card-header>
   <mat-card-content>
      <p class="home-page-card-content-text">
         Learn about and try our APIs.
      </p>
   </mat-card-content>
   <mat-card-actions>
      <button mat-button>
          View APIs
      </button>
   </mat-card-actions>
</mat-card>
الرمز ينشئ الرمز التالي رمز علامة اختيار. للحصول على قائمة كاملة بالرموز المتوافقة، يمكنك مراجعة التصميم متعدد الأبعاد - الرموز.
<mat-icon>
   check_circle
</mat-icon>
شريط الأدوات تنشئ التعليمة البرمجية التالية شريط أدوات بسيطًا به نص وأيقونة سلة تسوق. 
<mat-toolbar color="primary">
   <span>My Store</span>
   <span class="space-buffer"></span>
   <mat-icon>add_shopping</mat-icon>
</mat-toolbar>

إدارة إمكانية رؤية صفحة في البوابة

يمكنك إدارة مستوى ظهور صفحة في البوابة من خلال السماح بالوصول إلى ما يلي:

لإدارة إمكانية رؤية صفحة في البوابة:

  1. انقر على إدارة بجانب الجمهور في الجزء الأيسر من محرّر الصفحة.
  2. اختَر إعداد مستوى العرض. إذا كنت قد سجّلت في الإصدار التجريبي من ميزة شرائح الجمهور، حدِّد أحد الخيارَين التاليَين:
    • علنية (مرئية للجميع) للسماح لجميع المستخدمين بعرض الصفحة.
    • المستخدمون الذين تمت المصادقة عليهم للسماح للمستخدمين المسجلين فقط بعرض الصفحة.
    • شرائح الجمهور المحددة لاختيار شرائح الجمهور المعيّنة التي تريد تمكين عرضها على الصفحة. يُرجى الاطّلاع على إدارة شرائح الجمهور لبوابة موقعك الإلكتروني.
      لإدارة شرائح الجمهور، انقر على إنشاء شرائح الجمهور أو تعديلها.

    في حال عدم تنفيذ ذلك، يمكنك تحديد أحد الخيارات التالية:
    • المستخدمون المجهولون للسماح لجميع المستخدمين بعرض الصفحة.
    • المستخدمون المسجّلون للسماح للمستخدمين المسجَّلين فقط بعرض الصفحة.
  3. انقر على تطبيق.

معاينة محتوى بوابة الويب

لمعاينة محتوى البوابة، انقر على معاينة في شريط أدوات محرّر الصفحات. يمكنك التنقّل بين الصفحات الأخرى في البوابة لمعاينة المحتوى على النحو المطلوب.

نشر محتوى البوابة

لنشر محتوى البوابة، انقر على نشر في اللوحة اليسرى. لإلغاء نشر محتوى البوابة، انقر على إلغاء النشر في الجزء الأيسر. راجِع أيضًا نشر محتوى البوابة.

حذف صفحة

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