พัฒนาเนื้อหาพอร์ทัลโดยใช้โปรแกรมแก้ไขหน้าเว็บ

คุณกําลังดูเอกสารประกอบของ Apigee Edge
ไปที่เอกสารประกอบเกี่ยวกับ Apigee Xข้อมูล

เมื่อใช้เครื่องมือแก้ไขหน้าเว็บ คุณจะกำหนดเนื้อหาของพอร์ทัลโดยใช้ Markdown หรือ HTML

สำรวจเครื่องมือแก้ไขหน้าเว็บ

เข้าถึงเครื่องมือแก้ไขหน้าเว็บโดยคลิกชื่อหน้าเว็บเมื่อดูรายการหน้าเว็บ ตามที่อธิบายไว้ในจัดการหน้าในพอร์ทัล

เครื่องมือแก้ไขหน้าเว็บช่วยให้คุณทําสิ่งต่อไปนี้ได้ดังที่ไฮไลต์ไว้ในรูปภาพก่อนหน้า

• แก้ไขเนื้อหาของพอร์ทัลและเพิ่มคอมโพเนนต์ Angular Material ในแผงด้านซ้าย
• ใช้แถบเครื่องมือแก้ไขด่วนเพื่อใช้รูปแบบหรือแทรกแท็ก Markdown อย่างรวดเร็ว
• แก้ไขรายละเอียดหน้าเว็บ เช่น ชื่อ เส้นทาง และคําอธิบาย ในแผงด้านขวา
• จัดการระดับการเข้าถึงสำหรับหน้าในแผงด้านขวา
• ดูตัวอย่างเนื้อหาในพอร์ทัล
• เผยแพร่หรือยกเลิกการเผยแพร่หน้าเว็บ (ดูเผยแพร่เนื้อหาในพอร์ทัล)
• จัดการหน้าเว็บในเมนูการนำทาง (ดูตั้งค่าการนำทาง)
• ดูระยะเวลานับตั้งแต่มีการเผยแพร่หน้าเว็บครั้งล่าสุด
• ลบหน้า

การแก้ไขเนื้อหาในเครื่องมือแก้ไขหน้าเว็บ

มาร์กดาวน์เป็นภาษาการจัดรูปแบบที่เรียบง่ายซึ่งใช้มาร์กอัปข้อความธรรมดาที่อ่านและเขียนได้ง่าย ไวยากรณ์จะระบุโดยใช้อักขระเครื่องหมายวรรคตอน ระบบจะแปลงมาร์กดาวน์เป็น HTML ก่อนแสดงผลในเบราว์เซอร์

แถบเครื่องมือแก้ไขด่วนที่ด้านบนของเครื่องมือแก้ไขหน้ามีทางลัดในการใช้รูปแบบต่างๆ (เช่น ตัวหนา ตัวเอียง เป็นต้น) หรือแทรกแท็กมาร์กดาวน์ (เช่น รายการ รูปภาพ ลิงก์ เป็นต้น) หากต้องการข้อมูลสรุปคร่าวๆ ของไวยากรณ์มาร์กดาวน์ ให้คลิก ในแถบเครื่องมือแก้ไขด่วนเพื่อดูข้อมูลอ้างอิงด่วนเกี่ยวกับไวยากรณ์มาร์กดาวน์

หากต้องการเลิกทำหรือทำซ้ำการแก้ไขล่าสุด ให้คลิก Command-z หรือ Command-Shift-z ตามลำดับ

เราขอแนะนำให้ใช้ Markdown หากต้องการทำให้เวิร์กโฟลว์การจัดรูปแบบเรียบง่าย อย่างไรก็ตาม ไม่ได้ใช้แทน HTML การจัดรูปแบบที่ทำได้หลายอย่างใน HTML นั้นทำไม่ได้ในมาร์กดาวน์ ตัวอย่างเช่น คุณสามารถระบุคลาส CSS สำหรับองค์ประกอบใน HTML แต่ทําไม่ได้ใน Markdown

   <p class="class1">

คุณแทรก HTML ได้ทุกที่ภายในเนื้อหาโดยเพียงป้อนแท็ก HTML

ดูข้อมูลเกี่ยวกับแท็ก HTML ได้ที่ข้อกำหนด HTML5

เพิ่มคอมโพเนนต์ Angular Material

Angular Material มีไลบรารีคอมโพเนนต์ UI ที่ทันสมัย คอมโพเนนต์ 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. คลิกใช้

แสดงตัวอย่างเนื้อหาในพอร์ทัล

หากต้องการดูตัวอย่างเนื้อหาของพอร์ทัล ให้คลิกแสดงตัวอย่างในแถบเครื่องมือเครื่องมือแก้ไขหน้าเว็บ ไปยังหน้าอื่นๆ ในพอร์ทัลเพื่อดูตัวอย่างเนื้อหาตามต้องการ

การเผยแพร่เนื้อหาในพอร์ทัล

หากต้องการเผยแพร่เนื้อหาในพอร์ทัล ให้คลิกเผยแพร่ในแผงด้านขวา หากต้องการเลิกเผยแพร่เนื้อหาในพอร์ทัล ให้คลิกเลิกเผยแพร่ในแผงด้านขวา โปรดดูเพิ่มเติมที่หัวข้อการเผยแพร่เนื้อหาของพอร์ทัล

ลบหน้า

หากต้องการลบหน้าเว็บออกจากเครื่องมือแก้ไขพอร์ทัล ให้คลิกลบในแผงด้านขวาของเครื่องมือแก้ไขหน้าเว็บ ระบบจะแจ้งให้คุณยืนยันการดำเนินการ