20121102 joomla2-5
Upcoming SlideShare
Loading in...5
×
 

20121102 joomla2-5

on

  • 1,174 views

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

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

Statistics

Views

Total Views
1,174
Views on SlideShare
1,123
Embed Views
51

Actions

Likes
0
Downloads
72
Comments
0

1 Embed 51

http://kifkeew.wordpress.com 51

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

20121102 joomla2-5 20121102 joomla2-5 Document Transcript

  • คูมือการติดตั้งและใชงาน Joomla 2.5 เบื้องตน ผูจัดทํา นางสาวพัทนีย อาบุญงาม รหส 523080870-7 ั นักศึกษาชั้นปที่ 4 สาขาสารสนเทศศาสตร คณะมนุษยศาสตรและสังคมศาสตร มหาวิทยาลัยขอนแกน เสนอ นายบุญเกียรติ เจตจํานงนุช รายงานเลมนี้เปนสวนหนึ่งของการฝกงาน  ฝายบรการความรทางวทยาศาสตรและเทคโนโลยี  ิ ู ิ  สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาติ ํ ั ั ิ  ี 
  • สารบญ ับทที่ 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
  • ~1~บทท่ี 1 การติดตั้ง Joomla บนพีซีจําลอง1. การตดตง Appserv ิ ้ั Appserv เปนแมขายเว็บแบบจําลอง หรือ Web Server, Database Sever จําลอง โดยรวบรวม Opensource 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
  • ~2~1.4 ยอมรับขอตกลง คลิก I Agree1.5 Browse เลือกโฟลเดอรที่ตองการจะเก็บ Appserv เมื่อเสร็จคลิก Next1.6 เลือกโปรแกรมยอยทตองการใช ่ี 
  • ~3~1.7 ใสขอมูลเกี่ยวกับ Sever 1) Sever Name (ชื่อเซิฟเวอร): localhost 2) Administrator’s Email Address (อีเมลผูดูแลระบบ): ใสอีเมลของเรา 3) Apache HTTP Port (การระบหมายเลขชองทางตดตอ): มักจะระบุเปนเลข 80 ุ  ิ  เมื่อเสร็จสิ้น คลิก Next1.8 ตั้งคารหัสผานในการเขาถึงฐานขอมูล MySQL โดย Username ของฐานขอมูล คอ Root ื 1) ใส Password ใน Enter root password และใสซาใน Re-enter root password  ํ้ 2) เลือกรหัสภาษา (character Sets and Collations) ถาใชภาษาไทยใหถกตองตามคากาหนดของ  ู   ํเครื่องแมขาย กรณีนี้ควรระบุเปน UTF-8 Unicode หรือ TIS-620 เมื่อเสร็จสิ้น คลิก Install เพื่อเริ่มการติดตั้งโปรแกรม
  • ~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
  • ~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 ไว ถาตองการสรางเว็บไซตของตนเอง สามารถเปลี่ยนชื่อโฟลเดอร เปนชื่อเว็บ หนวยงาน หรือชือทตองการได ่ ่ี 
  • ~6~ 2.3 ตดตง Joomla โดยเขาไปที่ http://localhost/ชื่อโฟลเดอร หรือ http://127.0.0.1/ชื่อโฟลเดอร ิ ้ัตวอยาง http://localhost/sleep ั  ขั้นตอนที่ 1 เลอกภาษาในขณะตดตง เลอกภาษาไทย คลก ตอไป ื ิ ้ั ื ิ  ขั้นตอนที่ 2 ตรวจสอบสิทธิ์การติดตั้ง คลิก ตอไป ขั้นตอนที่ 3 หนาลิขสิทธิ์ คลิก ตอไป
  • ~7~ ขั้นตอนที่ 4 ตั้งคาฐานขอมูล โดยระบสวนตางๆ ตั้งรหัสผานและชื่อฐานขอมูลดวยตัวเอง ดังรูป ุ เมื่อเสร็จสิ้น คลิก ตอไป ขั้นตอนที่ 5 การตงคา FTP ไมตองระบุคา คลก ตอไป ้ั  ิ  ขั้นตอนที่ 6 ตั้งคาหลักของเว็บ โดยระบุสวนตางๆ ดังนี้ 1) ชื่อเว็บ: เชน Sleeping Club: คลบของคนรกการนอน  ั ั 2) อีเมล: ระบอีเมลของผูดูแลระบบ ุ 3) ชื่อเขาระบบของผูดูแล: เชน Kifkif00  4) รหัสผานและยืนยันรหัสผานผูดูแลระบบ: เปนรหัสที่ตั้งขึ้นเอง 5) ขอมูลตัวอยาง: สามารถเลือกขอมูลตัวอยางหรือไมเอาขอมูลตัวอยางก็ได เมื่อเสร็จสิ้นทั้งหมดแลวคลก ตอไป ิ 
  • ~8~ ขั้นตอนที่ 7 เสร็จสิ้นการติดตั้ง เพื่อใหกระบวนการเสร็จสิ้นอยางสมบูรณ ตองลบโฟลเดอรInstallation ออกดวย เปนอันเสร็จสิ้นการติดตั้ง สามารถ  คลิก ดูหนาเว็บ เพื่อดูหนาแรกของเว็บ หรือ คลิก ผูดูแลระบบ เพื่อสรางเว็บไซต ตอไป
  • ~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 ครั้งสุดทาย บทความที่ไดรับความนิยม การเพิ่มบทความใหม
  • ~ 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 เลิกการบล็อก
  • ~ 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
  • ~ 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: อีเมลของผูใชงา น
  • ~ 13 ~3) การกําหนดสิทธิ์กลุมการใชงาน (Assigned User Group) 1. กลุมผูใชงานทั่ วไป : เขาชมและอานเนื้อหาบนเว็บ 2. ผูดูแลระดับแรก : จัดการบทความ เมนู สื่อมีเดีย ที่ไดสรางไวแลว 3. ผูดูแลระดับสูงขึ้นมา : จัดการเมนูไดทั้งหมด ติดตั้งสวนขยาย ปลั๊กอิน เปนตน 4. ผู ลงทะเบียนกับเว็บ : สามารถจัดการขอมูลสวนตัว อานบทความเฉพาะสมาชิก 5. นักเขียนบทความ : เปนสมาชกามารถแตง แกไข บทความได  ิ   6. บรรณาธการ : ผูตรวจสอบบทความและเขียน แกไขบทความไดดวย ิ 7. ผูอนุญาตเผยแพร : อนญาตเผย แพร บทความ หรอบลอกบทความ ุ ื ็ 8. ผูดูแลระบบระดับสูงสุด : สามารถเขาจัดการเว็บไดทุกสวน
  • ~ 14 ~บทท่ี 4 การสรางเว็บดวย Joomla เบื้องตน1.กาสรางหมวดหมู (Category)  เปนการสรางหมวดหมูใหกับบทความ เพื่อใหเกิดความเปนระบบและสามารถสืบคนบทความตามหมวดหมูที่ตองการได รวมถึงถาเว็บเปนแบบ Dynamic Website ซึ่งขอมูลอาจมีการเปลี่ยนแปลงตลอดเวลา หมวดหมูจะชวย  จัดเก็บขอมูลใหมที่เพิ่มขึ้นเรื่อยๆที่เหมือนกันไวดวยกันได 1) เขาไปที่ Category สรางหมวดหมใหม กด  ู จะปรากฏหนาจอดงกลาว  ั  สวนที่ 1 รายละเอียด สวนที่ 2 การตั้งคาหมวดหมู 2) การระบุรายละเอียดของหมวดหมู (Details) สวนหลักที่ตองระบุรายละเอียด 1. Title: ชื่อ หมวดหมู 2. Alias: จะตองเปนภาษาอังกฤษตัวพิมพเล็กหาม เวนวรรค ใชไดเฉพาะ - และสื่อความหมายของ บทความไดชดเจชัดเจน ั 3. Parent: หมวดหมูหลักของหมวดหมูนี้ 4. Status: สถานะ Published เผยแพร สามารถใสคําอธิบายหมวดหมูได
  • ~ 15 ~ 3) การตงคาตางๆของหมวดหมู ้ั   สามารถเลือกผูสรางหมวดหมูนี้ ไดคลิก Select User และเลอก ื สามารถเลอกรปภาพแสดงแทน ื ู หมวดหมู และคําอธิบายได สามารถใส Keyword และ Description เกี่ยวกับหมวดหมูได2.การสรางบทความ (Article)  1) เขาไปที่ Article Manager สรางหมวดหมใหม กด  ู จะปรากฏหนาจอดงกลาว  ั  สวนที่ 1 รายละเอียด สวนที่ 2 เนื้อหาบทควา ม สวนที่ 3 ตั้งคาสวนอื่นๆของ บทความ 2) การใสรายละเอยดของบทความ  ี 1.ใสชื่อบทความ 2. ใสหมวดหมู Categoryบทความที่สรางไว
  • ~ 16 ~3) การใสเนอหาของบทความ  ้ื สามารถใสเ นอหาของบทความ ้ื ไดใน ชองนี้ โดยสามารถพิมพ หรอ Copy แลววางได ื  การลิงคไป การใส การสราสารบัญ กรณทเ่ี นอหาในบทความมความยาวมากๆ ี ้ื ี การนําเสนอทั้งหมดผาน บทความ รปภาพใน ู เนื้อหาบทความ เว็บไซตอาจจะไมนาสนใจเทาที่ควร Joomla มีคําสั่งแบงตอนและแสดง อื่นที่มีใน บทความ ลิง ค Read more…4) การใสรปภาพในบทความ ู 4.1) เขาไปทแถบ Image ดังรูป  ่ี 4.2) เมื่อคลิกเลือกเสร็จแลวจะปรากฏหนาจอ Upload รปภาพเขาไวใน Joomla ดังรูป ู   1 คลิกปุม เลือก เลือกไฟลรูปที่ ตองการนํามาใส 3 บทความ คลิก Start Upload 2
  • ~ 17 ~ 4.3) นํารูปไปใสในบทความ คลิกเลือกรูปภาพที่ Upload ขึ้น แลวกดคําวา Insert คลิกนํารูปใสในบทความ เลือกไฟลรูปที่ ตองการนามาใส  ํ บทความ 4.4) ก็จะปรากฏเห็นรูปภาพเขาไปอยูในบทความที่เราเขียน5) การเชื่อมโยงบทความที่เขียนไปยังบทความอื่น 5.1) เขาไปที่ Article ตัวอยาง บทความที่เราเขียนเปนบทความเกี่ยวกับ การนอนไมหลับ แลวตองการเชื่อมไปยัง สุขอนามัยการนอนที่ดี 5.2) เมื่อคลิกแลวจะปรากฏหนาจอดังรูป เลือกบทความที่ตองการเชื่อมไปหา
  • ~ 18 ~ 5.3) ลิงคการเชื่อมโยงไปยังบทความอื่น จะปรากฏ ดังรูป6) การตั้งคาสวนอื่นๆของบทความ สวนที่จําเปนตองระบุ มี 2 สวนคือ 6.1) การตงคาการเผยแพร (Publishing option) ้ั  1.ใสชื่อ ผูสรางบทความ นี้ 2.ใสวันที่สรางบทความ 3.สามารถระบุวันที่ ตองการเผยแพร และ วันสิ้นสุดของการ 6.2) การใส Metadata บทความ เปนการใส Keyword, Description และ Author เพื่อใหสามารถทาใหเ วบไซตสามารถคนหา   ํ ็  บทความนเ้ี จอได 1.คําอธิบาย Metadata บทความ 2. ใส Keyword ของบทความ 3.ใสชื่อผูแตงบทความ เจาของลิขสิทธิ์ 4.ใสลิขสิทธิ์ของบทความ
  • ~ 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 ที่เรานําเขามา คลิกเลือก
  • ~ 20 ~ 4) เมื่อเขาไปจะปรากฏหนาจอ การตั้งคาเกี่ยวกับ Template น้ี สามารถใส Logo และแกไขรูปแบบตางๆได สวนบอกรายละเอียด Template สวนการจัดการรูปแบบของ Template สวนการตั้งคา Menu ที่จะปรากฏใน Template นี้ 5) ตงคาเมนใหปรากฏใน Template นี้ คลิกเลือกเมนูที่ตองการ ดังรูป คือใหหนาเว็บแรกปรากฏเปน ้ั  ู Template นี้ 6) การใส Logo เขาไปใน Template  สามารถอัพโหลดรูป Logo หรือรูปสวนหัวใสได สามารถใส Slogan ได สามารถใสรายละเอียดลิขสิทธิ์ลงในทายเว็บได
  • ~ 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: แถบเมนูที่ตองการนํา เมนูไปใสไว
  • ~ 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 เลือกบทความ แนะนําเว็บไซต ที่เราสรางขึ้น
  • ~ 23 ~ หนาแรกของเราที่ตองการ แนะนําเว็บไซต จะแสดงผล ดังนี้ (ตองทําใหเสร็จสิ้นกระบวนการการสรางแถบเมนูทั้งหมดกอนจึงจะปรากฏ) 3.2) การสรางคลงบทความ ดวย List All Categories ที่จะแบงบทความเปนหมวดหมูตางๆ จะ  ั ปรากฏแถบตงคาดานขางเลอก Root เพื่อใหแสดงหมวดหมูทั้งหมดที่เราสรางขึ้น หรือ เลือกแสดงบาง ่ั    ืหมวดหมูก็ได หนาคลงบทความของเราทตองการ แสดงหมวดหมบทความ จะแสดงผล ดงน้ี  ั ่ี  ู ั (ตองทําใหเสร็จสิ้นกระบวนการการสรางแถบเมนูทั้งหมดกอนจึงจะปรากฏ) 3.3) การสรางหนา Search งายๆ ดวย Search From or Search Results เพียงคลิกเลือกเทานั้น    
  • ~ 24 ~ หนาคนหาของเราทตองการ แสดงชอง Search จะแสดงผล ดังนี้   ่ี   (ตองทําใหเสร็จสิ้นกระบวนการการสรางแถบเมนูทั้งหมดกอนจึงจะปรากฏ) 4) เมื่อเราสราง แถบเมนู และ เมนูที่จะอยูในแถบเมนูเสร็จแลว เราตองสรางสวนที่จะนําแถบเมนูไปใส เขาไป ที่ Module Manager ซึ่งเปนเครื่องมือที่ชวยจัดการวางเมนู หรือ Plug-in ที่ตองการ ไวในสวนตางๆของ Template เมื่อเขาไปเสร็จ คลกเพื่อสวนสรางแถบเมนูใหม ปรากฏหนาจอ ดังนี้  ิ เลือก Module Type เปน Menu เพราะเราตองการสรางแถบเมนู 5) เมื่อเลือก Module Type เสร็จแลวจะปรากฏหนาจอสําคัญที่ตองใสรายละเอียด ดังรูป 1.ใสชื่อ Module 2.เลือกแถบเมนูที่ หรือสวนที่ตองการ สรางขึ้นที่ตองการ วางไวในสวนนี้ จะอธิบายในหัวขอ
  • ~ 25 ~ 6) การเลือกสวนหรือตําแหนงที่ตองการวางแถบเมนู Position กอนอื่นใหเขาไปดโครงสราง Template คลก ู  ิเมนู Template Manager และคลิกเลือกแถบ Template จะปรากฏหนาจอดังรูป 1 คลิกเ ลือก Preview Template 2 ที่เราติดตั้งไว เพื่อดูโครงสราง 7) เมื่อคลิกดูโครงสรางแลวจะปรากฏหนาจอดังรูป สังเกตสวนที่ตองการจะนําแถบเมนูใสดังรูป ตองการจะนําแถบเมนูใสในสวนของ Header[none outline] ใสจา Position เพียงอักษรนอกวงเล็กเทานั้น คือสวน header ํ  8) กลับไปที่หนาจอการสราง Module คลก Select Position ใน หวขอ Position ปรากฏหนาจอดังรูป ิ ั 
  • ~ 26 ~ เลือกตําแหนง header ที่เราจํามา จากโครงสราง Template  9) เมื่อเสร็จสิ้นทุกกระบวนการ คลิก Save & Close กอนทีเว็บจะปรากฏแถบเมนูที่เราตองการ จะตองเขาไปเลือก หนาเว็บที่ตองการใหปรากฏ Template นี้กอน เขาไปที่เมนู Template Manager คลกเลือก Template ที่ ิตองการใช (กลับไปดูวิธีการตั้งคา Template ที่หนา 19) เขาไปดในสวนของการตงคาการแสดงผล ดงรป   ู  ้ั  ั ู คลิกเลือกหนาที่ตองการใหแสดง Template นี้ 10) หนาจอแสดงผล หลังจากที่สรางเมนูและแถบเมนูเสร็จสิ้น แถบเมนูที่เราสรางไวในสวน header