1. 1
คูมือสําหรับจัดการเนื้อหาเว็บไซต
สํานักงานความรวมมือระหวางประเทศ (สปท.)
เรื่อง หนา
1. เกี่ยวกับเว็บไซตและแนะนํา (Starting Guide) 2
1.1 หนาแนะนําหนาบาน (Frontend) 2
1.2 หนาเกริ่นนํา (Intro Page) 3
1.3 หลังบาน (Backend Office) 4
2. จัดการเนื้อหาโดยระบบหลังบาน (Manage Content with Backend Office) 5
2.1 บริหารจัดการหนาเกริ่นนํา (Intro Page) 5
2.2 บริหารจัดการหนาทั่วไป (ขาวประชาสัมพันธ) 7
2.3 บริหารจัดการหนาทั่วไป แบบกลุมหัวขอ (ขาวประชาสัมพันธ) 14

2. 2
1. เกี่ยวกับเว็บไซตและแนะนํา (Starting Guide)
1.1 หนาบาน (frontend)
รูปที่ 1.1-1 ภาพหนาบาน

3. 3
1.2 หนาเกริ่นนํา (Intro Page)
รูปที่ 1.2-1 ภาพหนาเกริ่น Intro Page
หนาบานทั้งขอ 1.1 และขอ 1.2 จะถูกบริหารจัดการเนื้อหาทั้งหมดโดยระบบหลังบาน และจะกลาว
รายละเอียดตอไปในขอ 2 ซึ่งเปนการอธิบายการใชงานระบบหลังบานที่มีความสัมพันธกับหนาบาน

4. 4
1.3 หลังบาน (Backend Office)
รูปที่ 1.3-1 แสดงภาพหลังบาน Backed Office
ระบบหลังบานเปนระบบบริหารจัดการเนื้อหาของเว็บไซต เราจะสามารถเขาใชงานไดโดย
เมื่อพิมพ “/admin” ตอทายโดเมนเนม
เชน http://โดเมนเนมของเรา/admin ก็จะเขาสูระบบหลังบาน (Backend Office)
http://newsser.fda.moph.go.th/IAHCP/admin

5. 5
2. จัดการเนื้อหาโดยระบบหลังบาน (Manage Content with Backend Office)
2.1 บริหารจัดการหนา Intro Page
1) ใหทาน พิมพ “/admin” ตอทายโดเมนเนมของทานเพื่อไปที่เมนูหลัก (หลังบาน) จากนั้น
ใหเลือก Intro Page เพื่อเขาไปแกไขรูปภาพหรือขอความที่หนา Intro Page
http://newsser.fda.moph.go.th/IAHCP/admin
รูปที่ 2.1-1 แสดงภาพเมนูเกริ่นนํา

6. 6
2) เมื่อเขาสู Intro Page ใหทานคลิกที่ Edit เพื่อแกไข
3) ทานจะสามารถแกไขรูปภาพและขอความ และบันทึกการเปลี่ยนแปลง (Published เพื่อแสดงหนา)

7. 7
2.2 บริหารจัดการหนาทั่วไป (ขาวประชาสัมพันธ)
การจัดการเนื้อหาสวนใหญของเว็บไซตทั้งหมดจะมีรูปแบบคลายกับ ขอ (2.2)
รูปที่ 2.2-1 แสดงเมนูขาวประชาสัมพันธ
1) ใหทานพิมพ “/admin” ตอทายโดเมนเนมของทานเพื่อไปที่เมนูหลัก (หลังบาน) จากนั้น
ใหเลือก “ขาวประชาสัมพันธ (หนาหลัก)”

8. 8
2) ขาวประชาสัมพันธที่มีอยูจะแสดงรายการในเมนูนี้
ทานสามารถแกไข ลบ และไมเผยแพร (Draft) หรือสามารถเพิ่มเอกสารการดาวนโหลดในแตละหัวขอได
โดยคลิกรายละเอียดที่จะดําเนินการในหัวขอนั้นๆ
รูปที่ 2.2-2 แสดงรายการในเมนูยอยของประชาสัมพันธ
3) สรางเนื้อหาใหม คลิกที่ New Content
รูปที่ 2.2-3 แสดงเมนูสรางเนื้อหาใหม

9. 9
4) ใสรายละเอียดขอมูลตามหัวขอ
Title คือ ชื่อหัวขอ
Intro Text คือ เนื้อหาที่เกริ่นนําหรือกลาวโดยยอ
Full Text คือ เนื้อหาทั้งหมด
Image คือ ภาพประกอบเรื่อง
รูปที่ 2.2-4 เพิ่มรายละเอียดของเนื้อหา

10. 10
5) แทรกภาพประกอบเนื้อหา ใหดําเนินการตามลําดับ
- คลิกที่ Browse Server จะปรากฏ Popup แลวคลิกเลือกภาพที่ตองการ ดังภาพที่ 2.2-5-1
รูปที่ 2.2-5-1 แสดงตัวอยางการแนบรูปประกอบเนื้อหา

11. 11
6) จากขอ (5) อัพโหลดภาพหรือไฟลที่ตองการ ใหคลิกที่
จากนั้นคลิกที่ (1) เลือกไฟล และเลือกรูป (2) ที่ตองการ (3) open
รูปที่ 2.2-6-1
ชื่อไฟลจะปรากฏ จากนั้นใหคลิกที่ Upload Selected File เพื่ออัพโหลดภาพหรือไฟลที่เราเลือก
รูปที่ 2.2-6-2

12. 12
รูปที่ 2.2-6-3 เลือกภาพที่จะแนบ
เลือกภาพที่ตองการเปนภาพประกอบเนื้อหา จากนั้นใส Order เลือก Published เลือก Create เพื่อสราง
รูปที่ 2.2-6-1 แสดงตัวอยางขอมูลที่กรอก

13. 13
7. ผลของแสดงที่หนาแรก
รูปที่ 2.2-7-1 ผลของการเพิ่มขาวประชาสัมพันธ
8. ทดลองคลิก “+อานตอ” เพื่อดูเนื้อหาทั้งหมด
รูปที่ 2.2-8-1 แสดงผลเมื่อคลิกที่อานทั้งหมด

14. 14
2.3 บริหารจัดการหนาทั่วไป แบบมีหัวขอยอย (ขอมูลตางประเทศ)
ใหทานพิมพ “/admin” ตอทายโดเมนเนม เพื่อไปที่เมนูหลัก (หลังบาน) ใหเลือก “ขอมูลตางประเทศ”
รูปที่ 2.3-1 แสดงเมนูหลักเลือกขอมูลตางประเทศ
1) เมื่อเขาในเมนูแลว จะแสดงรายการเมนู หัวขอยอยและกลุมของหัวขอยอย ดังรูปที่ ที่ 2.3-2
รูปที่ 2.3-2 แสดงเมนูยอย

15. 15
2) สรางกลุมของหัวขอเนื้อหา โดยคลิกที่
รูปที่ 2.3-3 แสดงการสรางกลุมหัวขอของเนื้อหา
จากนั้นใสชื่อของกลุมหัวขอ ของเนื้อหา ใส Order เลือก Published แลว Create เพื่อสรางใหม
3) ผลคือ เราก็จะไดกลุมหัวขอขึ้นมาใหมอีก 1 หัวขอ ดังภาพ
รูปที่ 2.3-4 แสดงกลุมหัวขอของเนื้อหาใหม

16. 16
4) ผลที่เกิดขึ้นของสวนที่เปนหนาบาน ดังภาพที่
รูปที่ 2.3-5 แสดงผลที่เกิดขึ้นสวนของหนาบาน
5) เราสามารถเขาไปเพิ่มหัวขอยอยภายในกลุมที่สรางใหมได โดยคลิกที่หัวขอนั้น (ตอจากขอ 3)
รูปที่ 2.3-6 แสดงรายการที่วางเปลา

17. 17
จากรูปที่ 2.3-6 จะเห็นวาไมมีหัวขอยอยใดๆ สามารถคลิกเพิ่มใหมไดที่
รูปที่ 2.3-7 สรางกลุมของหัวขอ
ใสขอมูลใหครบแลว คลิกที่ Create จากนั้นจะปรากฏผลดังภาพที่ 2.3-8
รูปที่ 2.3-8 แสดงกลุมของหัวขอที่สรางแลว

18. 18
6) ผลจากขอ5 ที่เปนสวนของหนาบาน
รูปที่ 2.3-9 แสดงผลที่เกิดขึ้น ในสวนของหนา
7) จะเห็นวายังไมมีเนื้อหาในหัวขอที่เราสรางใหม เราสามารถเพิ่มไดดังนี้
คลิกเลือกกลุมของหัวขอที่เราตองการ ที่จะเพิ่มหัวขอ ดังรูปภาพที่ 2.3-10
รูปภาพที่ 2.3-10 เลือกเมนูที่ตองการจะเพิ่มเนื้อหา
จากนั้นเขาไปเพิ่มเนื้อหาภายในกลุมของหัวขอ โดยคลิกที่ ดังรูปภาพที่ 2.3-11

19. 19
รูปภาพที่ 2.3-11 แสดงหัวขอยอยภายในกลุมของหัวขอ
ทําการทดลองเพิ่มเนื้อหา จากนั้นคลิกที่ Create เพื่อสรางใหม

20. 20
แสดงหัวขอที่ไดทําการเพิ่มที่ในขั้นตอนกอนหนา
ผลที่เกิดขึ้นในสวนของหนาบาน
จากตัวอยาที่ผานมาไดทําการเพิ่มเนื้อหาของเว็บไซตใน 2 รูปแบบ ซึ่งเนื้อหาทั้งหมดในเว็บไซตก็
ดําเนินการเพิ่ม แกไข ลบเนื้อหา ก็สามารถดําเนินการคลายๆ กัน ในหัวขออื่นๆ ดวย