Contenu connexe Similaire à เว็บสำเร็จรูป Similaire à เว็บสำเร็จรูป (20) เว็บสำเร็จรูป1.
คูมอ
ื
โปรแกรมการจัดการ
Website สําเร็จรูป
Joomla
2. คํานํา
คูมือ โปรแกรมการจัดการ Web site สําเร็จรูป Joomla จัดทําเพื่อใหผูสนใจ ศึกษาวิธีการใชงาน
เบื้องตน การจัดการงานใน Web site ในสวนที่ตนเองสนใจไดดวยตนเอง Joomla เปนระบบบริหารจัดการ
web site (content management system : CMS) ระบบบริหารจัดการเว็บไซต ซึ่งเปนระบบทีนํามาชวย ่
ในการสรางและบริหารเว็บไซตแบบสําเร็จรูป โดยในการใชงาน CMS นั้นผูใชงานแทบไมตองมีความรูใน
ดานการเขียนโปรแกรม ก็สามารถสรางเว็บไซตได โดยที่ตัว CMS เองมีโปรแกรมประยุกต แบบพรอมใช
งานอยูภายในมากมาย อาทิ ระบบจัดการบทความและขาวสาร (News and Story), ระบบจัดการสมาชิก
(Member), ระบบจัดการรูปภาพ (Media Manager), ระบบจัดการไฟลดาวนโหลด (Download), ระบบ
จัดการปายโฆษณา(Banner) และตรวจสอบสถิติความนิยมในเว็บไซต (Tracking and Statistics) เปนตน
ระบบการจัดการเวปไซต CMS ในลักษณะเดียวกันนี้มี โปรแกรม Mambo โปรแกรม Joomla และ
mambo แตกอนเปนทีมพัฒนาเดียวกัน ซึ่งการใชงานจะคลายกันมากความสามารถของ Joomla นั้น จะชวย
ใหผูใชงานสามารถพัฒนาเวปไซตหรืออัพเดทขอมูลขาวสารของตนเองไดโดยไมตองใชเครื่องเดิม โดย
สามารถจัดการผานเว็ปไซตไดทุกที่ (สําหรับที่สามารถใชInternet ไดเทานั้น)
จัดทําโดย
นาบวริศ คุมพงษ 48051752
นายรุงโรจน พงษโสพณ 48051660
นางสาวสิตา กังวานพณิชย 48052186
3. -1-
แนะนําโปรแกรม Joomla
"joomla" เปนระบบบริหารจัดการเว็บไซต (content management system: cms) ที่ชวยให
การพัฒนาเว็บไซตเปนเรื่องงายและรวดเร็ว สามารถติดตั้งใชงานและอัพเดทขอมูลไดทุกที่ทุกเวลา
ตามตองการ โปรแกรม joomla จะแบงเว็บไซตออกเปนสองสวนหลัก ๆ คือ
frontend คือสวนที่แสดงผลใหกับผูเขาชมเว็บไซต หรืออีกนัยหนึ่งก็คือเนื้อหาของ
เว็บไซตนั่นเอง
backend คือสวนการจัดการเนื้อหารวมถึงโครงสรางของเว็บไซต หรือเรียกอีกชื่อหนึ่งวา
สวน administrator
- สวนของ frontend-
4. -2-
-สวนของ backend-
เราสามารถทําความเขาใจไดงาย ๆ ก็คือสวนของ frontend เปนสวนของเว็บไซตที่คนอื่นจะ
เขามาดู สําหรับสวน backend จะเปนสวนใหผูดูแลเว็บไซตเขาไปแกไขขอมูลตาง ๆ นั่นเอง
5. -3-
WORKSHOP 1
การติดตั้ง Joomla [บน Windows]
วิธีติดตัง Joomla
้
การติดตั้ง Joomla ที่จําลองเครื่องเปนเซิรฟเวอรดวย Appserv จากการทดลองติดตั้งพบวา
Joomla มีความตองการทั่วๆไป ตามประสา การทํางานบน web base ดังนี้
1. Apache webserver
2. php Script Language
3. MySQL Database
แตถาใหสะดวกก็ติดตั้ง AppServ ที่ทําหนาที่จําลองเครื่องเปนเว็บเซิฟเวอร และมีชุด
โปรแกรมดังกลาวติดตั้งใหพรอมอยูแลวดวยไปเลยครับ
การติดตั้ง Joomla ผานเว็บเบราเซอร
ในที่นี้จะติดตั้งบน windows ใช AppServe จําลองเปนเซิฟเวอร ซึ่งจะมี PHP, MySQL,
PhpMyAdmin มาใหอยูแลว
1. ดาวนโหลด JoomlaInstallation เวอรชั่น 1.0.7
2. แตกไฟล ไวในไดเรกทอรีที่ของ web server ที่จะใช run
สรางไดเรกทอรี joomla ไวที่ c:/AppServ/www จะได c:/AppServ/www/joomla
แตกไฟลในไดเรกทอรีนี้
เปลี่ยนโหมดไดเรกทอรี joomla ใหสามารถ read,write,execute ได โดย
คลิ้กขวาที่โฟลเดอร joomla > properties
คลิ้กตรง Read Only ออก > apply > ok ดังภาพ
6. -4-
3. เมื่อเปดดูภายในไดเรกทอรี /joomla จะพบหลายไฟลและหลายไดเรกทอรี ดังภาพ
4. เขาไปที่ "http://localhost/phpmyadmin" จากนันกรอกยูสเซอรและพาสเวิรดที่ได
้
กําหนดไวตอนติดตั้ง AppServ จากนันสรางฐานขอมูลเปลาๆ ชื่ออะไรก็ได ในที่นี้ใชชื่อ joomla_db
้
7. -5-
5. แกไขไฟล configuration.php-dist ดังนี้
$mosConfig_offline = '0';
$mosConfig_host = 'localhost'; // This is normally set to localhost
$mosConfig_user = 'yourUser'; // MySQL username
$mosConfig_password = 'yourPassword'; // MySQL password
$mosConfig_db = 'joomla_db'; // MySQL database name
$mosConfig_dbprefix = 'jos_'; // Do not change unless you need to!
แกไขแลวเปลียน เปนชื่อไฟล configuration.php
่
8. -6-
6. เปด web Browser ขึ้นมาเรียกไปยัง ไดเรกทอรี joomla "http://localhost/joomla"
7. จะเห็นหนาแรก ของการติดตั้ง เปนการตรวจสอบความเรียบรอยของไฟลตางๆ เกี่ยวกับ
การติดตั้ง pre-install check
ทุกอยางควร set ตามคําแนะนํา โดยเฉพาะ ตรง configuration.php ควรเปน writeable
กด Next
10. -8-
ใสคา Hostname ("สวนใหญใช localhost")
ใสคา MySQL? Username (ชื่อ user ที่ใชฐานขอมูล )
ใสคา MySQL? Password (พาสเวริ์ด ที่ใชฐานขอมูล)
ใสชื่อ MySQL? Database name (ชื่อฐานขอมูลที่ใช ในทีนี้ใช "joomla_db")
่
ใส MySQL? table prefix (ใสหรือไมใสกได เปนการตั้งคานําหนาชื่อตารางในฐานขอมูล)
็
กด Next
10. เขาสูขั้นตอนที่ 2
step-2
ใสชื่อเว็บไซต ที่ตองการ ในที่นี้เปน The Home of JoomlaInstallation
กด Next
11. -9-
11. เขาสูขั้นตอนที่ 3
step-3
ยืนยันคาตางๆ ไดแก URL,Path,Admin email,password( จํา หรือแกไขไดตามตองการ)
กด Next
12. เขาสูขั้นตอนที่ 4
step-4
ขั้นตอนสุดทาย ของการติดตั้ง ถาติดตั้งสําเร็จ จะแสดงขอความวา "Congratulations! Joomla is
installed"
12. - 10 -
แสดงชื่อ admin และ password สําหรับการแกไข รายละเอียดของ joomla ซึ่งจะกลาวใน
หัวขอถัดไป
ปุมดานบน ขวามือ คือ View Site และ Administration
ถาเกิดโปรแกรมฟอง ใหแกไข globals.php ก็ไปที่ ไฟล
C/AppServ/www/Joomla/globals.php/ แลวแกไฟลบรรทัด define( 'RG_EMULATION', 1 );
เปน define( 'RG_EMULATION', 0 ); แลวกด Save
สวน php.ini ไปที่ C/WINDOWS/php.ini แลวแกไฟลทบรรทัด register_globals จาก
ี่
On เปน off (โดยใชโปรแกรม Editplus) แลวทําการ restart ; mysql ใหม
ถาเลือก View Site และ Administration ในขณะนีจะพบหนาจอ ดังนี้
้
แสดงวาเราตองไปลบ หรือเปลี่ยนขื่อไดเรกทอรี ใน joomla ที่ชื่อวา installation แลวทําการ
refresh ใหม
13. - 11 -
13. เขาสู JoomlaInstallation ถาเลือก View Site และ Administration (หลังจาก ลบ หรือ
เปลี่ยนขื่อไดเรกทอรี installation )
View site : สําหรับแสดงหนา interface สําหรับ user ของ joomla
Administration : สําหรับหนา interface การปรับแตง แกไข joomla เปนสวนของผูดูแล
ระบบ
14. สิ้นสุดการติดตั้ง joomla
14. - 12 -
WORKSHOP 2
การติดตั้ง Joomla [บน Hosting]
การเตรียมการติดตั้ง
การเตรียมไฟลติดตั้งของ Joomla Open Source จะตองทําการดาวนโหลดไฟติดตั้ง
JoomlaInstallationไดจากเว็ปไซต
http://joomla.org
http://www.joomlasiam.com
http://mamboxchange.com เปนตน
การติดตั้ง Joomla บน Hosting
การติดตั้ง Joomla บน Hosting จะแตกตางจากการติดตั้งบนเครื่องคอมพิวเตอรทั่วไป ที่ทํา
การติดตั้ง Appserv หรือ WMServer โดยในขั้นแคกทานตองคัดลอก ไฟลติดตั้งขึ้นไปไวบน
Hosting โดยการใชโปรแกรม FTP เชน SSH Secure Shell Client, WS_FTP, CuteFTP เปนตน
การคัดลอก หรือการ Upload ไฟลติดตั้ง Joomla ขึ้นไปไวบน Hosting โดยใช (SSH Secure
Shell Client) กอนอื่นจะตองทราบ Username Password ของ Hosting เพื่อที่จะใชในการ Login และ
ตองทําการติดตั้ง SSH Secure Shell Client โดยสามารถดาวนโหลดไดที่ http://www.ssh.com เมื่อ
ไดโปรแกรมแลวจึงทําการติดตั้ง ดังนี้
เมื่อดาวนโหลดโปรแกรมไดแลว ทําการดับเบิ้ลคลิกโปรแกรม แลวโปรแกรมจะทําการ
ติดตั้งโดยขึ้นหนาจอ ดังรูป
17. - 15 -
รอจนกวาทําการติดตั้งแลวเสร็จจะขึ้นหนาจอ ดังรูป
หนาจอเมื่อติดตั้งโปรแกรมเสร็จเรียบรอยแลว ใหกด Finish เพื่อเสร็จสิ้นการติดตั้ง
เมื่ อ ได ทํ า การติ ด ตั้ ง โปรแกรมเสร็ จ เรี ย บร อ ยขั้ น ตอนต อ ไปคื อ การ Upload File
JoomlaInstallation ขึ้นบน Hosting
ทําการเปดโปรแกรม SSH Secure Shell Client ขึ้นมา ดังรูป
18. - 16 -
ทําการ Connect ไปยัง Hosting โดยกดปุม จะไดหนาถัดไป
หลังจากนันใหใสขอมูล
้
Host Name: (ตองทราบจากเจาของ Hosting)
User Name: (ตองทราบจากเจาของ Hosting)
เมื่อทําการกรอกขอมูลเสร็จเรียบรอยแลว คลิกปุม Connect จะไดหนาจอถัดไป ดังนี้
หนาจอสําหรับใส Password หลังจากใส Password เรียบรอยแลว คลิกที่ปุม OK เพื่อ
Connect เขาสู Hosting หลังจากที่ Connect เรียบรอยแลว จะไดหนาจอถัดไป
19. - 17 -
ทําการคลิกที่ปุม OK อีกครั้ง
เมื่ อ เข า มายั ง ระบบเรี ย บร อ ยแล ว ให ทํ า การสร า ง Folder โดยใช คํ า สั่ ง
$ mkdir public_html สราง Folder public_html แลว ใชคําสั่ง $ ls เพื่อดูวา Folder public_html
ถูกสรางหรือยัง
หลังจากที่ Folder public_html ถูกสรางขึ้นเรียบรอยแลว ใหทําการเปลี่ยน Permission ของ
Folder public_html โดยใชคําสั่ง $ chmod 777 public_html
ขั้นตอนตอไป คือ การ Upload file ขึ้นไปยัง Hosting มีขั้นตอนดังนี้ ไปที่ Window -->
New File Transfer in Current Directory ดังรูป
20. - 18 -
ทําการ Upload File โดยการคลิก JoomlaSiam_1[1].0.12-Stable-Full_Package.tar.gz เมาส
ปุมขวามือ ที่ไฟล Joomla แลวคลิกที่ Upload
เมื่อไฟล Joomla upload ขึ้นไปยัง Hosting เรียบรอยแลว ใหกลับมาที่ ssh ตัวเดิม แลวใช
คําสั่ง $ tar –xzvf ตามดวยชือไฟล เชน $ tar –xzvf JoomlaSiam_1[1].0.12-Stable-
่
Full_Package.tar.gz
รอสักครู แลวใชคําสั่ง ls เพื่อดูวา ดปรแกรมได Unzip เรียบรอยยัง
หลังจากนันใหเปด Browser แลวพิมพ URL ในชอง Address เชน
้
http://www.esanenvi.com จะปรากฏหนาจอแสดงการตรวจสอบขอมูลของ Joomla ขึ้นมาทําการ
เลือก Next ดังรูป
21. - 19 -
ทุกอยางควร set ตามคําแนะนํา โดยเฉพาะ ตรง configuration.php ควรเปน writeable
กด Next
23. - 21 -
ใสคา Hostname ("สวนใหญใช localhost")
ใสคา MySQL? Username (ชื่อ user ที่ใชฐานขอมูล / Username ที่เขา Hosting )
ใสคา MySQL? Password (พาสเวริ์ด ที่ใชฐานขอมูล / Password ที่เขา Hosting )
ใสชื่อ MySQL? Database name (ชื่อฐานขอมูลที่ใช ในทีนี้ใช "joomla_db")
่
ใส MySQL? table prefix (ใสหรือไมใสกได เปนการตั้งคานําหนาชื่อตารางในฐานขอมูล)
็
กด Next
เขาสูขั้นตอนที่ 2
step-2
ใสชื่อเว็บไซต ที่ตองการ ในที่นี้เปน The Home of JoomlaInstallation
กด Next
24. - 22 -
เขาสูขั้นตอนที่ 3
step-3
ยืนยันคาตางๆ ไดแก URL,Path,Admin email,password( จํา หรือแกไขไดตามตองการ)
กด Next
เขาสูขั้นตอนที่ 4
step-4
ขั้นตอนสุดทาย ของการติดตั้ง ถาติดตั้งสําเร็จ จะแสดงขอความวา "Congratulations! Joomla is
installed"
25. - 23 -
แสดงชื่อ admin และ password สําหรับการแกไข รายละเอียดของ joomla ซึ่งจะกลาวใน
หัวขอถัดไป
ปุมดานบน ขวามือ คือ View Site และ Administration
ถาเลือก View Site และ Administration ในขณะนีจะพบหนาจอ ดังนี้
้
แสดงวาเราตองไปลบ หรือเปลี่ยนขื่อไดเรกทอรี ใน joomla ที่ชื่อวา installation แลวทําการ
refresh ใหม
26. - 24 -
เขาสู JoomlaInstallation ถาเลือก View Site และ Administration (หลังจาก ลบ หรือเปลี่ยน
ขื่อไดเรกทอรี installation )
View site : สําหรับแสดงหนา interface สําหรับ user ของ joomla
Administration : สําหรับหนา interface การปรับแตง แกไข joomla เปนสวนของผูดูแล
ระบบ
14. สิ้นสุดการติดตั้ง joomla
28. - 25 -
WORKSHOP 3
สวนประกอบตาง ๆ ภายใน Joomla Administrator
ในการเริ่มตนสรางเวปไซต จะตองเขาสูระบบการจัดการที่เรียกวา Joomla administration
การเขาสูสวนจัดการนี้สามารถทําไดโดย http://address เว็ปไซต/administrator/ ตัวอยางเชน
http://www.esanenvi.com/administrator
29. - 26 -
หลังจาก Login เขามาในสวน administrator แลว จะพบสวนประกอบตางๆ 4 สวน ดังนี้
1. Menubar คือสวนที่แสดงชื่อคําสั่งทั้งหมดของโปรแกรม Joomla
2. Infobar คือ สวนที่แสดงขอมูลรายละเอียดตอไปนี้
- ชื่อของเว็บไซต
- ตําแหนงปจจุบัน (Current Location) ใน Admin Section ที่กําลังใชงานอยู
- จํานวนขอความที่ไดรับจาก Users อื่น ๆ
- จํานวนผูเขาใชงานโปรแกรม Joomla ในขณะนัน ้
- ชื่อผูใชที่ Login เขามา เชน admin
30. - 27 -
3. Toolbar คือ เมนูคําสั่งยอยจะปรากฏหลังจากคลิกเลือกคําสั่งบน Menubar แลว (อาจจะแสดง
จํานวนปุมไมเทากัน เมื่อคลิกเลือกคําสั่งบน menubar)
4. Workspace คือ พื้นที่แสดงการทํางานตาง ๆ ซึ่งอยูดานลาง Menubar, Infobar และ Toolba
ความหมายของปุมคําสั่งตาง ๆ
สราง Content Item, Category, Section
แกไข content item, category, section
เปดใหผูอื่นสามารถเห็นได
ซอนไมใหผูอนสามารถเห็น
ื่
ยาย item ไปยัง Category อื่น หรือ ยาย category ไปยัง Section อื่น
คัดลอก content item, category, section
ลบ
บันทึกและกลับไปยังหนากอนหนา
บันทึกแตยังคงทํางานที่หนาเดิม
ยกเลิกการสรางหรือการแกไข
ยาย Content Item ไปเก็บในสวน Archive
แสดง popup preview การเปลี่ยนแปลงทีไดทําไวกับ item
่
ขนยายไฟลไปเก็บไวในสวน Media Manager
32. - 28 -
WORKSHOP 4
โครงสรางการจัดเก็บเนื้อหา / ขาว (Content)
กอนที่จะเริ่มสรางเนื้อหาภายในเว็บไซตนน ควรทําความเขาใจเรื่องความสัมพันธระหวาง
ั้
section หมวดหมูหลัก
category หมวดหมูยอย
content item เนื้อหา ขอมูลหรือบทความ
เราอาจเปรียบ Section เปน Folder ใหญ ซึ่งภายในจะเก็บ Folder ยอยในที่นี้ก็คือ Category
และภายใน Category จะเปนที่เก็บ Content Item หรือไฟลเอกสารและไฟลขอมูลตาง ๆ ดังรูป
ตัวอยางโครงสรางการจัดเก็บเนื้อหา (content)
33. - 29 -
ตัวอยาง
Section Category Content Item
ขาว ขาวประชาสัมพันธ - รับสมัครพนักงานราชการ
- ประกาศผลสอบพนักงาน
ราชการ
ขาวกิจกรรม - สสภ.10 รวมโครงการปลูก
ตนไมเพื่อพอหลวง
ปฏิทินขาว - สสภ.10 จัดอบรมการจัดทํา
web site
โครงการที่นาสนใจ - โครงการจัดอบรม อปท.
1. การจัดการ Section
Section (หมวดหมูหลัก) ทําหนาที่จดเก็บ Category (หมวดหมูยอย)
ั
• การเขาสูสวนการจัดการ Section
• การสราง Section
• การลบ Section
• การแกไข Section
• การเปดและซอน section
การเขาสูสวนการจัดการ Section (Section Manager) สามารถทําได 2 วิธีดังนี้
วิธีที่ 1
1. คลิก Menubar แลวเลือกคําสั่ง Content => Section Manager
34. - 30 -
วิธีที่ 2
1. คลิก menubar แลวเลือกคําสั่ง Home เพื่อไปที่หนาแรก (สวนของ Control Panel)
2. คลิกปุม Section Manager
เมื่อเขาสูสวนการจัดการ Section โดยวิธีที่ 1 หรือ 2 จะปรากฏสวนแสดงรายละเอียดภายใน Section
Manager ดังรูป
- สวนการจัดการ section (Section Manager) -
การสราง Section สามารถทําได ดังนี้
1. เขาสูสวนการจัดการ Section (section manager)
2. กดปุม จากนั้นจะเขาสูสวนการกําหนดคาตาง ๆ
35. - 31 -
3. กําหนดชื่อของ Section ลงใน Title และ Section Name (ใชชื่อเดียวกันได) และกําหนดระดับของ
ผูที่สามารถเขามาดูในสวนของ Access Level ซึ่งประกอบดวย
- Public ทุกคนสามารถเปดดูได
- Registered เฉพาะผูที่ผานการ Log in เขาระบบสมาชิกจึงจะสามารถเปดดูได
- Special สําหรับผูที่อยูกลุมพิเศษ(กลุมที่แกไขขอมูลได)เทานั้นที่เปดดูได
4. เมื่อกําหนดเสร็จเรียบรอยใหกดปุม หรือ
การลบ Section สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ section (section manager)
2. เช็คเครื่องหมาย √ ของ Section ที่ตองการลบ
3. กดปุม (การลบ Section นั้นภายในตองไมมี Category ใด ๆ อยู)
36. - 32 -
การแกไข Section สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ section (Section Manager)
2. เช็คเครื่องหมาย √ ที่กลองสี่เหลี่ยมหนาชื่อ Section ที่ตองการแกไข
3. กดปุม เพื่อเขาสูการแกไข Section
4. เมื่อแกไขเสร็จเรียบรอยใหกดปุม หรือ
การเปดและซอน Section สามารถทําไดดงนี้ ั
1.เขาสูสวนการจัดการ section (section manager)
2.หากตองการเปด Content ใด ๆ ที่อยูภายใน Section นั้น ใหปรากฏบนเว็บไซต สามารถทําไดโดย
คลิกรูปสัญลักษณ ในคอลัมนของ published และหากไมตองการใหปรากฏบนเว็บไซตใหคลิก
เปลี่ยนเปนรูปสัญลักษณ
2. การจัดการ Category
Category (หมวดหมูยอย) ทําหนาที่จดเก็บ Content Items (เนื้อหา ขอมูลหรือบทความ)
ั
• การเขาสูสวนการจัดการ Category
• การสราง Category
• การลบ Category
• การแกไข Category
• การเปดและซอน Category
37. - 33 -
การเขาสูสวนการจัดการ Category (Category Manager) สามารถทําได 2 วิธีดังนี้
วิธีที่ 1
1. คลิก Menubar แลวเลือกคําสั่ง Content => Category Manager
วิธีที่ 2
1. คลิก menubar แลวเลือกคําสั่ง Home เพื่อไปที่หนาแรก (สวนของ Control Panel)
2. คลิกปุม Category Manager
เมื่อเขาสูสวนการจัดการ Category โดยวิธีที่ 1 หรือ 2 จะปรากฏสวนแสดงรายละเอียด
ภายใน Category Manager ดังรูป
38. - 34 -
- สวนการจัดการ Category (Category Manager) -
การสราง Category สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ Category (Category manager)
2. กดปุม จากนั้นจะเขาสูสวนการกําหนดคาตาง ๆ
39. - 35 -
3. กําหนดชื่อของ Category ลงใน Category Title และ Category Name (ใชชื่อเดียวกันได)
4. กําหนด Section ที่จัดเก็บ Category นี้
5. กําหนดระดับของผูที่สามารถเขามาดูในสวนของ Access Level ซึ่งประกอบดวย
- Public ทุกคนสามารถเปดดูได
- Registered เฉพาะผูที่ผานการ Log in เขาระบบสมาชิกจึงจะสามารถเปดดูได
- Special สําหรับผูที่อยูกลุมพิเศษ(กลุมที่แกไขขอมูลได)เทานั้นที่เปดดูได
4. เมื่อกําหนดเสร็จเรียบรอยใหกดปุม หรือ
การลบ Category สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ Category (Category manager)
2. เช็คเครื่องหมาย √ ของ Category ที่ตองการลบ
3. กดปุม (การลบ Category นั้นภายในตองไมมี Category ใด ๆ อยู)
การแกไข Category สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ Category (Category Manager)
2. เช็คเครื่องหมาย √ ที่กลองสี่เหลี่ยมหนาชื่อ Category ที่ตองการแกไข
3. กดปุม เพื่อเขาสูการแกไข Category
4. เมื่อแกไขเสร็จเรียบรอยใหกดปุม หรือ
การเปดและซอน Category สามารถทําไดดังนี้
1.เขาสูสวนการจัดการ Category (Category manager)
2.หากตองการเปด Content ใด ๆ ที่อยูภายใน Category นัน ใหปรากฏบนเว็บไซต สามารถทําได
้
โดยคลิกรูปสัญลักษณ ในคอลัมนของ published และหากไมตองการใหปรากฏบนเว็บไซตให
คลิกเปลี่ยนเปนรูปสัญลักษณ
40. - 36 -
3. การจัดการ Content Item
Content Items (เนื้อหา ขอมูลหรือบทความ)
• การเขาสูสวนการจัดการ Content Item
• การสราง Content Item
• การลบ Content Item
• การแกไข Content Item
• การนํา content item แสดงบนหนาแรกของเว็บไซต
• การเปดและซอน Content Item
การเขาสูสวนการจัดการ Content Item (Content Items Manager) สามารถทําได 2 วิธีดังนี้
วิธีที่ 1
1. คลิก Menubar แลวเลือกคําสั่ง Content => All Content Items
วิธีที่ 2
1. คลิก menubar แลวเลือกคําสั่ง Home เพื่อไปที่หนาแรก (สวนของ Control Panel)
2. คลิกปุม Content Items Manager
เมื่อเขาสูสวนการจัดการ Content Item โดยวิธีที่ 1 หรือ 2 จะปรากฏสวนแสดงรายละเอียด
ภายใน Content Items Manager ดังรูป
41. - 37 -
- สวนการจัดการ Content Item (Content Items Manager) -
การสราง Content Item สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ Content Item (Content Items manager)
2. กดปุม จากนั้นจะเขาสูสวนการกําหนดคาตาง ๆ
3. กําหนดชื่อของ Content Item ลงใน Title และ Title Alias (ใชชื่อเดียวกันได)
4. กําหนด section และ Category ที่จัดเก็บ Content Item นี้
42. - 38 -
5. พิมพและใสขอมูลลงในกรอบ Intro Text และ Main Text
6. ระหวางพิมพและใสขอมูลสามารถกดปุม เพื่อเปด pop up แสดง Content Item
7. เสร็จเรียบรอยใหกดปุม หรือ
การลบ Content Item สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ Content Item (Content Items manager)
2. เช็คเครื่องหมาย √ ของ Content Item ที่ตองการลบ
3. กดปุม (การลบ Content Item นั้นภายในตองไมมี Content Item ใด ๆ อยู)
การแกไข Content Item สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ Content Item (Content Items manager)
2. เช็คเครื่องหมาย √ ที่กลองสี่เหลี่ยมหนาชื่อ Content Item ที่ตองการแกไข
3. กดปุม เพื่อเขาสูการแกไข Content Item
4. ระหวางแกไขสามารถกดปุม เพื่อเปด pop up แสดง content item
5. เมื่อแกไขเสร็จเรียบรอยใหกดปุม หรือ
การนํา Content Item แสดงบนหนาแรกของเว็บไซต สามารถทําไดดังนี้
1. เขาสูสวนการจัดการ content item (content items manager)
2. คลิกในคอลัมนของ Front Page ใหแสดงเครื่องหมาย ของ content item ที่ตองการแสดงบน
หนาแรก หากไมตองใหคลิกอีกครั้งใหแสดงเครื่องหมาย
การเปดและซอน Content Item สามารถทําไดดังนี้
1.เขาสูสวนการจัดการ Content Item (Content Items manager)
2.หากตองการเปด Content ใด ๆ ที่อยูภายใน Content Item นั้น ใหปรากฏบนเว็บไซต สามารถทํา
ไดโดยคลิกรูปสัญลักษณ ในคอลัมนของ published และหากไมตองการใหปรากฏบนเว็บไซต
ใหคลิกเปลี่ยนเปนรูปสัญลักษณ
43. - 39 -
WORKSHOP 5
การจัดการผูใช
การจัดการผูใชตองทราบวาผูใชงานใน Joomla มีกี่ระดับ แตละระดับมีหนาที่และแตกตาง
กันอยางไร โดยผูใชงานจะแบงเปน2 กลุมใหญ ดังนี้
1. Front End User
1.1 Registered คือ ผูที่ลงทะเบียน ที่สามารถมองเห็นเนื้อหาบางสวนที่มากกวาปกติ
1.2 Author คือ สามารถสงประกาศขาว และแกไขขาวที่ตัวเองไดสงเขามาได
1.3 Editor คือ สามารถสงประกาศขาว และแกไขขาวของตัวเองและคนอื่นได
1.4 Publisher คือ เปนคนที่สามารถอนุญาตใหขาว สามารถแสดงขาวตอสาธารณขน
ได
2. Back End User
2.1 Manager สามารถจัดการเกียวกับผูใช Module และ Component บางตัวได
่
2.2 Administrator ทําไดทุกอยาง ยกเวนเปลียนคาที่สําคัญบางอยาง และเปลียน
่ ่
รูปแบบไมได
2.3 Super Administrator ทําไดทกอยาง และไมสามารถลบออกได
ุ
ก็จะปรากฏหนานี้
44. - 40 -
ถาตองการเพิ่มขอมูลผูใชใหม ใหคลิกที่ New ตรง Tool ber ดังรูป
ก็จะปรากฏหนาตอไป
หลังจากที่กรอกรายละเอียดของผูใชเรียบรอยแลว ก็มาถึงขั้นตอนการกําหนดระดับของผูใชงานวา
เราตองการใหผูใชงานอยูในระดับไหน สามารถกําหนดไดใน Group ดังรูป
เมื่อทําการกําหนดระดับการใชงานเรียบรอยแลว ขั้นตอนสุดทายตองการที่จะ Block ไมใหใชงาน
หรือไม ถาตองการก็ใหกด Yes แตถาไมตองการให Block ก็กด No
45. - 41 -
การแกไขขอมูลของ User
คลิกเครื่องหมายถูกที่ Name ที่ตองการแกไข แลวคลิกที่ Edit
Tool bar
ทําการแกไขขอมูล แลวกด Seve
การลบ User ที่ไมตองการ
คลิกเครื่องหมายถูกที่ Name ที่ตองการลบ แลวกด Delete ตรง Tool bar ก็เสร็จการลบ User
46. - 42 -
WORKSHOP 6
การติดตั้ง WYSIWYG Editor
ในบทเรียนนี้ จะนําเสนอ WYSIWYG Editor 2 อยาง คือ TinyMCE และ HTML Area3 XTD
1. TinyMCE
การใชงาน TinyMCE สําหรับใสและแกไขขอมูล Content Item การใสและแกไขขอมูลลง
ใน Content จะมีลักษณะคลาย ๆ กับโปรแกรมออกแบบเว็บไซตทั่วไป เชน Macromedia
Dreaweaver โดยจะมีกรอบที่สามารถใสขอมูลสองสวนคือ
สวนแรก Intro Text เปนสวนที่ Content Item จําเปนตองมี อาจจะใสขอมูลทั้งหมดหรือ
ขอความบางสวนที่เกริ่นถึงเนื้อหาใน Content Item ทั้งหมด
สวนที่สอง Main Text เปนสวนที่แสดงเนื้อหาที่เหลือตอจาก Intro Text ทั้งหมด
47. - 43 -
ความหมายของปุมคําสั่งบน Toolbar
ตัวหนา, ตัวเอียง, ขีดเสนใต, ตัวขีดทับ
จัดขอความ ชิดซาย, ชิดขวา, กึ่งกลาง, เต็มบรรทัด
ชนิดตัวอักษร
ขนาดตัวอักษร
ตัดขอความ, คัดลอกขอความ, วางขอความแบบ Plain Text, วางขอความแบบ
Word, เลือกทั้งหมด
สรางรายการแบบสัญลักษณ, สรางรายการแบบลําดับ
ยกเลิก, ทําซ้ํา
ใส Link, นํา Link ออก, ใส Link ภายในหนาเดียวกัน
ใสรูปภาพ
เปด pop up เพือแกไขขอมูลในรูปแบบ HTML
่
คนหาหรือแทนที่
วันที,่ เวลา
รูปอมยิ้ม
สีตัวอักษร, สีพื้นหลังตัวอักษร
ลบรูปแบบที่ถูกกําหนด
ตัวหอย, ตัวยก
ตัวอักษรพิเศษ
เสนคั่น
ใส Flash, ใสไฟล Multimedia (Flash, Quicktime, Shockwave, Windows
Media, Real Media)
ใสตาราง
48. - 44 -
การจัดการตาราง (Table)
การแทรกตาราง
1. ใหกดปุม ที่ Toolbar ของ TinyMCE Editor
2. กําหนดคาตาง ๆ ดังนี้
Columns จํานวนของแถวในแนวตั้ง
Rows จํานวนของแถวในแนวนอน
Cellpadding ระยะหางระหวางชอง Cell กับตัวอักษรภายในชอง
Cell Cellspacing ระยะหางระหวางชอง Cell
Alignment กําหนดใหตารางชิดซาย ขวาหรือกึ่งกลาง
Width, Height กําหนดความกวางและความสูงหนวยเปน pixels
(สามารถเปลี่ยนหนวยเปน % ได โดย เติม % ตอทายคาที่กําหนด) จากนั้น
ใหกดปุม เพื่อแทรกตาราง
3. กดปุม เพื่อแทรกตาราง
การแทรกและลบ Row หรือ Column
1. คลิกชอง Cell
2. เลือกกดปุมคําสั่งบน Toolbar ดังนี้
แทรก Row ใหมตรงดานบน แทรก Column ใหมกอนหนา
แทรก Row ใหมตรงดานลาง แทรก Column ใหมดานหลัง
ลบ Row ลบ Column
49. - 45 -
การรวม ชอง Cell
1. คลิกชอง Cell จากนันกดปุม
้ จะปรากฏสวนกําหนดคาตาง ๆ ดังรูป
2. กําหนดคาการรวมชอง Cell ในสวน Merge table cells
การรวมชอง Cell จะรวมโดยยึดตําแหนงจากชอง Cell ที่เลือกไวไปดานซายในกรณี
Column และดานลางในกรณี Row)
3. กดปุม Update (การรวมจะเริ่มรวมจากทางขวาและดานลาง ของชอง Cell ที่คลิกเลือกไว)
การแยก ชอง Cell
1. คลิกชอง cell ที่ไดถูกรวมไว จากนั้นกดปุม
50. - 46 -
การจัดการรูปภาพและ MOSImage
สามารถเลือกใช Tools ในการจัดการรูปภาพไดแก
• ปุม Images บน Toolbar
• MOSImage
ปุม images บน toolbar
การแทรกรูปภาพ
1. กดปุม ที่ TinyMCE Editor จะปรากฏสวนกําหนดคาตาง ๆ ดังรูป
2. ระบุ Image URL เชน http://esanenvi.com/~nitit.j/images/stories/clock.jpg
3. กําหนด Image description (คําอธิบายรูปภาพ)
4. แลวกดปุม
การปรับขนาดของรูปภาพ มี 2 วิธี
วิธีแรก
1. คลิกที่รูปภาพจะปรากฏจุดสี่เหลี่ยมเล็ก ๆ ตามขอบรูปภาพ
2. ใชเมาสคลิกคางไวแลวลากออกหรือเขา เพื่อปรับขนาดของรูปภาพ
วิธีที่สอง
1. คลิกที่รูปภาพ แลวกดปุม ที่ TinyMCE Editor
51. - 47 -
2. คลิก Tab Appearance แลวกําหนดขนาดของรูปในชอง Dimensions (กวาง x ยาว) มีหนวยเปน
pixels (หากไมระบุความกวาง x ยาว รูปจะแสดงตามขนาดของไฟลรป)
ู
นอกจากนี้ยังสามารถปรับขอความใหลอมรอบรูปภาพในลักษณะตาง ๆ ไดโดยเลือกที่สวนของ
Alignment เมื่อปรับคาตาง ๆ เปนที่เรียบรอยแลวใหกดปุม เพื่อบันทึก
MOSImage
การแทรกรูปภาพ
1. คลิกเมาสเพื่อเลือกตําแหนงที่จะวางรูปภาพภายในกรอบ
2. กดปุม จากนั้นปรากฏขอความ { mosimage } ภายในกรอบ
52. - 48 -
3. คลิกที่ Tab Images เพื่อเปดสวนการใชงาน MOSImage บน Panel ทางดานขวา
4. คลิกเลือกไฟลรูปภาพในกรอบ Gallery Images
5. กดปุม จากนั้นจะปรากฏชื่อไฟลที่เลือกมาในกรอบ Content Images
หากตองการยกเลิกไฟลที่เลือกมา ใหคลิกไฟลรูปภาพในกรอบ Content Images และกดปุม
6. กดปุม
mosimage จะแสดงจํานวนรูปภาพตามจํานวนที่แทรกรูปดวยคําสั่ง รูปภาพที่ถูก
แสดงจะถูกนํามาจาก Content Images
หากตองการเปลี่ยนลําดับภายใน content image สามารถทําไดโดยการกดปุม
และ
53. - 49 -
การปรับคาตาง ๆ ของรูปภาพ
1. คลิกชื่อไฟลที่ตองการปรับคาในกรอบ content images
2. กําหนดคาตาง ๆ ไดแก
Image Align การจัดวางรูปภาพ (ชิดซาย, ชิดขวา, กึ่งกลาง)
Alt Text ขอความที่จะปรากฏเมื่อนําเมาสมาวางบนรูปภาพ
border ขนาดของกรอบรูปภาพ
3. กดปุม
54. - 50 -
2. HTMLArea3 XTD
HTMLArea3 XTD เปน editor ตัวหนึ่งที่ความนิยมและมีความงายในการใชงาน ซึ่ง
ความสามารถมาก และใชงานไดอยางสะดวกสบาย
การติดตั้ง HTMLArea3 XTD จะเหมือนกับ การตัดตั้ง editor ทั่วไป คือ การ install mambots
สมาถทําไดโดย ไปที่ menubar (Installers--> mambots)
จะปรากฏหนานี้
ใหคลิกที่ Browse จะปรากฏหนาจอ ดังนี้
55. - 51 -
เมื่อทําการคลิก Browse จะขึ้นหนาตางใหเราไปที่ Folder ที่เก็บ File
HTMLArea3XTDv11RC1.zip แลวใหคลิกที่ file กด Open
Click ที่ Upload File & Install เพื่อติดตั้ง HTMLArea3XTD หากการติดตั้งไมมีขอผิดพลาดใดๆ
จะปรากฏหนานี้
56. - 52 -
Click ที่ปุม Continue เพื่อเปนการสิ้นสุดการติดตั้ง
หลังจากนัน เพื่อการใชงาน HTMLArea3XTD เปน editor ของ Joomla จะตองมีการตั้งคา โดยทํา
้
ไดดังนี้ โดยไปที่ menuber (site--> Global Configuration) แลวเลือกไปที่ site
เมื่อไปยังหนาการตั้งคา site แลว ใหคลิกที่ Default WYSIWYG Editor: ใหเลือก HTMLArea3
XTD แลวกด Save ที่ toolber
58. - 54 -
WORKSHOP 7
การนํารูปภาพเก็บลงเว็บไซต (Media Manager)
1. กดปุม
2. จะปรากฏสวนใหเลือกไฟลภายในเครื่อง ในกดปุม Browse
3. กดปุม Upload
จากนั้นชื่อไฟลรูปภาพจะปรากฏใน Gallery Images ของ Tab Images
Media Manager เปนสวนที่ดูแลและจัดการไฟลที่ Upload เขามาเก็บไวที่เว็บไซต สําหรับ
ไฟล ที่ อ นุ ญ าตให ส ามารถ Upload ได จ ะมี ด ว ยกั น 9 ประเภทประกอบด ว ย
doc, xls, ppt, bmp, gif, jpg, png, swf, pdf
Folder ที่จัดเก็บไฟล โปรแกรม Joomla ไดกําหนด folder สําหรับการใชงานมาใหสอง
folder ประกอบดวย
1. banners เปน folder สําหรับจัดเก็บไฟลรูปภาพที่จะถูกนําไปใชเปน Banner
2. stories เปน folder รูปภาพที่ถูกใชกับ MOSImage ซึ่งจะถูกแสดงออกมาในสวน Tab
Images เมื่อมีการแกไข Content Item
• การเขาสู Media Manager
• การยายไปยัง Folder อื่น
• การ Upload ไฟล
• การสราง Folder
• การลบไฟล
59. - 55 -
การเขาสู Media Manager สามารถทําได 2 วิธีดังนี้
วิธีที่ 1
1. คลิก Menubar แลวเลือกคําสั่ง Site => Media Manager
- Media Manager -
60. - 56 -
วิธีที่ 2
1. คลิก menubar แลวเลือกคําสั่ง Home เพื่อไปที่หนาแรก (สวนของ Control Panel)
2. คลิกปุม Media Manager
การยายไปยัง Folder อื่น
1. เขาสู Media Manager
2. คลิก เพื่อเลือก Folder ที่ตองการไป
หากตองการยายไปยัง Folder กอนหนาใหกดปุม
การ Upload ไฟล
1. เขาสู media manager
2. ยายไปยัง Folder ที่ตองการเก็บไฟล
3. กดปุม เพื่อเลือกไฟล
4.กดปุม
การสราง Folder
1. เขาสู media manager
2. ยายไปยัง folder ที่ตองการเก็บ Folder ใหม
3. พิมพชื่อ Folder ที่ตองการสรางในชอง create directory
4. กดปุม
การลบไฟล
1. เขาสู media manager
2. ยายไปยัง folder ที่เก็บไฟลที่ตองการลบ
3. กดปุม ตรงไฟลที่ตองการลบ
61. - 57 -
WORKSHOP 8
การจัดการ Frontpage Manager
การเขาสูสวน Frontpage Manager เพื่อจัดการ Content Item ที่ถูกเลือกมาไวในหนาแรก
ของเว็บไซต สามารถทําได 2 วิธีดังนี้
วิธีแรก
1. คลิก Menubar แลวเลือกคําสั่ง Content => Frontpage Manager
- Frontpage Manager –
62. - 58 -
วิธีที่ 2
1. คลิก menubar แลวเลือกคําสั่ง Home เพื่อไปที่หนาแรก (สวนของ Control Panel)
2. คลิกปุม Front page Manager
การเปดและซอน Content Item ในหนาแรก
1. เขาสูสวน frontpage manager
2. หากตองการให Content Items ปรากฏใหหนาแรกใหคลิกสวน Published ใหเปนรูปสัญลักษณ
และหากไมตองใหปรากฏใหคลิกเปลี่ยนเปนรูปสัญลักษณ
การสลับลําดับของ Content Items ที่แสดงในหนาแรก
1. เขาสูสวน Frontpage Manager
2. ใหคลิกรูปสัญลักษณ หรือ ที่แถว Reorder เพื่อเปลี่ยนลําดับ
63. - 59 -
WORKSHOP 9
การจัดการเมนู (Menu Manager)
Menu เปนสวนที่นําขอมูลของ Content Item ออกมาแสดงบนเว็บไซต เมนูจะมีทั้งหมด 4
รูปแบบ ตาง ๆ ดังนี้
Main Menu (เมนูหลัก ปกติจะปรากฏทางดานซาย)
top menu (เมนูดานบน)
user menu (เมนูสําหรับสมาชิก จะปรากฏเมื่อสมาชิก Login)
Other Menu (เมนูอื่น ๆ)
การจัดการปุมเมนู
• การเขาสูสวนการจัดการเมนู (Menu Manager)
• การสรางปุมเพิ่มบนเมนู
• การลบปุม
• การสลับลําดับปุม
• การเปดและซอนปุม
การเขาสูสวนการจัดการเมนู (Menu Manager)
(ในทีนี้จะเปนการสรางปุมบน main menu)
่
1. คลิก menubar แลวเลือกคําสั่ง menu => mainmenu
เมื่อเขาสูสวนการจัดการ menu จะปรากฏสวนแสดงรายละเอียดภายใน menu manager ดังรูป
64. - 60 -
- สวนการจัดการ menu (Menu Manager) -
การสรางปุมเพิ่มบนเมนู สามารถทําไดดังนี้
1. เขาสูสวนการจัดการเมนู (menu manager)
2. กดปุม
3. เลือกประเภทของปุม (Menu Item)
65. - 61 -
- ประเภทตาง ๆ ของ Menu Item –
4. กดปุม
การลบปุม สามารถทําไดดังนี้
1. เขาสูสวนการจัดการเมนู (Menu Manager)
2. เช็คเครื่องหมาย √ ของ menu ที่ตองการลบ
3. กดปุม (การลบ menu item นั้นภายในตองไมมี menu item ใด ๆ อยู)
การสลับลําดับปุม สามารถทําไดดังนี้
1. เขาสูสวนการจัดการเมนู (menu manager)
2. ใหคลิกรูปสัญลักษณ หรือ ที่แถว reorder เพื่อเปลี่ยนลําดับ
66. - 62 -
การเปดและซอนปุม สามารถทําไดดังนี้
1. เขาสูสวนการจัดการเมนู (Menu Manager)
2. หากตองการใหปุมใด ๆ ปรากฏอยูภายในเมนู สามารถทําไดโดยคลิกรูปสัญลักษณ ใน
คอลัมนของ published และหากไมตองการใหปรากฏบนเมนูใหคลิกเปลี่ยนเปนรูปสัญลักษณ
ความหมายของปุม (Menu Item) ประเภทตาง ๆ
ทําความเขาใจกับชื่อของปุม (Menu Item)
หากสังเกตุชื่อชนิดของปุม (Menu Item) เชน Blog - Content Category
จะสามารถเขาใจไดวารูปแบบของชื่อปุม (Menu Item) จะประกอบดวย [รูปแบบการแสดงขอมูล] -
[ชนิดของกลุมเนื้อหา]
ดังนั้น Blog - Content Category สามารถเขาใจไดวาปุมนี้เมื่อคลิกแลวจะ [แสดงขอมูล
รูปแบบแบบ Blog] - [เนื้อหานํามาจาก Category]
รูปแบบการแสดงขอมูล ไดแก
1. Blog แสดงเนื้อหาเฉพาะในสวน Intro Text เปนบทนําและมี Link เพือใหผูสนใจคลิกอาน
่
เนื้อหาของ Content Item ตอทั้งหมด
2. Table แสดงเฉพาะหัวขอขาวออกมาในรูปแบบตาราง
3. Link แสดงเนื้อหาทั้งหมด
ชนิดของกลุมเนื้อหา ไดแก Section, Category, Content Item, Static Content Item, Url, Component
ตาง ๆ และอื่น ๆ
ปุมบนเมนูจะถูกแบงออกตามกลุมตาง ๆ ดังนี้
• Content
• Components
• Links
• Miscellaneous
67. - 63 -
กลุม Content
Blog - Content Category
ปุมสําหรับ Link ไปยังหนาที่แสดงรายชื่อรวมของ Content Item ภายใน Category ที่เลือก
Blog - Content Category Archive
ปุมสําหรับ Link ไปยังระดับหมวดหมูยอยของเนื้อหา Category ซึ่งจะทําการแสดงลักษณะของ
ขอมูลเหมือนหนาแรก โดยที่ขอมูลดังกลาวถูกกําหนดใหเปน Archive
Blog - Content Section
ปุมสําหรับ Link ไปยังหนาที่แสดงรายละเอียดของ Content Item ภายใน Category ที่เลือกใน
รูปแบบรายละเอียดยอย
Blog - Content Section Archive
ปุมสําหรับ Link ไปยังระดับหมวดหมูหลักของเนื้อหา Section ซึ่งจะทําการแสดงลักษณะของ
ขอมูลเหมือนหนาแรก โดยที่ขอมูลดังกลาวถูกกําหนดใหเปน Archive
Link - Content Item
ปุมสําหรับ Link ไปยัง Content Item
Link - Static Content
ปุมสําหรับ Link ไปยัง Static Content Item
Table - Content Category
ปุมสําหรับ Link ไปยังหนาที่แสดงรายชื่อรวมของ Content Item ภายใน Category ที่เลือกใน
รูปแบบ List
Table - Content Section
ปุมสําหรับ Link ไปยังหนาที่แสดงรายชื่อรวมของ Content Item ภายใน Section ที่เลือกในรูปแบบ
List
กลุม Components
Component
ปุมสําหรับ Components ที่ติดตั้งบนเว็บไซต ซึ่งรวม Components ที่ติดมากับการติดตั้ง Joomla ใน
ครั้งแรก รวมทั้ง Component ของผูพัฒนารายอื่นที่ไดตดตั้งใชงานบนเว็บไซต
ิ
Link - Component Item
ปุมสําหรับ Link ไปยังรายการยอยของ Component
Link - Contact Item
ปุมสําหรับ Link ไปยัง Contact Us
68. - 64 -
Link - Newsfeed
ปุมสําหรับ Link ไปยังเว็บไซตที่ใหบริการดึงขาวมาแสดงบนเว็บไซตของเรา
Table – Contact Category
ปุมสําหรับ Link ไปยัง Contact Us ในลักษณะ List
Table – Newsfeed Category
ปุมสําหรับ Link ไปยังเว็บไซตที่ใหบริการดึงขาวมาแสดงบนหนาเว็บไซตเราในรูปแบบ List หัวขอ
Table – Weblink Category
ปุมสําหรับ Link ไปยัง Weblink Component
กลุม Links
Link - Component Item
ปุมสําหรับ Link ไปยังเนื้อหาของ Component
Link - Contact Item
ปุมสําหรับ Link ไปยังรายการที่อยูสําหรับติดตอ
Link - Content Item
ปุมสําหรับ Link ไปยัง Content Item
Link - Newsfeed
ปุมสําหรับ Link ไปยังรายการเว็บไซตที่ใหบริการดึงขาวมาแสดงบนเว็บไซตของเรา
Link - Static Content
ปุมสําหรับ Link ไปยัง Static Item
Link - Url
ปุมสําหรับ Link URL ตาง ๆ เชน เว็บไซตมหาวิทยาลัยกรุงเทพ
กลุม Miscellaneous
Separator / Placeholder
ปุมสําหรับคั่น Menu ตาง ๆ โดยที่ Menu ประเภทนี้จะไมมีการกําหนด Link ปลายทาง
Wrapper
ปุมสําหรับ Link Wrapper
69. - 65 -
WORKSHOP 10
การติดตั้งและเปลี่ยน Template
เว็บไซตที่ดแลโดยโปรแกรม joomla นั้น สามารถเปลี่ยนรูปแบบเว็บไซต (Template) ได
ู
อยางงายและรวดเรว สําหรับขั้นตอนการจัดการตาง ๆ มีดังนี้
• การเปลี่ยน template
• การติดตั้ง template
• การลบ template ออกจากเว็บไซต
การเปลี่ยน template สามารถทําไดดังนี้
1. คลิก menubar แลวเลือกคําสั่ง Site => Template Manager => Site Templates
เมื่อเขาสูสวน template manager จะปรากฏสวนแสดงรายละเอียดดังรูป
(สามารถทราบไดวาเราเลือกใช template อะไรอยูโดยใหสังเกตุสัญลักษณ ในคอลัมนของ
default)
70. - 66 -
- template manager -
2. คลิกวงกลมเลือก template ที่ตองการเปลี่ยน
3. กดปุม
การติดตั้ง template สามารถทําไดดังนี้
1. คลิก menubar แลวเลือกคําสั่ง Installers => Templates – Site
เมื่อเขาสูสวนการติดตั้ง template จะปรากฏสวนแสดงรายละเอียดดังรูป
71. - 67 -
- สวนการติดตั้ง template -
3. กดปุม เพื่อเลือกไฟล template
4. กดปุม
การลบ template ออกจากเว็บไซต สามารถทําไดดังนี้
1. คลิก menubar แลวเลือกคําสั่ง Site => Template Manager => Site Templates
เมื่อเขาสูสวน template manager จะปรากฏสวนแสดงรายละเอียดดังรูป
72. - 68 -
- template manager –
2. คลิกวงกลมเลือก template ที่ตองการลบออกจากเว็บไซต
3. กดปุม (จะไมสามารถลบ template ออกได หาก template นั้นถูกเลือกใชอยู)
การเรียกดู (Preview) เว็บไซตหลังการแกไข
เมื่อมีการเปลี่ยนแปลงใด ๆ ที่ไดทําขึ้นในสวน administrator สามารถที่จะเปดดูการ
เปลี่ยนแปลงบนเว็บไซต (Frontend) ไดโดย
1. คลิก menubar แลวเลือกคําสั่ง Preview => In New Window
จากนั้นโปรแกรม Joomla จะ popup โปรแกรม Internet Explorer (Web Browser) ขึ้นมาพรอมกับ
เปดเว็บไซต
73. - 69 -
WORKSHOP 11
การสราง Static Content
Static content คือ สวนที่เราจะพิมพขอความหรือ เนื้อหาที่เราตองการที่จะปรากฏในเว็ป
ไซต
เริ่มจาก Menu content คลิกที่ Static Content Manager
จะปรากฏหนานี้
ใหคลิกที่ New ตรง Menu bar
74. - 70 -
ในสวนของ Item Details
Title = ชื่อหลัก (แสดงใหเห็นในเวปไซต)
Title = ชื่อรอง จะตั้งหรือไมตั้งก็ได
Text = เปนสวนทีจะพิมพขอความที่ตองการใหแสดงในเวปไซตในหนาตางๆ
่
ในสวนของ Publishing
ทําการ Set คา Publishing ไดตามตองการ
Status = เปน Public สามารถใหคนทั่วไปดูหนานี้ได
Chang Creator = แสดงใหคนวาใครเปนคนแกไขบทความ
Override Created Date = แกไขบทความเมื่อไร
Start Publishing = วันที่เริ่มประกาศใหคนทัวไปดูขวความของเราได
่
Finish Publishing = วันที่ปดไมใหคนทัวไปดูขอความในเวปไซต
่
76. - 72 -
WORKSHOP 12
การติดตั้ง Components
การติดตั้ง Components เพื่อการใชงานใน Joomla นั้น จะสังเกตไดวา Components ที่ดาวน
โหลดมานั้นจะมีชื่อไฟล นําหนา com_ เชน com_akobook342.zip , com_simpleboard-1.0.4-
beta1.zip เปนตน
การติดตั้งทําไดโดย ไปที่ menubar (Installers--> Components)
แลวคลิก Component จะพบหนาถัดไป
จะเปนหนาที่ Install และ Uninstall
77. - 73 -
ตรง Upload Package File ใหคลิกที่ Browse
ใหไปที่เก็บไฟล เลือกไฟลที่ตองการ แลวคลิกปุม Open
เสร็จแลวใหคลิกที่ ปุม Upload File & Install เมื่อคลิกโปรแกรมก็จะถูก Install ถาไมมีปญหาใน
การ Upload จะขึ้นคําวา Success
ใหกดปุม Continue เปนการเสร็จสิ้นการ Install Components
78. - 74 -
การลบ Components ที่ไมตองการ
ไปที่ เมนูการติดตั้ง เหมือนเดิมโดย ไปที่ menubar (Installers--> Components)
จะปรากฏ Install ถาเลื่อนดูขางลางจะพบกับ Installed Components คือ Components ที่มีอยูใน
Joomla นั้นเอง
คลิกที่ Currently Installed ตรง Components ที่ตองการลบ
79. - 75 -
เสร็จแลวใหไปที่ Menubar คลิกที่ Uninstall
โปรแกรมจะถามยืนยันวาตองการลบจริงหรือไม ใหคลิก OK
เมื่อคลิก OK ก็เสร็จการลบ Components
80. - 76 -
WORKSHOP 13
การติดตั้ง Modules
การติดตั้ง Modules เพื่อการใชงานใน Joomla นั้น จะสังเกตไดวา Modules ที่ดาวนโหลด
มานั้นจะมีชื่อไฟล นําหนา mod_ เชน mod_anaclock2.zip , mod_partner.zipเปนตน
การติดตั้งทําไดโดย ไปที่ menubar (Installers--> Modules)
แลวคลิก Modules จะพบหนาถัดไป
81. - 77 -
ใหคลิกที่ Browse ไปที่เก็บไฟล
คลิกที่ Upload File & Install
เสร็จแลวใหกดปุม Continue เปนอันเสร็จการ Install
การลบ MoDules
การลบใหทําในลักษณะเดียวกับ การลบ Components
82. - 78 -
WORKSHOP 14
การติดตั้ง Mombots
การติดตั้ง Mombots เพื่อการใชงานใน Joomla นั้น การติดตั้งทําไดโดย ไปที่ menubar
(Installers--> Mombots)
ใหทําการคลิกที่ ปุม Browse
83. - 79 -
ใหไปยังที่เก็บไฟล แลวทําการคลิกที่ปุม Upload File & install
แลวการ Upload ไมมีปญหา จะขึ้น Success
เสร็จแลวใหกดปุม Continue เปนอันเสร็จการ Install
การลบ MoDules
การลบใหทําในลักษณะเดียวกับ การลบ Components
84. - 80 -
WORKSHOP 15
การจัดการ Contact Us
Component Contact Us คือ Components ที่ใชในการติดตอสื่อสาร ระหวางผูใชบริการ
Website และผูที่เกี่ยวของ
การจัดการ Contact us มีขั้นตอนดังนี้
เลือกที่ Components --> Contacts --> Manage Contacts
คลิกเลือกที่ชองสี่เหลี่ยม
แลวเลือกที่ Edit ตรง Menubar
จะปรากฏหนาเพื่อใหทําการแกไข
86. - 82 -
WORKSHOP 16
การจัดการ Web link
วิธีการสราง Web link Categories มีขั้นตอน ดังนี้
เลือก Components --> Web link --> Web link Categories เพื่อสราง Web link Categories ซึ่งจะ
นําไปใชในสวนของ Web link Item ตอไป
จะปรากฏหนาจอ
- Category Title คือ หัวขอของ Category
- Category Name คือ ชื่อของ Category
- Image Position คือ ตําแหนงของรูปภาพทีจะแสดง
่
- Access Level คือ ระดับการเขาถึงของผูใช
- Published คือ ตองการแสดง Web link Categories นี้หรือไม
- Description คือ สวนของการอธิบายรายละเอียดหัวขอ Category ที่เราสรางขึ้น
- คลิก Save เมื่อเสร็จเรียบรอยแลว
87. - 83 -
เมื่อมีการสราง หัวขอ Category หรือกลุมของ Link แลว ใหไปที่ Menubar
Components--> Web links --> Web Link Items
จะปรากฏหนาถัดไป
ใหกดปุม New เพื่อสราง Link
จะปรากฏหนาเพื่อใหกรอกขอมูล
88. - 84 -
- Name: ชื่อของ Link
- Category: กลุมของ Link ที่สรางไว
- URL: ใหใส URL ที่จะ Link ไป
- Description: รายละเอียดของ Link
- Published: ใหคลิกเพื่อ แสดงหรือไมแสดง Link
แลวใหกดปุม save ก็เปนอันเสร็จ
89. - 85 -
WORKSHOP 17
การแกไขภาษาใน Joomla
ใน Joomla จะใชภาษาไทยไมได ดังนันจะตองทําการ Install ภาษาไทยเขาไป โดยไปที่ Menubar
้
Site --> Language --> Site Languages
จะปรากฏหนาตอไป
แลวไปที่ New ที่ Menubar
จะปรากฏหนาจอให Install
90. - 86 -
ใหคลิกที่ปุม Browse
แลวคลิกที่ Upload File & Install
โปรแกรมจะถูก Install เสร็จแลวจะพบหนา Success ใหกดปุม Continue
92. - 88 -
แลวใหคลิกที่ Delete
จะปรากฏยืนยันการลบ ใหกดปุม OK
ก็เปนอันเสร็จการลบภาษาทีไมตองการออก
่
93.
คูมอ
ื
โปรแกรมการจัดการ
Website สําเร็จรูป
Joomla
จัดทําโดย
นายวริศ คุมพงษ 48051752
นายรุงโรจน พงษโสพณ 48051660
นางสาวสิตา กังวานพณิชย 48052186