פיתוח תוכן פורטל באמצעות עורך הדפים

אתם צופים במסמכי העזרה של Apigee Edge.
כניסה למסמכי העזרה של Apigee X.
info

באמצעות עורך הדפים, מגדירים את תוכן הפורטל באמצעות 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>
סמל הקוד הבא יוצר סמל של סימן וי. לרשימה המלאה של הסמלים הנתמכים, ראו עיצוב חומרים (Material Design) – סמלים.
<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. לוחצים על אישור.

תצוגה מקדימה של תוכן הפורטל

כדי לראות תצוגה מקדימה של תוכן הפורטל, לוחצים על תצוגה מקדימה בסרגל הכלים של עורך הדפים. אפשר לעבור בין דפים אחרים בפורטל כדי לראות תצוגה מקדימה של התוכן, כפי שרוצים.

פרסום תוכן בפורטל

כדי לפרסם תוכן בפורטל, לוחצים על פרסום בחלונית השמאלית. כדי לבטל את הפרסום של התוכן בפורטל, לוחצים על ביטול הפרסום בחלונית השמאלית. אפשר לעיין גם במאמר פרסום התוכן בפורטל.

מחיקת דף

כדי למחוק דף מעורך הפורטל, לוחצים על Delete בחלונית השמאלית של עורך הדף. תתבקשו לאשר את הפעולה.