> For the complete documentation index, see [llms.txt](https://docs.tlic.cmu.ac.th/cmucanvas-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tlic.cmu.ac.th/cmucanvas-manual/course-design/course-homepage/front-page.md).

# Front Page

## การตั้งค่า Front Page

ท่านสามารถสร้างและเขียนรายละเอียดของคอร์ส รวมถึงตกแต่งให้ดูสวยงามและน่าสนใจใน Page ของคอร์สและนำขึ้นเป็น Home Page ของคอร์สได้ โดยมีวิธีการดังนี้

### 1.สร้าง Page 

โดยเข้าที่เมนู Pages ด้านซ้ายมือ จากนั้นกดที่ปุ่ม ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FWmzTtY0Ey34odncIeNKm%2Fimage.png?alt=media\&token=cf94daa2-1021-47d5-b0b2-2d3e8fc00e31) ด้านขวามือเมื่อสร้าง Page ใหม่

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FkxDOxAigZ3qVIkOEjy6j%2Fimage.png?alt=media&amp;token=5d7f9834-8c2b-47a0-956d-e7500b65f84e" alt=""><figcaption></figcaption></figure>

### 2.ตกแต่งเนื้อหาตามต้องการ

แทรกภาพ ใส่ลิ้งค์ รายละเอียดอื่นๆ และตกแต่งภายใน Page ได้ตามต้องการ

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FHXoaeQ9Bre89X4bOBynS%2Fimage.png?alt=media&amp;token=56197b26-56de-43aa-9f30-a07dfd77ac11" alt=""><figcaption></figcaption></figure>

### 3. กด Save

เมื่อใส่รายละเอียดใน Page เรียบร้อยแล้วกด ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FJ9uapoBMPQRMAJ8lv5ga%2Fimage.png?alt=media\&token=55425b09-e15c-4bd5-b31b-40621e825f89)

### 4.กด Publish Page  ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2F2LX5fWJq2HE8hhUNkFQD%2Fimage.png?alt=media\&token=621533f1-b543-4db0-a227-e8bff503e1b1)

### 5.Use as Front Page

เลือกที่ปุ่มจุด 3 จุดด้านหลัง Page ที่ต้องการตั้งให้เป็น Home Page ของคอร์ส จากนั้นเลือกเมนู Use as Front Page

![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSgE1vEnY4YfAcopihK%2F-MaYCxdN-1-7aKaN3JXG%2F-MaYP1ecWlE3LdshdMrF%2Fimage.png?alt=media\&token=a677746b-a5ba-4a37-9a91-087c579a9959)

### 6.Choose Home Page เลือก Pages Front Page

กลับไปที่หน้า Home ของคอร์ส เลือกเมนู Choose Home Page ด้านขวามือ จากนั้นเลือก Pages Front Page แล้วกด ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2F3PDZK8baVVagThhuzmx9%2Fimage.png?alt=media\&token=acd7e4bd-8c9a-45eb-872d-5347112f2ad0)

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FMjCFIpdodfFJeVrDXRbX%2Fimage.png?alt=media&amp;token=d3c26113-8e38-4bf0-858f-60edc52ba2f4" alt=""><figcaption></figcaption></figure>

หน้าแรกของคอร์สจะถูกแสดงเป็น Page ที่ท่านเลือกให้เป็น Front Page ทันที

### **ตัวอย่างการตั้ง Home Page โดยเลือกจาก Page Front**

![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSgE1vEnY4YfAcopihK%2F-MaYCxdN-1-7aKaN3JXG%2F-MaYQ4HGEug1TOGq_a_N%2FHomePage.gif?alt=media\&token=d104e760-6601-45ef-a30a-b41042bee235)