> ## Documentation Index
> Fetch the complete documentation index at: https://guide.smsu.in.th/llms.txt
> Use this file to discover all available pages before exploring further.

# จัดการหน้าเนื้อหา

> การตั้งชื่อเรื่อง คำอธิบาย และชื่อที่แสดงในเมนู

## Title and Description

ชื่อเรื่อง (Title) จะถูกใช้แสดงในเมนูด้วย สามารถตั้งได้จากส่วนหัวของหน้าเนื้อหาใน Web Editor

<Info>คำอธิบาย (Description) ไม่จำเป็นต้องตั้งก็ได้ หากไม่ตั้งก็จะไม่แสดงผลในหน้าเนื้อหาจริง</Info>

<img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/managepages/1-title.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=2ee540ec8a4ca1d7bb07aec1146e62cf" alt="ตั้งชื่อเรื่องและคำอธิบาย" width="1121" height="179" data-path="images/it/guide/managepages/1-title.webp" />

## Sidebar Title

หากชื่อเรื่องยาวเกินไป สามารถตั้งชื่อที่แสดงในเมนู (Sidebar Title) ด้วยชื่อที่สั้นลงได้

<Steps>
  <Step title="กดที่ปุ่มไอคอนตั้งค่า ด้านขวาของชื่อเรื่อง">
    <img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/managepages/2-pagesetting.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=44b1c8de751f5fa3011485f238ace67c" alt="ตั้งชื่อที่แสดงในเมนู" width="945" height="172" data-path="images/it/guide/managepages/2-pagesetting.webp" />
  </Step>

  <Step title="ที่หัวข้อ &#x22;Sidebar Title&#x22; พิมพ์ชื่อสั้นในช่อง &#x22;Short Title&#x22;">
    <img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/managepages/3-addshortname.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=63957a6ce66a2be33409b1ade1947a50" alt="พิมพ์ชื่อสั้น" width="582" height="412" data-path="images/it/guide/managepages/3-addshortname.webp" />
  </Step>
</Steps>

## Sidebar Icon

หากต้องการให้หน้าเนื้อหานั้นมีไอคอนแสดงในแถบเมนู สามารถตั้งค่าได้ที่ปุ่มข้างช่อง "Short Title" ที่ใช้พิมพ์ชื่อสั้นในหัวข้อด้านบน แล้วพิมพ์ค้นหาไอคอนที่ต้องการ

<Tip>
  ไอคอนที่ใช้ในนี้มาจาก Font Awesome สามารถค้นหาไอคอนจาก [เว็บไซต์ Font
  Awesome](https://fontawesome.com/icons) ได้โดยตรง (สามารถค้นหาได้ง่ายกว่า)
  แล้วกดที่ชื่อไอคอนเพื่อคัดลอกมาใส่ในช่องค้นหาของ Web Editor

  <u>หมายเหตุ</u> สามารถเลือกได้ทั้งไอคอนฟรี และไอคอนที่ติดแท็ก "Pro"
</Tip>

<img src="https://mintcdn.com/smsu/crzVKBQ55aap7jAf/images/it/guide/managepages/4-addicon.webp?fit=max&auto=format&n=crzVKBQ55aap7jAf&q=85&s=a7a90eefda0176826830367e52bac9ef" alt="ตั้งค่าไอคอนที่แสดงในแถบเมนู" width="581" height="410" data-path="images/it/guide/managepages/4-addicon.webp" />