คู่มือติดตั้งและใช้งาน Joomla-2.5 เบื้องต้น

1. คูมือการติดตั้งและใชงาน Joomla 2.5 เบื้องตน
ผูจัดทํา
นางสาวพัทนีย อาบุญงาม รหส 523080870-7
ั
นักศึกษาชั้นปที่ 4 สาขาสารสนเทศศาสตร
คณะมนุษยศาสตรและสังคมศาสตร มหาวิทยาลัยขอนแกน
เสนอ
นายบุญเกียรติ เจตจํานงนุช
รายงานเลมนี้เปนสวนหนึ่งของการฝกงาน

ฝายบรการความรทางวทยาศาสตรและเทคโนโลยี
 ิ ู ิ 
สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาติ
ํ ั ั ิ  ี 

2. สารบญ
ั
บทที่ 1 การตดตง Joomla บนพีซีจําลอง..................................................................................................................... 1
ิ ้ั
1. การตดตง Appserv............................................................................................................................................ 1
ิ ้ั
2. การตดตง Joomla ............................................................................................................................................. 5
ิ ้ั
บทที่ 2 เมนูและเครื่องมือเบื้องตนของ Joomla ........................................................................................................... 9
1.เมนูการใชงานหนาจอหลักผูดูแลระบบ Administrator ...................................................................................... 9
2.ปุมเครื่องมือหลัก ............................................................................................................................................... 10
2.1 เครื่องมือทั่วไป ......................................................................................................................................... 10
บทที่ 3 การตั้งคาเว็บและการกําหนดสิทธิ์ .................................................................................................................. 11
1.การตั้งคาเว็บและใสขอมูลเว็บเบื้องตน............................................................................................................... 11
2.การตั้งคาผูใชงานและกําหนดสิทธิ์การใชงาน ..................................................................................................... 12
บทที่ 4 การสรางเวบดวย Joomla เบื้องตน ............................................................................................................... 14
 ็ 
1.กาสรางหมวดหมู (Category)............................................................................................................................ 14

2.การสรางบทความ (Article)............................................................................................................................... 15

3.การตงคาและตดตง Template......................................................................................................................... 19
้ั  ิ ้ั
4.การสรางเมนูใหมใหหนาเว็บ.............................................................................................................................. 21

3. ~1~
บทท่ี 1 การติดตั้ง Joomla บนพีซีจําลอง
1. การตดตง Appserv
ิ ้ั
Appserv เปนแมขายเว็บแบบจําลอง หรือ Web Server, Database Sever จําลอง โดยรวบรวม Open
source Software หลายๆอยางมารวมไว ไมวาจะเปน Apache โปรแกรมจําลองแมขายเวบ, PHP โปรแกรม
็
แปลภาษา, MySQL โปรแกรมจัดการฐานขอมูล, phpMyAdmin เมื่อติดตงแลวเครืองพซีธรรมดากลายเปนเครื่องแม
 ้ั ่ ี
ขายเวบจําลองได
็
1.1 ดาวนโหลด Appserv ไดที่ http://apservnetwork.com โดยเลอกดาวนโหลด Version 2.5.10
 ื 
1.2 เมื่อดาวนโหลดมาแลวเปดโฟลเดอรที่บันทึกไวจะไดไฟล appserv-win32-2.5.10 ดับเบิ้ลคลิกไฟล
1.3 เมื่อคลิกแลวจะเห็นหนาจอเริ่มการติดตั้ง ดังรูป คลิก Next

4. ~2~
1.4 ยอมรับขอตกลง คลิก I Agree
1.5 Browse เลือกโฟลเดอรที่ตองการจะเก็บ Appserv เมื่อเสร็จคลิก Next
1.6 เลือกโปรแกรมยอยทตองการใช
่ี 

5. ~3~
1.7 ใสขอมูลเกี่ยวกับ Sever
1) Sever Name (ชื่อเซิฟเวอร): localhost
2) Administrator’s Email Address (อีเมลผูดูแลระบบ): ใสอีเมลของเรา
3) Apache HTTP Port (การระบหมายเลขชองทางตดตอ): มักจะระบุเปนเลข 80
ุ  ิ 
เมื่อเสร็จสิ้น คลิก Next
1.8 ตั้งคารหัสผานในการเขาถึงฐานขอมูล MySQL โดย Username ของฐานขอมูล คอ Root
ื
1) ใส Password ใน Enter root password และใสซาใน Re-enter root password
 ํ้
2) เลือกรหัสภาษา (character Sets and Collations) ถาใชภาษาไทยใหถกตองตามคากาหนดของ
 ู   ํ
เครื่องแมขาย กรณีนี้ควรระบุเปน UTF-8 Unicode หรือ TIS-620
เมื่อเสร็จสิ้น คลิก Install เพื่อเริ่มการติดตั้งโปรแกรม

6. ~4~
1.9 รอการติดตั้ง เมื่อติดตั้งเสร็จจะปรากฏหนาจอ ดังรูป
1.10 คลก Start Apache และ Start MySQL เพื่อใหโปรแกรมทั้งสองทํางาน คลก Finish การตดตงก็จะ
ิ ิ ิ ้ั
เสร็จสิ้น ทดสอบการตดตงโดยเขาไปท่ี http://localhost หรือ http://127.0.0.1 ปรากฏหนาจอ ดังรูป
ิ ้ั 
11.1การใชงาน Appserv ใหมีประสิทธิภาพ ควรปรับแตงคา Config ของ AppServ ใหเหมาะสม โดยเลือก
 
คําสั่ง Start > Program > AppServ > Configuration Server > PHP Edit the php.ini Configuration File เพื่อ
เปดไฟล php.ini ดวยโปรแกรม NotePad จากนนคนหารายการเพื่อปรับแกไข ดังนี้
้ั 
• max_execution_time ควรมากกวา 120

• max_input_time ควรมากกวา 120

• memory_limit ควรมากกวา 64M

• post_max_size ควรมากกวา 20M

• upload_max_filesize ควรมากกวา 20M

ทั้งนี้การปรับแกไขจะตองระมัดระวังเปนพิเศษ จากนั้นบันทึกไฟล ปดไฟลแลวสั่ง Restart Server
ดวยคําสั่ง Start, Program, AppServ, Control Server by Service, Apache Restart

7. ~5~
2. การตดตง Joomla
ิ ้ั
Joomla คือระบบที่ชวยในการจัดการเนื้อหา (Content Management System: CMS) บนเว็บไซตเพื่อชวย
ในการอานวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยท่ีผูใชไมจําเปนตองมีความรู
ํ ้ั ุ ิ ั ็
ในดานการเขยนโปรแกรม หรือออกแบบเว็บไซต กสามารถจดทาเวบไซตดวยตวเองได
 ี ็ ั ํ ็  ั
2.1 ดาวนโหลด Joomla ไดที่ http://www.joomla.org/download.html เลอกดาวนโหลด Joomla 2.5
 ื 
2.2 เมอดาวนโหลดมาแลวเปดโฟลเดอรที่บันทึกไวจะไดไฟล Joomla_2.5.7-Stable-Full_Package.zip
่ื   
หลังจากนั้นคลิกขวา เลือก Extract file… เลือกโฟลเดอร C:Appservwww หรือไดรฟที่ติดตั้ง Appserv ไว
ถาตองการสรางเว็บไซตของตนเอง สามารถเปลี่ยนชื่อโฟลเดอร เปนชื่อเว็บ หนวยงาน หรือชือทตองการได
่ ่ี 

8. ~6~
2.3 ตดตง Joomla โดยเขาไปที่ http://localhost/ชื่อโฟลเดอร หรือ http://127.0.0.1/ชื่อโฟลเดอร
ิ ้ั
ตวอยาง http://localhost/sleep
ั 
ขั้นตอนที่ 1 เลอกภาษาในขณะตดตง เลอกภาษาไทย คลก ตอไป
ื ิ ้ั ื ิ 
ขั้นตอนที่ 2 ตรวจสอบสิทธิ์การติดตั้ง คลิก ตอไป
ขั้นตอนที่ 3 หนาลิขสิทธิ์ คลิก ตอไป

9. ~7~
ขั้นตอนที่ 4 ตั้งคาฐานขอมูล โดยระบสวนตางๆ ตั้งรหัสผานและชื่อฐานขอมูลดวยตัวเอง ดังรูป
ุ 
เมื่อเสร็จสิ้น คลิก ตอไป
ขั้นตอนที่ 5 การตงคา FTP ไมตองระบุคา คลก ตอไป
้ั  ิ 
ขั้นตอนที่ 6 ตั้งคาหลักของเว็บ โดยระบุสวนตางๆ ดังนี้
1) ชื่อเว็บ: เชน Sleeping Club: คลบของคนรกการนอน
 ั ั
2) อีเมล: ระบอีเมลของผูดูแลระบบ
ุ
3) ชื่อเขาระบบของผูดูแล: เชน Kifkif00

4) รหัสผานและยืนยันรหัสผานผูดูแลระบบ: เปนรหัสที่ตั้งขึ้นเอง
5) ขอมูลตัวอยาง: สามารถเลือกขอมูลตัวอยางหรือไมเอาขอมูลตัวอยางก็ได
เมื่อเสร็จสิ้นทั้งหมดแลวคลก ตอไป
ิ 

10. ~8~
ขั้นตอนที่ 7 เสร็จสิ้นการติดตั้ง เพื่อใหกระบวนการเสร็จสิ้นอยางสมบูรณ ตองลบโฟลเดอร
Installation ออกดวย เปนอันเสร็จสิ้นการติดตั้ง สามารถ

คลิก ดูหนาเว็บ เพื่อดูหนาแรกของเว็บ หรือ
คลิก ผูดูแลระบบ เพื่อสรางเว็บไซต ตอไป

11. ~9~
บทท่ี 2 เมนและเครื่องมือเบื้องตนของ Joomla
ู
1.เมนการใชงานหนาจอหลกผูดูแลระบบ Administrator
ู   ั
1 3
1 2 3 4 5
6 7 8 9 10
4
11 12
2
1. เปนเมนูในการควบคุมและปรับแต Joomla ไมวาจะเปนการตั้งคาระบบ การจดการผใชงานระบบ การ
ั ู 
สรางเมนู การเขยนบทความ รวมไปถึงการติดตั้งสวนเสริมตางๆ
ี
2. แผงควบคุมหลักผูดูแลระบบ (Administrator Control Panel) หรือ เมนูที่ใชกันบอยๆ มีดังนี้
1.Add New Article 2.Article Manager
เมนูการสรางบทความใหม การบริหารบทความ
3.Category 4.Media Manager
เมนูการบริหารหมวดหมูบทความ เมนูการบริหารรูปภาพ สื่อตางๆ
5.Menu Manager 6.User Manager
การบริหารเมนูระบบ การบริหารงานผูใชงานระบบ

7.Module Manager 8.Extension Manager
การบริหารโมดูลกรอบเนื้อหาเล็กๆ ทวางกระจาย
่ี การบริหารสวนเสริมของระบบ
ในหนาเว็บ แสดงเนือหาทีหลากหลาย
้ ่
9.Language Manager 10.Gobal Configuration
เมนูการจัดการภาษา การบริหารระบบหลักเซิฟเวอร
11.Template Manager 1.2 Edit Profile
การจัดการรูปแบบของเว็บ การปรับแตงโปรไฟล
3.เปนการแสดงจํานวน admin, visitors, ผูเขาชมเว็บ และจานวนจดหมายที่สงถึงเรา
ํ
4. การ log in ของ User 5 ครั้งสุดทาย บทความที่ไดรับความนิยม การเพิ่มบทความใหม

12. ~ 10 ~
2.ปุมเครื่องมือหลัก
เปนปุมเครื่องมือที่ใชในการจัดการเว็บที่ใชบอยๆ หรือเปนเครื่องมือหลักในหารจัดการงานตางๆ ดังนี้
2.1 เครื่องมือทั่วไป
1. New สรางใหม หรือการเพิ่มสวนตางๆใหม

2. Edit แกไข 
3. Publish เผยแพร
4. Unpublished ไมเผยแพร
5. Featured ตงเปนบทความใหม
้ั 
6. Archive ตั้งเปนบทความเกา
7. Trash or Delete ลบสวนตางๆ
 
8. Option การปรบแตง ตงคาการใชงานตางๆ
ั  ้ั   
9. Help การชวยเหลือ
2.2 เครื่องมือการจัดการผูใช
1. Activate การนาไปใชงาน
ํ 
2. Block ยกเลิกหรือกีดกัน
3. Unblock เลิกการบล็อก

13. ~ 11 ~
บทท่ี 3 การตั้งคาเว็บและการกําหนดสิทธิ์
1.การตั้งคาเว็บและใสขอมูลเว็บเบื้องตน
1) เขาไปที่ Global Configuration จะปรากฏหนาจอดังรูป
สวนที่ 1 ตั้งคาเว็บไซต
สวนที่ 2 กําหนด Metadata
2) การตงคาเวบไซต (Site Setting)
้ั  ็
1.ใสชื่อเว็บ
2.การปดเว็บเพือใหหยุดแสดงผลหรือออฟไลน
่
3.ใสขอความเพื่อให
แสดงผลตอนออฟไลน
4.เลือกรูปออฟไลน
สวนอื่นๆที่อาจตองการแกไข
1. Default Editor: เปนการเลือกตัวสรางบทความของเราเพื่อใหบทความของเรามีความสวยงามและตกแตงไดอยางมีระเบียบ
2. Default Captcha: เปนตัวเลือกการของการปองกันแสปม
3. Default Access Level: เปนการปรับระดับของการการเขียนขอความ เมนู ในการแสดงหลงจากสราง
ั 
4. Default List Limit: กําหนดรายการของการแสดงผล
5. Default Feed Limit: กําหนดรายการของ Feed
6. Feed Mail: เปนการกําหนด Feed ของ Mail

14. ~ 12 ~
3) การกาหนด Metadata Setting
ํ
1.ใสขอความแนะนําเว็บไซต
เพื่อใหปรากฎเมื่อมีการคนหาเว็บ
2. ใส Keyword ของเว็บเพือให
่
Search Engine คนหาเว็บพบ
3.ขอความลิขสิทธิ์ เชน c2012 by
Pattanee เปนตน
4) เมื่อเสร็จแลว กด Save เพื่อบันทึก Save and Close เพื่อบันทึกและปดหนาจอเพื่อทํางานในสวนอื่นๆ
Cancel ตองทําทุกครั้งหลังจากทากระบวนการตางๆเสร็จสิ้น
ํ
2.การตั้งคาผูใชงานและกําหนดสิทธิ์การใชงาน
1) เขาไปที่ User Manager เสร็จแลวกดเครื่องมือ จะปรากฏหนาจอดังรูป
สวนที่ 3 การกํา หนดการใช
สวนที่ 1 รายละเอียดผูใชงาน
สวนที่ 2 การกําหนดสิทธิ์ผูใชงาน
2) การกาหนดรายละเอยดผใชงาน (Account Details)
ํ ี ู 
1. Name: ชื่อ
2. Login Name: ชื่อที่ใชในการเขาสูระบบ
3. Password: รหสผาน
ั 
4. Confirm Password: ยืนยันรหัสผา น
5. E-Mail: อีเมลของผูใชงา น

15. ~ 13 ~
3) การกําหนดสิทธิ์กลุมการใชงาน (Assigned User Group)
1. กลุมผูใชงานทั่ วไป : เขาชมและอานเนื้อหาบนเว็บ
2. ผูดูแลระดับแรก : จัดการบทความ เมนู สื่อมีเดีย ที่ไดสรางไวแลว
3. ผูดูแลระดับสูงขึ้นมา : จัดการเมนูไดทั้งหมด ติดตั้งสวนขยาย ปลั๊กอิน เปนตน
4. ผู ลงทะเบียนกับเว็บ : สามารถจัดการขอมูลสวนตัว อานบทความเฉพาะสมาชิก
5. นักเขียนบทความ : เปนสมาชกามารถแตง แกไข บทความได
 ิ  
6. บรรณาธการ : ผูตรวจสอบบทความและเขียน แกไขบทความไดดวย
ิ
7. ผูอนุญาตเผยแพร : อนญาตเผย แพร บทความ หรอบลอกบทความ
ุ ื ็
8. ผูดูแลระบบระดับสูงสุด : สามารถเขาจัดการเว็บไดทุกสวน

16. ~ 14 ~
บทท่ี 4 การสรางเว็บดวย Joomla เบื้องตน
1.กาสรางหมวดหมู (Category)

เปนการสรางหมวดหมูใหกับบทความ เพื่อใหเกิดความเปนระบบและสามารถสืบคนบทความตามหมวดหมูที่
ตองการได รวมถึงถาเว็บเปนแบบ Dynamic Website ซึ่งขอมูลอาจมีการเปลี่ยนแปลงตลอดเวลา หมวดหมูจะชวย
 
จัดเก็บขอมูลใหมที่เพิ่มขึ้นเรื่อยๆที่เหมือนกันไวดวยกันได
1) เขาไปที่ Category สรางหมวดหมใหม กด
 ู จะปรากฏหนาจอดงกลาว
 ั 
สวนที่ 1 รายละเอียด
สวนที่ 2 การตั้งคาหมวดหมู
2) การระบุรายละเอียดของหมวดหมู (Details)
สวนหลักที่ตองระบุรายละเอียด
1. Title: ชื่อ หมวดหมู
2. Alias: จะตองเปนภาษาอังกฤษตัวพิมพเล็กหาม
เวนวรรค ใชไดเฉพาะ - และสื่อความหมายของ
บทความไดชดเจชัดเจน
ั
3. Parent: หมวดหมูหลักของหมวดหมูนี้
4. Status: สถานะ Published เผยแพร
สามารถใสคําอธิบายหมวดหมูได

17. ~ 15 ~
3) การตงคาตางๆของหมวดหมู
้ั  
สามารถเลือกผูสรางหมวดหมูนี้
ไดคลิก Select User และเลอก
ื
สามารถเลอกรปภาพแสดงแทน
ื ู
หมวดหมู และคําอธิบายได
สามารถใส Keyword และ
Description เกี่ยวกับหมวดหมูได
2.การสรางบทความ (Article)

1) เขาไปที่ Article Manager สรางหมวดหมใหม กด
 ู จะปรากฏหนาจอดงกลาว
 ั 
สวนที่ 1 รายละเอียด
สวนที่ 2 เนื้อหาบทควา ม
สวนที่ 3 ตั้งคาสวนอื่นๆของ บทความ
2) การใสรายละเอยดของบทความ
 ี
1.ใสชื่อบทความ
2. ใสหมวดหมู Categoryบทความที่สรางไว

18. ~ 16 ~
3) การใสเนอหาของบทความ
 ้ื
สามารถใสเ นอหาของบทความ
้ื
ไดใน ชองนี้ โดยสามารถพิมพ
หรอ Copy แลววางได
ื 
การลิงคไป การใส การสราสารบัญ กรณทเ่ี นอหาในบทความมความยาวมากๆ
ี ้ื ี การนําเสนอทั้งหมดผาน
บทความ รปภาพใน
ู เนื้อหาบทความ เว็บไซตอาจจะไมนาสนใจเทาที่ควร Joomla มีคําสั่งแบงตอนและแสดง
อื่นที่มีใน บทความ ลิง ค Read more…
4) การใสรปภาพในบทความ
ู
4.1) เขาไปทแถบ Image ดังรูป
 ่ี
4.2) เมื่อคลิกเลือกเสร็จแลวจะปรากฏหนาจอ Upload รปภาพเขาไวใน Joomla ดังรูป
ู  
1
คลิกปุม เลือก
เลือกไฟลรูปที่
ตองการนํามาใส
3 บทความ
คลิก Start Upload
2

19. ~ 17 ~
4.3) นํารูปไปใสในบทความ คลิกเลือกรูปภาพที่ Upload ขึ้น แลวกดคําวา Insert
คลิกนํารูปใสในบทความ
เลือกไฟลรูปที่
ตองการนามาใส
 ํ
บทความ
4.4) ก็จะปรากฏเห็นรูปภาพเขาไปอยูในบทความที่เราเขียน
5) การเชื่อมโยงบทความที่เขียนไปยังบทความอื่น
5.1) เขาไปที่ Article ตัวอยาง บทความที่เราเขียนเปนบทความเกี่ยวกับ การนอนไมหลับ แลว
ตองการเชื่อมไปยัง สุขอนามัยการนอนที่ดี
5.2) เมื่อคลิกแลวจะปรากฏหนาจอดังรูป เลือกบทความที่ตองการเชื่อมไปหา

20. ~ 18 ~
5.3) ลิงคการเชื่อมโยงไปยังบทความอื่น จะปรากฏ ดังรูป
6) การตั้งคาสวนอื่นๆของบทความ สวนที่จําเปนตองระบุ มี 2 สวนคือ
6.1) การตงคาการเผยแพร (Publishing option)
้ั 
1.ใสชื่อ ผูสรางบทความ นี้
2.ใสวันที่สรางบทความ
3.สามารถระบุวันที่
ตองการเผยแพร และ
วันสิ้นสุดของการ
6.2) การใส Metadata บทความ
เปนการใส Keyword, Description และ Author เพื่อใหสามารถทาใหเ วบไซตสามารถคนหา
  ํ ็  
บทความนเ้ี จอได
1.คําอธิบาย Metadata บทความ
2. ใส Keyword ของบทความ
3.ใสชื่อผูแตงบทความ
เจาของลิขสิทธิ์
4.ใสลิขสิทธิ์ของบทความ

21. ~ 19 ~
3.การตั้งคาและติดตั้ง Template
1) เพิ่ม หรือ Upload Template เขาไปที่ เมนู Extension Manager จะปรากฏหนาจอดังรูป
สวนของการ Upload หรือ
เพิ่ม Plug-in หรือ Template
2) อัพโหลด Template ที่ดาวนโหลดมาเปนไฟล .Zip เขาไปที่ เลือกไฟล แลวเลือกไฟลที่ตองการ และคลิก
Upload&Install
1 2
และเมื่อ Upload เสร็จจะปรากฏหนาจอดังรูป
3) ตอมาเขาไปที่เมนู Template Manager เพื่อจัดการและใชงานกับ Template ที่อัพโหลเขามา
เมื่อเขาไปจะเห็น Template ที่เรานําเขามา คลิกเลือก

22. ~ 20 ~
4) เมื่อเขาไปจะปรากฏหนาจอ การตั้งคาเกี่ยวกับ Template น้ี สามารถใส Logo และแกไขรูปแบบตางๆได
สวนบอกรายละเอียด
Template
สวนการจัดการรูปแบบของ
Template
สวนการตั้งคา Menu ที่จะปรากฏใน Template นี้
5) ตงคาเมนใหปรากฏใน Template นี้ คลิกเลือกเมนูที่ตองการ ดังรูป คือใหหนาเว็บแรกปรากฏเปน
้ั  ู 
Template นี้
6) การใส Logo เขาไปใน Template

สามารถอัพโหลดรูป Logo หรือรูปสวนหัวใสได
สามารถใส Slogan ได
สามารถใสรายละเอียดลิขสิทธิ์ลงในทายเว็บได

23. ~ 21 ~
5) ตัวอยางหนาเว็บเมื่อติดตั้งเสร็จสิ้น
Logo ที่ใสเขาไป
หนาที่ใช Template นี้
ลิขสิทธิ์เว็บที่ใสเขา ไป
4.การสรางเมนูใหมใหหนาเว็บ
1) เขาไปที่ Menu Manager คลก
ิ เพอสรางสวนของแถบเมนู คลก
่ื   ิ ปรากฏดงรป
ั ู
ในที่นี้เราจะสรางแถบเมนูสวนหัว ใชชื่อวา Top Menu
Title: ชื่อแถบเมนู
Menu type: ประเภทแถบเมนู
Description: คําอธิบายแถบเมนูนี้
เมื่อสรางเสร็จแลวคลิก Save & close
เมื่อสรางเสร็จแลวก็จะปรากฏแถบเมนูที่สรางขึ้น ดังรูป
2) จากนนคลกเขาไปแถบเมนทสรางขน คลก
้ั ิ  ู ่ี  ้ึ ิ เพื่อสรางเมนูที่จะอยูในแถบเมนูนั้น ปรากฏดังรูป
ตัวอยางการสราง คือ จะสรางเมนู หนาแรก
จะบอกรายละเอียดในหัวขอตอไป
สวนที่จําเปนตองระบุ
1. Menu Item Type: เมนูที่สรางขึ้น
ตองการใหออกมาในรปแบบใด
  ู
2. Menu title: ชื่อของเมนู
3. Menu Location: แถบเมนูที่ตองการนํา
เมนูไปใสไว

24. ~ 22 ~
3) การเลือก Menu Item type กับหนาเว็บแบบตางๆ
เลือก Menu Item Type คลก Select แลวจะปรากฏหนาจอ ที่ใชบอยๆ มี 3 สวน ดังรูป
ิ
การสราง หนาบทความ

1. Archive Article: หนาบทความเกา
2. Single Article: หนาบทความๆเดียว
3. List All Category: รายชื่อหมวดหมู
การสรางการตดตอ
 ิ  4. Category blog: หนาบทความใน
หมวดหมูนั้น
5. Feature Article: หนาที่ตั้งเปน
บทความใหม
การสรางการ Search

3.1 ) การสรางหนาแนะนาเวบไซต ดวย Single Article กอนอื่นเราตองสรางบทความแนะนําเว็บไซต
  ํ ็ 
กอนที่ Article New (สรางบทความใหม ไปที่ หัวขอ การสรางบทความใหม Article Manager) เมื่อคลิก
เลือก Single Article จะปรากฏแถบการตงคาดานขาง คลก Select / Change จะพบหนาจอ ดังรูป
้ั    ิ
คลิ ก เพือเลือก
่
1
2
เลือกบทความ แนะนําเว็บไซต ที่เราสรางขึ้น

25. ~ 23 ~
หนาแรกของเราที่ตองการ แนะนําเว็บไซต จะแสดงผล ดังนี้
(ตองทําใหเสร็จสิ้นกระบวนการการสรางแถบเมนูทั้งหมดกอนจึงจะปรากฏ)
3.2) การสรางคลงบทความ ดวย List All Categories ที่จะแบงบทความเปนหมวดหมูตางๆ จะ
 ั 
ปรากฏแถบตงคาดานขางเลอก Root เพื่อใหแสดงหมวดหมูทั้งหมดที่เราสรางขึ้น หรือ เลือกแสดงบาง
่ั    ื
หมวดหมูก็ได
หนาคลงบทความของเราทตองการ แสดงหมวดหมบทความ จะแสดงผล ดงน้ี
 ั ่ี  ู ั
(ตองทําใหเสร็จสิ้นกระบวนการการสรางแถบเมนูทั้งหมดกอนจึงจะปรากฏ)
3.3) การสรางหนา Search งายๆ ดวย Search From or Search Results เพียงคลิกเลือกเทานั้น
   

26. ~ 24 ~
หนาคนหาของเราทตองการ แสดงชอง Search จะแสดงผล ดังนี้
  ่ี  
(ตองทําใหเสร็จสิ้นกระบวนการการสรางแถบเมนูทั้งหมดกอนจึงจะปรากฏ)
4) เมื่อเราสราง แถบเมนู และ เมนูที่จะอยูในแถบเมนูเสร็จแลว เราตองสรางสวนที่จะนําแถบเมนูไปใส เขาไป

ที่ Module Manager ซึ่งเปนเครื่องมือที่ชวยจัดการวางเมนู หรือ Plug-in ที่ตองการ ไวในสวน
ตางๆของ Template เมื่อเขาไปเสร็จ คลกเพื่อสวนสรางแถบเมนูใหม ปรากฏหนาจอ ดังนี้
 ิ
เลือก Module Type เปน Menu
เพราะเราตองการสรางแถบเมนู
5) เมื่อเลือก Module Type เสร็จแลวจะปรากฏหนาจอสําคัญที่ตองใสรายละเอียด ดังรูป
1.ใสชื่อ Module 2.เลือกแถบเมนูที่
หรือสวนที่ตองการ สรางขึ้นที่ตองการ
วางไวในสวนนี้
จะอธิบายในหัวขอ

27. ~ 25 ~
6) การเลือกสวนหรือตําแหนงที่ตองการวางแถบเมนู Position กอนอื่นใหเขาไปดโครงสราง Template คลก
ู  ิ
เมนู Template Manager และคลิกเลือกแถบ Template จะปรากฏหนาจอดังรูป
1
คลิกเ ลือก Preview Template
2
ที่เราติดตั้งไว เพื่อดูโครงสราง
7) เมื่อคลิกดูโครงสรางแลวจะปรากฏหนาจอดังรูป สังเกตสวนที่ตองการจะนําแถบเมนูใสดังรูป ตองการจะนํา
แถบเมนูใสในสวนของ Header[none outline] ใสจา Position เพียงอักษรนอกวงเล็กเทานั้น คือสวน header
ํ 
8) กลับไปที่หนาจอการสราง Module คลก Select Position ใน หวขอ Position ปรากฏหนาจอดังรูป
ิ ั 

28. ~ 26 ~
เลือกตําแหนง header ที่เราจํามา
จากโครงสราง Template

9) เมื่อเสร็จสิ้นทุกกระบวนการ คลิก Save & Close กอนทีเว็บจะปรากฏแถบเมนูที่เราตองการ จะตองเขาไป
เลือก หนาเว็บที่ตองการใหปรากฏ Template นี้กอน เขาไปที่เมนู Template Manager คลกเลือก Template ที่
ิ
ตองการใช (กลับไปดูวิธีการตั้งคา Template ที่หนา 19) เขาไปดในสวนของการตงคาการแสดงผล ดงรป
  ู  ้ั  ั ู
คลิกเลือกหนาที่ตองการใหแสดง
Template นี้
10) หนาจอแสดงผล หลังจากที่สรางเมนูและแถบเมนูเสร็จสิ้น
แถบเมนูที่เราสรางไวในสวน header