คู่มือการติดตั้งและใช้งานJoomla cms
- 1. คูมือการติดตั้งและใชงาน Joomla! การติดตั้งและใชงานเบื้องตนจนถึงระดับกลาง Step By Step จัดทําโดย joomlathaiclub.com
- 2. 2 คูมือการติดตั้งและใชงาน Joomla! คูมอการติดตั้งและใชงาน joomla CMS ที่ไดจัดทําขึ้นเพื่อใชเปนคูมือสําหรับผูเริ่มตนใชงาน joomlaCMS ในการทํา ื เว็บไซต เนื้อหาภายในเกี่ยวกับการทดลองติดตั้งและใชงาน joomla ดวยเครื่องมือที่มีอยูภายในตัว joomla การเตรียมความพรอม กอนลงมือปฏิบัติจริง ศึกษาและเขาใจเครื่องมือตาง ๆ ของ joomla เนือหาสวนใหญเนน รูปประกอบ ทําความเขาใจแลวปฏิบัติตาม ้ หวังเปนอยางยิ่งวา เอกสารฉบับนี้จะเปนประโยชนแกผูที่สนใจศึกษาการทําเว็บไซตดวย joomlaCMS ผูจัดทํามิไดหวังผล ทางการคา แตอยางใด และไมสงวนลิขสิทธิ์ สําหรับขอความ รูปประกอบ ในทุกสวนของเอกสารฉบับนี้ หากผูใดตองการนําไป เผยแพรตอ ก็สามารถทําได แตขอใหระบุแหลงที่มาของเอกสาร www.joomlathaiclub.com
- 3. 3 สารบัญ ความหมายของ Content Management System (CMS)………………………………………………..……….…….…………………..4 การติดตั้ง Web Server จําลอง ....................................................................................................................................................................7 การติดตั้ง AppServ 2.5.10 …………………………………………………………………………………….……………….……….. 7 การติดตั้ง XAMPP …………………………………………………………………………………………………..…………………..13 เริ่มทําการติดตั้งและใชงาน ........................................................................................................................................................................27 การเขา – ออกระบบ ผูดูแลระบบ .............................................................................................................................................................37 บทบาทหนาที่ของ User Group Access levels for joomla ……………………………………………………………………………… 40 การสรางหมวดหมูไวเก็บเนื้อหาเว็บไซตใน joomla 1.5 ……………………………………………………………………………….. 41 การสรางบทความ (article) ……………………………………………………………………………………………………………... 45 การใสรูปภาพลงในบทความ .................................................................................................................................................................... 47 การใชงาน menu manager ……………………………………………………………………………………………………………… 52 การสรางเมนูใหม ………………………………………………………………………………………………………………………...56 Trash manager …………………………………………………………………………………………………………………………… 57 User Manager …………………………………………………………………………………………………………………………… 58 สรางปายโฆษณา (banner) ……………………………………………………………………………………………………………….. 59 การสรางแบนเนอรโดยใช Banner Code ………………………………………………………………………………………………… 61 การสรางรายชื่อผูติดตอ Contact ………………………………………………………………………………………………………….. 62 News Feed Manager ……………………………………………………………………………………………………………………….65 Search component …………………………………………………………………………………………………………………………72 Web Link Manager ……………………………………………………………………………………………………………………….. 73 Media Manager …………………………………………………………………………………………………………………………… 76 การติดตั้ง Extensions ของ joomla …………………………………………………………………………………………………..…… 78 การถอนการติดตั้ง Extensions ของ joomla (Uninstall) ……………………………………………………………………………..……..79 การสรางโมดูลใหม (ตัวอยางการสรางโมดูลคนหา (Search)) …………………………………………………………………….……… 80 Mass Mail ………………………………………………………………………………………………………………………………… 81 Clean Cache ………………………………………………………………………………………………………………….…...………. 82 Purge Expired Cache ………………………………………………………………………………………………………………….…...83 Syatem Information ………………………………………………………………………………………………………………….…... 83 ลงมือปฏิบัติ ………………………………………………………………………………………………………………….…............... 84 เกร็ดความรูเล็ก ๆ นอย ๆ ……………………………………………………………………………………………………………… 104 ขั้นตอนในการ Upgrade Joomla …………………………………………………………………………………………………………. 104 วิธีการเพิ่มความเร็ว - เพิ่มประสิทธิภาพ Joomla ………………………………………………………………………………………… 107 การใชงาน system legacy …………………………………………………………………………………………………………………109 การปดเว็บไซตชั่วคราวออฟไลท ………………………………………………………………………………………………………… . 110 ทําให url joomla 1.5 เปน search engine friendly …………………………………………………………………………………………. 111 มาเปลี่ยน favicon ให joomla กันเถอะ …………………………………………………………………………….………………………. 112 Upload joomla ที่ทําเสร็จจากเครื่องขึ้น hosting…………………………………………………………………………………………….. 114 การใชงาน phpmyadmin เบื้องตน ………………………………………………………………………………………………………..... 119 การใชงาน filezilla FTP manager …………………………………………………………………………………………………………... 124
- 4. 4 คูมือการติดตั้งและใชงาน Joomla 1.5 CMS ความหมายของ Content Management System (CMS) ระบบการจัดการเนื้อหาของเว็บไซต(Content Management System : CMS) คือ ระบบที่พัฒนา คิดคนขึ้นมาเพื่อชวยลดทรัพยากร ในการพัฒนา(Development) และบริหาร(Management)เว็บไซต ไมวาจะเปนเรื่องของกําลังคน ระยะเวลา และเงินทอง ที่ใชในการ สรางและควบคุมดูแลไซต โดยสวนใหญแลว มักจะนําเอา ภาษาสคริปต(Script languages) ตางๆมาใช เพื่อใหวิธีการทํางานเปนแบบอัตโนมัติ ไมวาจะเปน PHP, Perl, ASP, Python หรือภาษาอื่นๆ(แลวแตความถนัดของผูพัฒนา) ซึ่งมักตองใชควบคูกันกับโปรแกรมเว็บเซิรฟเวอร(เชน Apache) และดาตาเบสเซิรฟเวอร(เชน MySQL) ลักษณะเดนของ CMS ก็คือ มีสวนของ Administration panel(เมนูผูควบคุมระบบ) ที่ใชในการบริหารจัดการสวนการทํางานตางๆ ในเว็บไซต ทําใหสามารถบริหารจัดการเนือหาไดอยางรวดเร็ว และเนนที่การ จัดการระบบผานเว็บ(Web interface) ในลักษณะ ้ รูปแบบของ ระบบเว็บทา(Portal Systems) โดย ตัวอยางของฟงกชันการทํางาน ไดแก การนําเสนอบทความ(Articles), เว็บ ไดเรคทอรี(Web directory), เผยแพรขาวสารตางๆ(News), หัวขอขาว(Headline), รายงานสภาพดินฟาอากาศ(Weather), ขอมูล ขาวสารที่นาสนใจ(Informations), ถาม/ตอบปญหา(FAQs), หองสนทนา(Chat), กระดานขาว(Forums), การจัดการไฟลในสวน ดาวนโหลด(Downloads), แบบสอบถาม(Polls), ขอมูลสถิติตางๆ(Statistics) และสวนอื่นๆอีกมากมาย ที่สามารถเพิ่มเติม ดัดแปลง แกไขแลวประยุกตนํามาใชงานใหเหมาะสมตามแตรูปแบบและประเภทของเว็บไซตนั้นๆ Joomla คืออะไร? Joomla คือระบบที่ชวยในการจัดการเนื้อหา(Content Management System: CMS) บนเว็บไซต เพื่อชวยในการอํานวยความสะดวก ลดขั้นตอน และความยุงยากในการบริหารจัดการเว็บไซต โดยที่ ผูใชไมจําเปนตองมีความรูในดานการเขียนโปรแกรม หรือ ออกแบบเว็บไซต ก็สามารถจัดทําเว็บไซตดวยตัวเองได กอนจะมาเปนจุมลาในปจจุบัน Mambo หรือชือเดิม Mambo Open Source (MOS) เปนระบบจัดการเนื้อหาเว็บ (Content Management System) แบบโอเพนซอร ่ สที่มผูใชจํานวนมาก Mambo เคยชนะการประกวดซอฟตแวรของนิตยสาร Linux Format ในป 2004 และ LinuxWorld เมื่อป 2005 ี Mambo เปนซอฟตแวรที่มีความสามารถมากมาย เชน ปฏิทิน, RSS, เว็บบล็อก ปจจุบันมีกลุมนักพัฒนาจํานวนมากสรางโปรแกรม เสริมใหกับ Mambo การติดตั้ง Mambo จําเปนตองใช Apache HTTP Server, MySQL และ PHP เดิม Mambo พัฒนาโดยบริษัท Miro Corporation ประเทศออสเตรเลีย แตภายหลัง Miro ไดตั้ง Mambo Foundation ขึ้นมารับหนาที่แทน ใชสัญญาอนุญาตการใช งานแบบ GPL หลังจากการเปลี่ยนรูปแบบการพัฒนามาอยูใต Mambo Foundation นักพัฒนาเดิมสวนหนึ่งไดแยกไปตั้งโครงการ ใหมชื่อวา Joomla จูมลา! (Joomla!) เปนระบบจัดการเนือหาเว็บแบบโอเพนซอรส ที่เขียนดวยภาษาพีเอชพีและใชฐานขอมูล ้ MySQL เวอรชน 1.0 ออกเมือวันที่ 16 กันยายน ค.ศ. 2005 ทีมงาน พัฒนาจูมลา! แยกตัวออกมาจากการพัฒนา Mambo ซึ่งเปน ั ่ ระบบจัดการเนื้อหาเว็บที่ไดรับความนิยมอีกตัวหนึ่ง เนื่องจากมีความคิดเห็นไมตรงกับบริษัท Miro Corporation ในประเทศ ออสเตรเลีย ซึ่งเปนผูสนับสนุนหลักและเจาของเครื่องหมายการคา Mambo เมื่อวันที่ 17 สิงหาคม ค.ศ. 2005
- 5. 5 Joomla นั้นถูกออกแบบเวอรช่น มาอยู 2 แบบดวยกันคือ ั Joomla 1.0.xxx เปนเวอรชนที่ถูกพัฒนาตอมาจาก Mambo 4.5.x โดยแยกตัวออกมาทําเปนเวอรช่นของ Joomla โดยรูปแบบการใช ั่ ั งานยังคลายคลึงกับ Mambo 4.5.x อยู Joomla 1.5.xxx เปนเวอรชั่นที่ถูกพัฒนาแตกตาง ออกไปจาก Joomla เวอรชั่น 1.0.xxx อยางสิ้งเชิงทั้งเมนูการใชงานรวมถึงขั้นตอน การติดตั้ง และโครงสรางการทํางาน จากการทดสอบ ในการโหลดหนาเว็บไซต Joomla 1.5.xxx สามารถทํางานไดเร็วกวา Joomla 1.0.xxx Content Management System: CMS คืออะไร? Content Management System หรือ CMS ถาแปลตามตัว Content = เนือหา,บทความ Management=การจัดการ System =ระบบ ้ เพราะฉะนั้นจะไดความหายตามตัวคือ ระบบบริหารการจัดการเนื้อหา แตที่จริงแลว CMS นี้ถูกนํามาใชเรียกงานทางดานเว็บไซต ซะสวนใหญ เ ขาจึงเรียกระบบนี้วาเปนระบบบริการการจัดการเว็บไซต โดยที่ระบบนี้ นั้นนควาหมาย จะรวมไปถึงการจัดการ ขอมูลตางๆ ไมวาจะเปน ขอมูลที่เปนตัวอักษร รูปภาพ ไฟลงานตางๆดวย แลวแตผใชงานจะเลือกหรือกําหนดความตองการของ ู ตัวเอง Jooma เหมาะกับเว็บไซตแบบไหนบาง? วาไปแลว Joomla นั้นเราสามารถนํามาประยุกตทําเว็บไซตไดทุกรูปแบบ ตัวอยางเชน * Corporate Web sites or portals * Corporate intranets and extranets * Online magazines, newspapers, and publications * E-commerce and online reservations * Government applications * Small business Web sites * Non-profit and organizational Web sites * Community-based portals * School and church Web sites * Personal or family homepages ทําความเขาใจเกี่ยวกับการใชงาน Joomla! Joomla ถูกพัฒนาขึ้นดวยภาษา PHP และฐานขอมูล MySQL การที่จะใชงานไดนั้นจําเปนตองมี web server (เครื่องคอมพิวเตอร ที่ใหบริการเผยแพรขอมูลทางอินเตอรเน็ต) ซึ่งตองรองรับการทํางานของ PHP และ MySQL web server ที่เหมาะสมที่สุดสําหรับ joomla ก็คือ web server ที่ติดตั้งดวยระบบปฏิบัติการ Unix หรือ Linux นอกจากจะถูกกวา web server ที่ติดตั้งดวยระบบปฏิบัติการ windows server เพราะไมตองเสียคาลิขสิทธิ์ ปญหาการใชงานเล็ก ๆ นอย ๆ ก็ยงมีนอยกวา windows server ั
- 6. 6 ความตองการของระบบในการติดตั้ง Software Recommended Minimum More information PHP* 5.2 + 4.3.10 http://www.php.net MySQL** 4.1.x + 3.23 http://www.mysql.com Apache*** 2.x + 1.3 http://www.apache.org (with mod_mysql, mod_xml, and mod_zlib) Microsoft IIS**** 7 6 http://www.iis.net * ไมควรใช PHP 4.3.9, 4.4.2 หรือ 5.0.4. และ Zend Optimizer 2.5.10 สําหรับ PHP 4.4.x ยังมีขอบกพรองรายแรงและคุณควรขอ โฮสตของคุณเพื่ออัปเกรดเปนเวอรชันใหม . Joomla ยังไมสามารถทํางานรวมกับ PHP 5.3 ** Joomla ยังไมสามารถทํางานรวมกับ MySQL 6.x. *** เพื่อที่จะใช SEO URL ที่คุณจะตองมี Apache mod_rewrite **** Joomla จะเหมาะสําหรับ Apache แตยังทํางานบน Microsoft IIS (แตไมสนับสนุนอยางเปนทางการ). ขึ้นอยูกับการตั้งคาของ คุณตอไปนี้ PHP 5.2 MySQL 5.1 Apache 2.2 Microsoft URL Rewrite Module – ความตองการสําหรับ SEO URLs เทานั้น Joomla 1.6 will require PHP 5.2+ and MySQL 5.0.4+. จะเห็นวาตองมี web server ที่มความพรอมจริง ๆ ในการลงระบบ joomla หากตองการทําสอบ joomla ในเครื่องคอมพิวเตอรของ ี คุณเองสามารถทําไดโดยใชโปรแกรม web server จําลอง ที่มีความสามารถในการจําลองระบบใหเหมือนกับ web server จริง ๆ โปรแกรม web server มีอยูหลายตัวใหเลือกใชการติดตังงาย ๆ เพียงแค Next ไมกี่ขั้นตอนก็เสร็จเรียบรอย อยางเชน ้ - AppServ ดาวนโหลดฟรี ๆ ไดที่ http://www.appservnetwork.com/ - XAMPP ดาวนโหลดฟรี ๆ ไดที่ http://www.apachefriends.org/ เลือกเอาตัวใดตัวหนึงครับ แตผมจะแนะนําคือ XAMPP ความตางก็คือมีระบบจําลองการทํางานของ FTP Server และ Mail Server ่ มาใหดวยทําใหการใชงานเหมือน server จริง ๆ มาขึ้น
- 7. 7 การติดตั้ง Web Server จําลอง การติดตั้ง AppServ 2.5.10 AppServ รุน 2.5.10 มีรายละเอียดดังนี้ • Apache 2.2.8 • PHP 5.2.6 • MySQL 5.0.51b • phpMyAdmin 2.10.3 เหตุที่เลือกตัวนี้เพราะมี php5 ดวยซึ่งการใชงานในปจจุบัน นั้นเริ่มที่จะหลากหลายมากขึ้น แมวาจะมีที่เปนเวอรช่น php6 แลวก็ตาม ั อีกอีกยาวไกลกวาจะมีความนิยมอยางหลากหลาย กอนอืนก็ดาวนโหลดตัวติดตั้งที่ http://www.appservnetwork.com/ ตัวนี้คนไทย ่ เปนผูพัฒนาครับ และไดรับความนิยมอยางแพรหลาย หมายเหตุ กอนอื่นตองแนใจวาคุณไมเคยติดตั้งโปรแกรมจําลองเครื่องเปน Server หากเคยใหถอนออกกอนการติดตั้ง หากติดตั้ง IIS ไวตองปดการทํางานกอนเชนกัน เริ่มติดตัง ้ 1. ดับเบิลคลิ๊กappserv-win32-x.x.x.exe เพือติดตั้ง AppServ บนเครื่องPC ่
- 8. 8 2. คลิ๊ก Next จะพบกับหนาจอ ประกาศเรื่องลิขสิทธิ์ ซึ่งเปน ลิขสิทธิ์แบบ GNU/GPL License 3. เมื่อคลิ๊กI Agree เพื่อยอมรับลิขสิทธิ์แลว ก็จะเขาสูหนาเลือกโฟลเดอร และไดรฟ ที่จะติดตั้ง ในที่นี้เปน C:AppServ
- 9. 9 4. เมื่อคลิ๊กNext จะเขาสูหนาเลือก คอมโพเนนที่จะติดตั้ง ในที่นี้คลิ๊กใหหมดทุกตัว 5. หนาServer Information ชอง Server Name ใหใสlocalhost ชอง Admin Email ใหใสemail ของเราไป ชอง HTTP Port ใหใสหมายเลข Port ที่ตองการเผยแพรเขาไป ในที่นแนะนําเปน 80 จากนั้นคลิ๊ก Next ี้
- 10. 10 6. ตั้งคา MySQL ชองEnter Root Password ใสรหัสผานสําหรับ Account User: root หมายเหตุ กรุณาใสรหัสที่คณจําไดงายๆ ุ Re-Enter Root Password ใสรหัสผานสําหรับ root อีกครั้งใหเหมือนเดิม ชอง Character Sets เลือกเปน TIS620 Thai เพื่อใชงานกับภาษาไทย หรือ UTF-8 ก็ได แต เวลาใชงานจริงบนโอสติ้งตอง ตรวจสอบกอนวาโฮสเราสนับสนุน UTF-8 หรือไม จากนั้นคลิ๊กInstall
- 11. 11 7. จากนั้นโปรแกรมจะถูกติดตั้ง รอจนครบ 100% ในระหวางนี้ หาก Windows มีการสอบถามเรื่องการ Block โปรแกรม ใหคลิ๊ก Unblock โปรแกรมจะถูกติดตั้งอยางสมบูรณ 8. เมื่อระบบติดตั้งจนครบ 100 % ก็จะเขาสูหนาสุดทาย ระบบจะถามวา จะเริ่มให Apache และ MySQL ทํางานหรือไม จากนั้น คลิ๊ก Finish
- 12. 12 9. เมื่อติดตั้งเสร็จ ใหเปด Internet Explorer หรือ Mozilla Firefox ขึ้นมา ชอง Address พิมพ http://localhost เพื่อทดสอบ หาก สําเร็จ จะมีหนาจอดังภาพ โครงสรางของโฟลเดอร เราจะเก็บ joomla ไวใน โฟลเดอร www (c:appservwww)
- 13. 13 การติดตั้ง XAMPP XAMPP for windows เปนโปรแกรมจําลอง web serverเอาไวสําหรับทดสอบ สคริปหรือเว็บไซต ที่เราพัฒนาภายในเครื่องของเรา เอง เวอรชั่นทีจะแนะนําคือ XAMPP 1.6.8 bate 2 ซึ่งเปนเวอรชั่นทดลองใชอยูแตเทาที่ใชดูก็โอเค ดีครับ ในตัวนี้มี ่ * Apache HTTPD 2.2.9 + Openssl 0.9.8i * MySQL 5.0.67 * PHP 5.2.6 * PHP 4.4.9 * phpMyAdmin 2.11.9.2 * FileZilla FTP Server 0.9.27 * Mercury Mail Transport System 4.52 สามารถสลับระหวาง PHP 4 และ PHP 5 ทําการดาวนโหลดตัวติดตั้งไดที่ http://www.apachefriends.org/ ขนาด ไฟลประมาณ 38 MB เมื่อทําการดาวนโหลดเสร็จสิ้นทําการติดตั้งเลยครับ โดยดับเบิ้ลคลิ๊กที่ xampp-win32-1.6.8-installer- beta2.exe 1.เลือกภาษาติดตั้ง 2.next
- 14. 14 3.กําหนดพาทที่จะติดตั้ง ปกติ อยูที่ c:xampp
- 15. 15 4.เลือกติดตั้ง service ทั้งหมด next ตอไป 5.เริ่มทําการติดตั้งรอสักครู
- 16. 16 6.ทําการติดตั้งเสร็จเรียบรอย กด finish 7.โฟลเดอรที่ใชเก็บขอมูลจะอยูที่ C:xampphtdocs ลองเขาบราวดเซอร http://localhost เลือกภาษาที่จะใชงาน จะพบหนาจะดังรูป
- 17. 17 8.เขาเมนู Security เพื่อจัดการกําหนดรหัสผานสําหรับเขาใชงาน server และฐานขอมูล 9.คลิ๊กที่ http://localhost/security/xamppsecurity.php
- 18. 18 10.กําหนดรหัสผาน ของ MySQL SuperUser หรือ root ยืนยันรหัสผานอีกครั้ง กด password changing 11.กําหนดชื่อผูใชงาน ไดเรกทอรี (เมื่อตองการ กําหนดหรือไมก็ได)
- 19. 19 12.ระบบจะทําการบันทึกรหัสผานไวที่ไฟล ดังกลาว 13.ถาเรากําหนดรหัสผานการเขาใชไดเรกทอรี เวลาเขา http://localhost จะถามชื่อล็อกอินและรหัสผานดว 14.เมื่อเขา http://localhost/phpmyadmin/ รหัสตามที่ตั้งไว
- 20. 20 15.เขาปรับแตง FTP server (C:xamppFileZillaFTPFileZilla Server Interface.exe) 16.กําหนดรหัสผาน เสร็จแลว กด ok
- 21. 21 17.เขาเมนู edit > users > General เลือกยูส แกไขรหัสผานใหม เสร็จแลวกด ok 18.ตรวจดู พาท ของ FTP วาถูกตองหรือไม ปกติจะอยูที่ C:xampphtdocs
- 22. 22 19.ทําการสตารทเซอรวิส ทั้งหมด โดยคลิ๊กที่ รูป ดานบน 20.ทดสอบ ทําการงาน ของ FTP Server เขาที่โปรแกรม FTP - host = localhost - username = newuser - password = ตามที่ไดตั้งไว
- 23. 23 21.เขาปรับแตงโปรแกรม mail server คลิ๊กที่ admin ดังในรูปดานลางนี้ 22.เมนู configruation > manage local user
- 25. 25 24.เปลี่ยน password ใหม 25.เขาใชงาน mail server ไดที่ http://127.0.0.1/xampp/mailform.php (newuser@localhost) 26.เปดใหสามารถใชงาน mod_rewrite ได เขาไปแกที่ C:xamppapacheconfhttpd.conf ใน บรรทัด #LoadModule rewrite_module modules/mod_rewrite.so เอาเครื่องหมาย # ออก ทําการเซฟ สั่ง stop apache เสร็จ สั่ง start apache ใหมอีกรอบ
- 26. 26 เมื่อ บูตเครื่องใหม โปรแกรม FTP อาจจะไมทํางาน ตองสั่งใหมนทํางานดวยมือเอง ที่ C:xamppxampp-control.exe สั่งสตารท ทั้ง ั FTP และ โปรแกรม mail server
- 27. 27 เริ่มทําการติดตั้งและใชงาน กอนทําการติดตั้งนั้นตองทําการดาวนโหลดสตริปสําหรับติดตั้งกอนครับ โดยสามารถดาวนโหลดไดที่ http://www.joomla.org เลือกเวอรชน joomla 1.5.14 ั คลิ๊กที่รูป Download Jomla เลือกดาวนโหลดแบบ Full Package คลิ๊กที่ลิ้งก ZIP
- 28. 28 เลือก Save ไฟลไวในเครื่อง รอจนดาวนโหลดเสร็จสิ้น เมื่อดาวนโหลดไฟลเสร็จเรียบรอยแลวจะไดไฟลที่มีนามสกุล *.zip ใหทําการแตกไฟลออก โดยใชโปรแกรมจัดการไฟลบีบอัด อยางเชน 7zip, winzip, winRAR ฯลฯ
- 30. 30 ใหกอปปไฟลทั้งหมด นําไปวางไปบน web server จําลองที่ไดติดตั้งไวแลวตาม เนื้อหากอนหนานี้ (XAMPP) ็ โฟลเดอร c:xampphtdocs ทําการสรางโฟลเดอรใหมทชื่อวา joomla แลวนําไฟลที่ไดก็อปปไวแลวดังขางตน นํามาวางในโฟล ี่ เดอร joomla นี้ รูปโฟลเดอรที่ทําการสรางขึ้นในชื่อ joomla เมื่อทําการก็อปปแลวใหเขาที่โปรแกรมเบราวเซอร (browser) พิมพในชอง address http://localhost/phpmyadmin เพื่อเขา จัดการสรางฐาน MySQL เอาไวสาหรับติดตั้ง joomla ํ พิมพช่อ User name เปน root, password ตามที่ตั้งไวตอนติดตั้งโปรแกรม XAMPP จากนั้นคลิ๊กปุม Go เพื่อล็อกอินเขา ื ระบบ
- 31. 31 จะเขามาสูหนานี้ ในชอง Create new database ใหพิมพชื่อฐานขอมูลตามตองการ (ในที่นี้ขอตั้งชือเปน joomla) จากนั้น ่ คลิ๊กปุม Create เมื่อขึ้นเครื่องหมายถูกพรอมกรอบสีเขียวแสดงวา การสรางฐานขอมูลเสร็จเรียบรอย จากนั้นพิมพในชื่อ address วา http://localhost/joomla สคริปติดตั้งจะนําพามาสูหนาติดตั้งโดยอัตโนมัติ ใหทําการเลือกภา ที่ใชในการติดตั้ง ในที่น้ขอเลือกเปนภาษาอังกฤษ จากนันคลิ๊กปุม Next (ดานมุมบนขวามือ) ี ้
- 32. 32 ตัวหนังสือสีแดงที่ข้นวา no ใหปลอยไวยงไมตองสนใจในสวนนี้ ใหคลิ๊ก Next เพื่อไปขั้นตอนถัดไป ึ ั หนานี้เปนการบอกถึงลิขสิทธิ์การใชงาน joomla CMS ใหคลิ๊ก NEXT ตอไป
- 33. 33 ในสวนนี้ใหใสรายละเอียดเกี่ยวกับฐานขอมูล - host name ใสช่อของ host สวนมากเปน localhost ื - User Name ใสชื่อผูใชงานฐานขอมูล คือ root - Password ใสพาสเวิรดตามที่ตองไว - Data Base ชื่อฐานขอมูลตามที่สรางไวใน phpmyadmin จากนั้นคลิ๊ก Next สวนของการกําหนดคา FTP ยังไมใชงานวางไวกอน จากนั้น คลิ๊กปุม Next
- 34. 34 ในสวนนี้เปนการกําหนดคาในขั้นตอนสุดทาย - site name ใสชอเว็บไซต กําหนดชื่อตามตองการ ่ื - you E-mail ใสอีเมลของผูดูแลระบบ - admin password ใสรหัสผานในการเขาระบบของผูดูแลระบบ - confirm admin password ยืนยันรหัสผานอีกครับ ในชองลงมา หากตองการติดตั้งขอมูลตัวอยางก็ใหคลิ๊กที่ install sample data (ในที่นไมขอติดตั้งขอมูลตัวอยาง) ้ี ตากนั้นคลิ๊ก Next จากนั้นจะมีหนาตางขึ้นมาใหยนยันวาขอมูลดังกลาวถูกตอง ให คลิก OK ื ๊ เขามาสูหนานี้ ระบบจะบอกวา ชื่อผูใชงานของคุณคือ admin ระบบจะบอกใหทําการลบหรือเปลี่ยนชื่อโฟลเดอร installation ยังไมตองไปไหนในขั้นตอนนี้ใหทําการยอหนาตางเบราวเซอรไวกอน แลวใหทําการลบโฟลเดอร installation ทิ้งกอน
- 35. 35 ทําการลบโฟลเดอร installation ทิ้ง จากนั้นมาทีเ่ บราวเซอร คลิ๊กที่ site เพื่อเขาดูหนาเว็บไซต หรือ admin เพื่อล็อกอินเขาระบบ หนาเว็บไซตแรกที่ยังไมมีขอมูลใด ๆ เลย
- 36. 36 Note คําที่ใชตอนตอไป - Front end คือสวนหนาเว็บไซต ผูใชทั่วไปที่ไมตองลงทะเบียนหรือมีหนาที่ดแลระบบสามารถเขาถึงได ู - Back end คือสวนดานในเว็บไซตที่ผูดูแลระบบใชจัดการตั้งคาระบบ พิมพเนื้อหาบทความตาง ๆ ผูใชทั่วไปไมสามารถ เขาถึงหนานี้ได - admin menu คือสวนของเมนูที่อยูดานบน - cpanel หรือ control panel คือสวนของ back end ทั้งหมด
- 37. 37 การเขา – ออกระบบ ผูดแลระบบ ู การเขาสู cpanel สามารถทําไดโดยเขา หนา front end ตามปกติแลวพิมพช่อพาธ /administrator ตามหลัง ื จากนั้นกด enter ก็จะเขาสูหนาล็อกอินของ back end จากนั้นพิมพ User Name คือ admin, password ตามที่ตั้งไวตอนติดตั้ง จากนั้นคลิ๊ก login ก็จะเขาสูหนา cpanel
- 38. 38 การออกจากระบบ คลิ๊กที่ logout ดานมุมบนขวามือของหนาจอ การตั้งคาเบื้องตน ทําการล็อกอินเขาหนา back end ของระบบ จากนั้นคลิ๊กที่ Global Configuration หรือไปที่ admin menu >> Global Configuration จะเขามาสูหนานี้
- 39. 39 ในชอง - Global Site Meta Description ใสคาอธิบายเกียวกับเว็บไซต วาเปนเว็บไซตอะไร กําหนดตามตองการ ํ ่ - Global Site Meta Keywords ใสคาคนหาหลักสําหรับเว็บไซตและสําคัญสําหรับ Search Engine (เว็บทีใหบริการคนหา เชน ํ ่ Google, yahoo เปนตน) กําหนดเปนคํา ๆ หรือประโยคที่สั้นเขาใจงายสามารถใสเทาไหรก็ไดโดยการเวนขึ้นคําใหมใหใช (,) จุลภาค ขั้นไว เชน joomla, joomla thai เปนตน การใสจลภาคควรเวนวรรค (เคาะ Space Bar 1 ที) แลวตามดวยคําตอไป ุ เลื่อนมาที่แท็บเมนู server ตั้งคาโซนเวลา ตามประเทศที่ตองการ หากเปนเมืองไทย เลือกเปน (UTC +07.00) Bangkok, Hanoi, Jakata จากนั้นคลิ๊ก save เพื่อบันทึกการตั้งคาที่ไดกระทําลงไป
- 40. 40 บทบาทหนาที่ของ User Group Access levels for joomla joomla ไดแบงระดับการเขาถึงขอมูลไว 2 ระดับ คือ Front-end groups และ Administration section groups ซึ่งมีระดับการ เขาถึงและจัดการที่แตกตางกันไป Front-end groups มีดวยกัน 4 กลุม ในกลุมนี้สามารถเขาจัดการในสวนใด ทางดานหนาเว็บไซต Registered - ผูลงทะเบียน กลุมนี้อนุญาตใหผูใชเขาสูระบบไปยังสวนหนาอินเตอรเฟส. ผูใชที่ลงทะเบียนไมสามารถมี รวมกับเนื้อหาแตพวกเขาอาจจะเขาสวนจัดการ อื่น ๆ ได เชน เว็บบอรดหรือสวนดาวนโหลดสวนถาเว็บไซตของทานมี. Author - ผูแตง กลุมนี้อนุญาตใหโพสตเนือหาผานทางลิ้งกในเมนูผูใช พวกเขาสามารถสงเนื้อหาใหมเลือกตัวเลือกการ ้ แสดงรายการในหนาแรกและเลือกวัน ที่สําหรับการเผยแพรแตพวกเขาไมสามารถเผยแพรเนื้อหาไดโดยตรง เมื่อเนื้อหาถูกสงโดย ระดับพวกเขาจะไดรับขอความ ""ขอขอบคุณที่ใหการสง. การสงของคุณจะถูกตรวจสอบกอนที่การโพสตไปยังไซต" พวกเขา สามารถแกไขบทความของพวกเขาเองเทานั้นแตเฉพาะเมื่อบทความทีไดรับ การเผยแพรและเห็นชอบ ่ Editor - ผูแกไขหรือผูตรวจสอบ กลุม นี้อนุญาตใหผูใชโพสตและแกไขใดๆ (ที่ไมใชเฉพาะของตัวเอง) จากเนื้อหารายการ จากดานหนาเว็บไซต นอกจากนี้ยังสามารถแกไขเนื้อหาที่ไมไดรับการเผยแพร ถาไซตของคุณใชการติดตั้งดีฟอลตของตัวเลือกเมนู "ขาว" ซึ่งเปนตารางรายการ - สวนเนื้อหาประเภทบรรณาธิการยกเลิกการเผยแพรจะเห็นบทความในรายการที่พวกเขา สามารถเลือก สําหรับการแกไขที่ในฐานะผูเ ขียนหรือผูเผยแพร (ที่ยังไมไดลงทะเบียน) Publisher - กลุมนี้อนุญาตใหผใชโพสตการแกไขและเผยแพรใด ๆ (ไมใชเฉพาะของตัวเอง) ผูเผยแพรสามารถทบทวน ู บทความทั้งหมดแกไขและเปลี่ยนการเผยแพร ยังสามารถพิจารณาเมื่อมีการบทความเพื่อเผยแพรเมือมีผูเขียน หรือผูที่ยังไม ่ ลงทะเบียนสงบทความเขามา Administration section groups ระดับผูบริหารเว็บไซต มีดวยกัน 3 ระดับ ในกลุมนี้สามารถเขาจัดการในสวนใด ทางดานหลังเว็บไซต Manager - ผูจัดการ กลุมนี้อนุญาตใหถึงการสรางขอมูล และระบบขอมูลอื่น ๆ ทางดานหลังเว็บไซต พวกเขาสามารถเขาสู ระบบผานอินเตอรเฟสผูดูแลระบบแตสิทธิของตนเองและการ เขาถึงถูกจํากัด ในการจัดการเนื้อหา พวกเขาสามารถสรางหรือแกไข เนื้อหา, การเขาใชบางสวนเฉพาะคุณสมบัติเชนเพิ่มการลบและแกไขหนาและเมนูแตพวก เขาไมมการเขาถึง "Mechanics" ของ ี Joomla เชนการจัดการผูใชหรือความสามารถในการติดตังองคประกอบหรือโมดูล ้ Administrator - ผูดแลระบบ กลุมนี้อนุญาตใหเขาถึงฟงกชนการบริหารสูงสุด ผูดูแลระบบมรสิทธิ์ในการจัดการ ู ั ผูใช สามารถเขาถึงตั้งคาในการติดตั้ง/ลบ คอมโพเนนท โมดูล ปลั๊กอิน สามารถเขาถึงและดูสถิติเว็บไซต สิ่งที่พวกเขาไมาสามารถ ดําเนินการไดคือ ติดตั้ง เทมเพลต Super Administrator - ผูดูแลระบบแบบซุปเปอร กลุมนี้อนุญาตใหเขาถึงการจัดการฟงกชั่นทั้งหมด
- 41. 41 การสรางหมวดหมูไวเก็บเนื้อหาเว็บไซตใน joomla 1.5 โครงสรางการจัดเก็บเนื้อหาของ joomla แบงไดดังนี้ Section คือหมวดหมูใหญทสุด ซึ่งขางในจะเปนทีเ่ ก็บ Category ยอย ๆ ภายใน ี่ Category คือหมวดหมูที่ใชสําหรับเก็บเนือหา บทความไวภายใน Category จะอยูภายใน Section ้ Content คือ พื้นที่ ที่ใชเก็บเนื้อหา Content จะอยูภายใน Category Tip : คุณสามารถสรางเนื้อหาโดยไมตองกําหนด Section และ Category โดยการกําหนดเปน Uncategorised แทน เมื่อเขาใจโครงสรางของ joomla แลว ตอไปก็มาเริ่มสราง Section และ Category กัน การสราง Section ทําการล็อกอินเขาระบบ back end คลิ๊กที่ Section manager หรือ เขาที่ admin menu >> content >> section manager
- 42. 42 จากนั้นคลิ๊กทีปุม new ่ กําหนดรายละเอียดของ Section - Title ชื่อของ section - Alias ชื่อแทนของ section ควรกําหนดเปนภาษาอังกฤษจะดีที่สุด - Published กําหนดเปน yes เพื่อเปดเผยแพร ถากําหนดเปน no บุคคลภายนอกจะไมสามารถเห็น section ได - Access Level กําหนดเปน - Public บุคคลทั่วไปเห็นหรือเขาใชงานได - Registered บุคคลที่ทําการสมัครสมาชิกและล็อกอินเขาระบบจึงจะสามารถเห็นหรือเขาใชได - Special เฉพาะบุคคลที่เขาถึงหนา back end ไดเทานั้น - Image รูปสําหรับ section สามารถใสรูปให section ได (ไมตองกําหนดก็ได) - Image Position กําหนดตําแหนงของรูปภาพ (ไมตองกําหนดก็ได) - Description รายละเอียด ของ section (ไมตองกําหนดก็ได)
- 43. 43 เมื่อใสรายละเอียดครบหมดแลว ใหทําการ save เมื่อได Section แลวตอไปก็ทําการสราง Category การสราง Category ขั้นตอนจะคลายการสราง Section คลิ๊กที่ Section manager หรือ เขาที่ admin menu >> content >> section manager จากนั้นคลิ๊ก New เพื่อสราง Category ใหม
- 44. 44 กําหนดรายละเอียดของ Category - Title ชื่อของ Category - Alias ชื่อแทนของ Category ควรกําหนดเปนภาษาอังกฤษจะดีที่สุด - Published กําหนดเปน yes เพื่อเปดเผยแพร ถากําหนดเปน no บุคคลภายนอกจะไมสามารถเห็น Category ได - Section เลือก Section ที่ทําการเก็บ Category - Access Level กําหนดเปน - Public บุคคลทั่วไปเห็นหรือเขาใชงานได - Registered บุคคลที่ทําการสมัครสมาชิกและล็อกอินเขาระบบจึงจะสามารถเห็นหรือเขาใชได - Special เฉพาะบุคคลที่เขาถึงหนา back end ไดเทานั้น - Image รูปสําหรับ Category สามารถใสรูปให Category ได (ไมตองกําหนดก็ได) - Image Position กําหนดตําแหนงของรูปภาพ (ไมตองกําหนดก็ได) - Description รายละเอียด ของ Category (ไมตองกําหนดก็ได) เมื่อใสรายละเอียดครบหมดแลว ใหทําการ Save
- 45. 45 การสรางบทความ (article) หลังจากไดทําการสราง Section และ Category เพื่อใชเก็บ ตอไปก็ทําการสรางบทความ (article) คลิ๊กที่ Add new Article หรือเขาที่ Admin menu >> Content >> Article Manager จากนั้นคลิ๊กที่ New
- 46. 46 - Title ชื่อของบทความ - Alias ชื่อแทนของ บทความ ควรกําหนดเปนภาษาอังกฤษจะดีที่สุด ถาปลอยวางไว joomla จะนําวันที่ เวลาที่บันทึกการ สรางบทความนี้มาใสแทน เชน 2009-09-09-01-12 และจะแสดงที่ลิ้งก ทําใหลิ้งกของบทความไมสวย เพราะฉะนั้นกําหนดจะดีกวา - Published กําหนดเปน yes เพื่อเปดเผยแพร ถากําหนดเปน no บุคคลภายนอกจะไมสามารถเห็น section ได - Front Page กําหนดเปน yes คือกําหนดใหบทความนีแสดงที่ดานหนาสุดของเว็บ (home page) ถากําหนดเปน no คือ ้ บทความนี้จะไมแสดงที่หนาเว็บไซต (home page) - Section เลือก Section ที่ทําการเก็บบทความ - Category เลือก Category ที่ทําการเก็บบทความ สวนนี้สาหรับพิมพ ขอความบทความตาง ๆ ใสรูปภาพ หรืออะไรที่ตองการได ํ
- 47. 47 การใสรูปภาพลงในบทความ การใสรปภาพ โดยใชรูปภาพที่มีอยูแลว หรืออัพโหลดจากเครื่องคอมพิวเตอรของคุณ ู คลิ๊กที่ Image เลือกรูปที่ตองการจาก โฟลเดอรที่มี หรืออัพโหลดจากเครื่องคอมพิวเตอรของคุณ โดยการ Browser เมื่อเลือกภาพไดแลวก็ คลิ๊ก start upload เมื่อเลือกรูปได แลวใหคลิ๊ก insert เพื่อแทรกรูปภาพลงบนบทความ Tip : โฟลเดอรที่ใชเก็บรูปภาพของ joomla คือ /images/stories การแทรกภาพลงบนบทความดวยลิ้งก URL คลิ๊กที่รูปตนไม จะขึ้นหนาตางใหใสรายละเอียด
- 48. 48 ใส Full URL ของรูปภาพ เชน http://www.google.com/images.jpg การสรางลิ้งก อานตอ Read more เปนการสรางบทความในสวนของไตเติ้ล กลาวนํากอนแลวใหผูอานเขามาอานตอดานใน ตองการจะตัดบทความใหเขามาอานตอตรงสวนไหน ก็นําเคอรเซอรมาวางแลว คลิ๊กที่ read more จะเกิดเสนขึ้นใหเราเห็นวาสวนนี้ลงไปเปนสวนที่ตองเขามาอานตอ
- 49. 49 รูปแบบการใช read more ในบทความ การแบง บทความออกเปนหนา ๆ (Page Break) ในกรณีที่บทความหนึ่ง ๆ มีความยาวมาก ๆ และตองการแบงออกเปนสวน ๆ เพื่อใหดูดี หรือไมยาวเกินไป ตองการจะแบงบทความตรงสวนไหน ก็นําเคอรเซอรมาวางแลว คลิ๊กที่ Page Break จะปรากฏหนาตางนี้ข้นมา page title ใสช่อตามตองการ Table of contents alias ควรกําหนดเปนภาษาอังกฤษ จะดีที่สุด ึ ื
- 50. 50 รูปแบบการแสดงผลจะเปนแบบนี้ มีสารบัญอยูดานขางของบทความ การไมใช เครืองมือ editor ่ สามารถทําไดโดยไมใช เครื่องมือ editor หรือเครื่องมือในการสรางบทความ แถบเครื่องมือที่เห็นมีหนาที่อํานวยความสะ วกในการแทรกคําสั่ง ตาง ๆ ลงไปไดรวดเร็วขึ้นโดยทีไมตองมานั่งพิมพ แท็กคําสั่งเอง ทั้งหมด ่ หากตองการแทรกคําสั่ง HTML เองก็สามารถทําไดโดย คลิ๊กที่ Toggle Editor จะเห็นคําสั่งที่สามารถแกไขไดเอง การกําหนดพารามิเตอรของบทความ Parameters Article
- 51. 51 สวนนี้เปนการกําหนดชื่อผูเขียน ชื่อแทนผูเขียน วันที่ทําการสรางบทความ คุณสามารถกําหนดวันที่ งดเผยแพรบทความได ที่น่ดวย ี การกําหนดพารามิเตอรแบบ advanced เปนการกําหนด ใหคาหรือไมแสดง รายละเอียดตาง ๆ ในบทความ การกําหนด metadata information ในสวนนี้มีประโยชนตอการคนหา ทั้งใน Search Engine และในเว็บไซต - Description ใสคําอธิบายเกี่ยวกับบทความ วาเปนบทความอะไร กําหนดตามตองการ - Keywords ใสคําคนหาหลักสําหรับบทความ กําหนดเปนคํา ๆ หรือประโยคที่สั้นเขาใจงายสามารถใสเทาไหร ก็ไดโดยการเวนขึ้นคําใหมใหใช (,) จุลภาค ขั้นไว เชน joomla, joomla thai เปนตน - robots เปนคําสั่งที่ใชบอก robots (โปรแกรมสําหรับคนหาของ Search Engine) วาวรจะตองทําอะไรในบทความ นี้ คําสั่งหลัก ๆ มีดังนี้ - index ใหนําบทความนี้ไปแสดงที่ Search Engine - follow ใหคนหาตอ กรณีมีลิ้งกในบทความและตองการให robots ไปตามลิ้งก URL ปลายทาง
- 52. 52 - noindex ไมใหนําบทความนี้ไปแสดงที่ Search Engine - nofollow ไมใหคนหาตอ กรณีมีลิ้งกในบทความและไมตองการให robots ไปตามลิ้งก URL ปลายทาง ใสคําสั่งใดคําสั่งหนึ่งก็ได หรือใสทั้งสองคําสั่งโดยใช (,) ขั้นระหวางคําสั่ง การใชงาน menu manager การสรางเมนูลิ้งกไปหาบทความ section และ category ทําไดโดยคลิกที่ menu manager ๊ หรือเขาที่ admin menu >> menus >> main menu main menu เปนเมนูหลักที่มีอยูแลวไมจําเปนตองสรางใหม จากนั้นคลิ๊กที่ new เพื่อทําการสรางเมนูยอย ใน main menu
- 53. 53 คลิ๊กเลือก Articles จะปรากฏเมนูยอยลงมา - Archive คือลิ้งกไปหาบทความที่ถูกเก็บ - Article คือลิ้งกไปหาบทความ - Category คือลิ้งกไปหา Category - Section คือลิ้งกไปหา Section รูปแบบการแสดงผล
- 54. 54 จะเห็นวามีสวนของ blog layout และ list layout blog layout จะเปนแบบรูปดานลางเหมือนหนา front page list layout แสดงในสวนหัวขอบทความเทานั้น เมื่อเขาใจรูปแบบการแสดงผลแลวตอไปก็ทําเมนูลิ้งกไปหาบทความตามตองการ ในที่นี้จะทําลิ้งกไปหา section ใสช่อ title , alias ตามตองการ ื
- 55. 55 เลือก section ที่ตองการ เมื่อกําหนดเรียบรอยแลวก็คลิ๊ก save เพื่อบันทึกการเปลี่ยนแปลง จะเห็นเมนูที่สรางขึ้นดังในรูป การสรางลิ้งกเมนูอื่น ๆ ก็ทําลักษณะคลาย ๆ กันนี้
- 56. 56 การสรางเมนูใหม เมนูนี้มีลักษณะการทํางานเหมือนกับ main menu ไปที่ admin menu >> menu manager คลิ๊กที่ new เพื่อสรางเมนูใหม กําหนดชื่อตาง ๆ ตามตองการ เมนูที่สรางใหม นี้จะไปปรากฏที่ โมดูล (module) ซึ่งโมดูลนี้สามารถจะเคลื่อนยายไป วางตําแหนงไหนของเทมเพลท (template) ก็ได เมื่อกําหนดชื่อเรียบรอยแลว ก็ทําการ save
- 57. 57 การใชงานเมนูที่สรางนี้ จะเหมือนกับการใชงาน main menu ดังที่กลาวมาแลวในขางตน เมนูที่สรางใหม จะกลายเปนโมดูล ไปโดยอัตโนมัติ Trash manager ทํางานเปนถังขยะ มีในสวนของ article และ menu เทานั้น ประโยชนคือเมื่อคุณทําการลบ บทความหรือเมนู บทความหรือ เมนูดังกลาวจะลงมาอยูในถังขยะ เพื่อปองกันความผิดพลาดกรณีลบผิดหรือตองการนํามาใชใหม ได ถาทําการลบออกจาก ถังขยะนี้ บทความหรือเมนูน้นจะหายไปและไมสามารถกูไดอีกตอไป ั Front page manager สวนนี้เอาไวสาหรับจัดการ การเผยแพรบทความดานหนาเว็บ ํ
- 58. 58 User Manager สวนจัดการผูใช สามารถลบ แกไขชื่อ รหัสผาน กําหนดสิทธิการใชงาน เพิ่มผูใชงานใหมไดที่น่ี ผูทมสิทธิใชในสวนนี้คือ ี่ ี administrator และ super administrator การเพิ่มผูใชงานใหม คลิ๊กที่ New กรอกรายละเอียด name, username, e-mail, password กําหนด group จากนั้นคลิก save ๊
- 59. 59 สรางปายโฆษณา (banner) ไปที่ admin menu >> component >> banner เลื่อนมาที่แท็บเมนู categories เพื่อสราง categories กอนเพื่อใชในการเก็บ banner clients คลิ๊กที่ new เพื่อสราง categories
- 60. 60 ตั้งชื่อตามตองการเหมือนขั้นตอนการสราง section เลื่อนมาแท็บเมนู clients คลิ๊ก new เพื่อสราง banner clients ใหม กําหนดชื่อ ชื่อผูติดตอ อีเมล และคําอธิบายเกี่ยวกับแบนเนอร จากนั้นทําการ save เลื่อนมาแท็บเมนู banners คลิ๊ก new สราง banner ใหม จากนั้นทกหาร save Tip : สามารถใชรูปในเว็บไซตมาทําแบนเนอรได โฟลเดอรสําหรับเก็บแบนเนอรอยูที่ /images/banners
- 61. 61 การสรางแบนเนอรโดยใช Banner Code นําโคดปายโฆษณามาใสในชอง Custom Banner Code การสรางแบนเนอรแบบใชรปภาพจากภายนอก ู สามารถสรางโดยใช URL รูปภาพจากที่อน และสงลิ้งกไปยังเว็บปลายทาง ทําไดโดยการสราง code ขึ้นมาแลวนําไปใสใน ื่ ชอง Custom Banner Code ตัวอยาง code <a href="http://www.domain.com (URL ปลายทาง)" target="_blank"><img src="http://www.domain.org/images/banners/shop-ad-books.jpg(URL ของรูป)" " alt="ปายโฆษณา" /></a> วิธน้จะสงลิ้งกตรง ไปหาเว็บไซตปลายทางโดยไมผานการ redirect (เปลี่ยนเสนทาง) ี ี การใสล้งกปลายทางในชองนี้ ตองผานการ redirect กอน เชน เมื่อคลิกที่แบนเนอรจะเปน URL นี้ ิ ๊ http://127.0.0.1/joomla/index.php?option=com_banners&task=click&bid=1 กอน เสร็จแลวจะเปลียนเสนทางไปยัง URL ่ ปลายทาง
- 62. 62 การสรางรายชือผูติดตอ Contact ่ ไปที่ admin menu >> component >> contacts คลิ๊กแท็บเมนู Categories จากนั้นคลิ๊ก new เพื่อสราง Categories ใหม ใส title และ alias จากนั้น Save
- 63. 63 คลิ๊กแท็บเมนู Contacts จากนั้นคลิ๊ก new เพื่อสรางชื่อผูติดตอ - ใส name, alias - เลือก Category - linked to user สามารถกําหนดใหสงขอความติดตอไปหาผูใชงานที่ลงทะเบียนในบัญชี joomla ได ในชอง information ใสรายละเอียดเกี่ยวกับที่อยูติดตอ
- 64. 64 กําหนดพารามิเตอร ตองการจะแสดงหรือไมแสดงในสวนไหนของ contact ใหผูเยียมชมเว็บไซตเห็น ่ Advanced Parameter สําหรับเลือกรูปไอคอน
- 65. 65 e-mail parameter ใชสําหรับใสรายชื่ออีเมลที่ไมตองการใหติดตอมา (banned) การใชงานสามารถกําหนดไดหลายอีเมลแลวคั่นดวย เซมิโครอน (;) News Feed Manager มีไวสําหรับดึงบทความ จากเว็บไซตอื่น ๆ มาแสดงที่เว็บไซตเรา การที่จะดึงมาไดเว็บไซตนั้น ๆ ตองเปดใหบริการ rss feed ดวย ตัวอยางเว็บไซตที่เปดใหบริการ rss feed ของไทย คือ http://www.rssthai.com รูปแบบ URL feed ที่สามารถจะดึงบทความได คือ ตองเปนนามสกุล XML เชน http://www.rssthai.com/rss/lastest.xml
- 66. 66 การใชงาน Feed Manager ไปที่ admin menu >> components >> news feeds คลิ๊กแท็บเมนู Categories จากนั้นคลิ๊ก new เพื่อสราง Categories ใหม ใสช่อ title, alias, description จากนั้น save ื
- 67. 67 คลิ๊กแท็บเมนู Feeds คลิ๊ก New เพื่อสราง Feed ใหม ใส name, alias, เลือก category , ใส link เมื่อกําหนดทุกอยางเสร็จ คลิ๊ก svae
- 68. 68 ตัวอยางลิ้งก feed การใชงาน Component News Feeds การใชงานตองสรางเมนูเพื่อลิ้งกไปหา feed ที่ไดสรางไว ไปที่ admin memu >> menus >> meun ของคุณ จากนั้นคลิ๊ก new สรางเมนูใหม คลิ๊กเลือก news feed
- 70. 70 ตั้งชื่อ title, alias เลือก feed ทําการ save การแสดงผลดาน front end การสรางโพลสํารวจ ไปที่ admin menu >> components >> polls
- 71. 71 คลิ๊ก New Option ของ poll มีทั้งหมด 12 ตัวเลือก - title ตั้งชื่อ poll - alias ชื่อแทน - lag กําหนดเวลาความถี่ในการโหวตครั้งตอไป หนวยเปนวินาที - Published เลือกเปน yes จากนั้นทําการ save การใชงานโพล ใหแสดงผลหนาเว็บไซต ตองสรางเปน โมดูล (module) ไวแสดงผลโพล ซึ่งจะกลาวตอไป
- 72. 72 Search component เปนสวนเก็บสถิติการคนหาภายในเว็บไซต ปกติจะปดการทํางาน สามารถเปดการทํางานไดโดยคลิ๊กตั้งคาที่ parameter คลิ๊ก yes จากนั้น save ระบบจะทําการเก็บขอมูล คําคนหาที่ผูใช ใชคนหา จํานวนครั้งที่ทําการคนหา
- 73. 73 Web Link Manager สําหรับเก็บลิ้งก URL ของเว็บไซตตาง ๆ ใหเปนหมวดหมู งายตอการใชงาน ไปที่ admin menu >> component >> web links คลิ๊กที่แท็บเมนู Categories จากนั้น คลิ๊ก new เพื่อสราง Categories ใสช่อ tile, alias ื
- 74. 74 คลิ๊กที่แท็บเมนู links จากนัน คลิ๊ก new เพื่อสราง links ้ ใสขอมูลตาง ๆ ของลิ้งก ตามตองการ จากนั้น save เลือกรูปแบบการแสดงผล - all category การแสดงผลรวมทุก ๆ category - category การแสดงเฉพาะ category ที่ระบุ - web link submission layout สําหรับใสเว็บลิ้งกใหม ในหนา front end
- 75. 75 ตั้งชื่อ title, alias เลือก category ทําการ save รูปแบบการแสดงผลดาน front end
- 76. 76 Media Manager สวนนี้มีไวสําหรับจัดการเกียวกับรูปภาพตาง ๆ ทั้งสรางโฟลเดอรสาหรับเก็บไฟลภาพ อัพโหลดรูปภาพ ลบรูปภาพ ่ ํ การสรางโฟลเดอรสาหรับรูปภาพ พิมพชอที่ตองการแลวคลิ๊ก Create Folder ํ ่ื
- 77. 77 การอัพโหลดรูปภาพ คลิ๊ก Browser จะปรากฏหนาตางสําหรับเลือกไฟลภายในเครื่อง จากนั้นกด open คลิ๊ก Start Upload การลบรูปภาพ คลิ๊กเลือกรูปที่ตองการลบจากนั้นคลิ๊ก Delete กรณีตองการลบหลายรูป การลบรูปเดียวใหคลิ๊กเครื่องหมายกากบาทสีแดงใตรูปภาพ
- 78. 78 การติดตั้ง Extensions ของ joomla การติดตั้ง extensions หรือตัวเสริมตาง ๆ เชนโมดูล เทมเพลท คอมโพเนนท ภาษา ทําไดดังนี้ เขาที่ admin menu >> extensions >> install/uninstall จากนั้นเลือกไฟล extensions ที่ดาวนโหลดมาจากในเครื่องคอมพิวเตอรของทาน เสร็จแลวกด upload file & install หากทําการติดตั้งสําเร็จจะขึนขอความ Install ....... Success ้ Note : Extensions ของ joomla มี 2 เวอรชน ที่ใชงานกับ joomla 1.0 กับที่ใชงานบน joomla 1.5 และที่สามารถใชงานไดบน ั่ joomla 1.0 และ joomla 1.5 ในโหมด legacy ตองแนใจวาใชงานกับเวอรชั่นไหน ไมเชนนั้นจะไมสามารถติดตั้งได
- 79. 79 การถอนการติดตั้ง Extensions ของ joomla (Uninstall) เขาที่ admin menu >> extensions >> install/uninstall เลือกแท็บเมนู Extensions ที่ตองการถอนการติดตั้ง คลิ๊กเลือก extension ที่ตองการ จากนั้น คลิ๊ก uninstall
- 80. 80 การสรางโมดูลใหม (ตัวอยางการสรางโมดูลคนหา (Search)) ทําการสรางเมนูคนหา (Search) มาที่ menu manager คลิ๊กที่ new เพื่อสรางโมดูลใหม คลิ๊กเลือกที่ Search จากนันคลิ๊ก Next ้
- 81. 81 - title ตั้งชื่อใหกบโมดูล ั - Show title เลือกเปน no เพื่อไมใหแสดงชื่อโมดูลที่หนาเว็บไซต - Enable เลือกเปน yes เพื่อเปดโมดูลใหใชงานได - Position เลือกตําแหนงในการจัดวาง (User4) Mass Mail ฟงกช่นที่ชวยใหคณสง อีเมล ไปยังกลุมผูใชงานไดงาย ๆ ั ุ
- 82. 82 การใชงานพิมพขอความในชอง subject, message เลือกรุปที่ตองการสง จากนั้นคลิ๊ก Send mail Clean Cache Cache เปนไฟลช่วคราว ที่ระบบเก็บไว เมือมีผูใชเปนประจํา เพื่อเปนการลดจํานวนการคนหาขอมูล จากฐานขอมูล เปน ั ่ การเพิ่มประสิทธิภาพ การแสดงขอมูลที่รวดเร็วยิ่งขึ้น เพราะขอมูลที่ใชประจํา ๆ จะอยูใน Cache ระบบไมจาเปนตองไปคนหา ํ ขอมูลในฐานขอมูลใหมทั้งหมด เมนูนี้ใชสาหรับทําความสะอาดแคช (Clean Cache) ํ
- 83. 83 การกําหนดให joomla ใชระบบ cache เขาที่ admin menu >> site >> global configuration แท็บเมนู system - cache เลือก yes เพื่อเปดใชงาน เลือก no เพื่อปดการใชงาน - cache time ระบุเวลาที่ตองการเก็บแคช (หนวยเปนนาที) Purge Expired Cache สําหรับลบเฉพาะ cache ที่หมดอายุแลวเทานั้น Syatem Information สวนนี้จะบอกขอมูลเกี่ยวกับระบบทั้งหมด
- 84. 84 ลงมือปฏิบัติ
- 85. 85 เริ่มทําการสรางเนื้อหา และสวนประกอบตาง ๆ บนเว็บไซต เมื่อเริ่มเขาใจหลักการทํางาน การสรางเนือหา สราง section และ category แลว คราวนี้มาเริ่มสราง เนื้อและโมดูลกันเลย ้ เริ่มจากไมมีอะไรเลย ดังรูปดานบน Template ดานบนไมคอยสวย ตองทําการเปลี่ยน template กอน การหาโดยใช google พิมพ free joomla template จะเจอ template ที่แจกฟรี ของ joomla มีมากมายใหเลือกโหลด
- 86. 86 โดยจะเลือก template ตามในรูป จากนั้นก็หาดาวนโหลดมาไวในเครื่อง เลือกเวอรชั่นใหตรงกับ joomla ที่ใช ทําการติดตั้ง template ไปที่ admin menu >> extensions >> install/uninstall คลิ๊ก Browser เพื่อเลือกไฟล template ที่ดาวนโหลดมา
- 87. 87 เมื่อเลือกไฟลที่จะทําการติดตั้งไดแลว ใหทําการคลิ๊ก Upload file & install เมื่อติดตั้งสําเร็จ จะขึ้นคําวา Install Template Success
- 88. 88 จากนั้นเขา Template manager จะเห็น Template ที่เราไดทําการติดตั้งไปแลว เมื่อสักครู การเปลี่ยน template สามารถทําไดโดยการคลิ๊กเลือกที่หนาชื่อ template ที่ตั้องการจากนั้นคลิ๊ก Default (รูปดาวสีเหลือง)
- 89. 89 จากนั้น ลอง preview ดู จะเห็นวา หนาเว็บไซตเปลี่ยนไปจากเดิม
- 90. 90 การแกไข template สามารถทําไดดดยการคลิ๊กเลือกที่ template ที่ตองการ จากนันคลิ๊ก edit ้ สามารถแกไของคประกอบของ template และ CSS ได ตองมีความรูเกี่ยวกับภาษา PHP, CSS และ HTML พอสมควร กอนจะวางตําแหนงโมดูล บนหนา template เราตองรูกอนวา ใน template นี้มการกําหนดโมดูลไวตรงสวนไหนบาง หากไมทราบ ี ใหใชการกําหนดแบบเดาสุม เลือกตรงไหนแลวขึ้นตรงนั้นก็วางตามความเหมาะสม
- 91. 91 User3 User4 Left Right Body Debug Module position ของ template นี้ จากนั้น จะให main menu มาอยูที่ position left ไปที่ admin meun >> extensions >> module manager จากนั้นคลิ๊กเขาไปที่ main menu
- 92. 92 เลือก position เปน left จากนั้น save Main menu ก็จะมาอยูดานซายมือของจอภาพ จากนั้นจะทําการสรางเมนูคนหา (Search) มาที่ menu manager คลิ๊กที่ new เพื่อสรางโมดูลใหม
- 93. 93 คลิ๊กเลือกที่ Search จากนันคลิ๊ก Next ้ - title ตั้งชื่อใหกบโมดูล ั - Show title เลือกเปน no เพื่อไมใหแสดงชื่อโมดูลที่หนาเว็บไซต - Enable เลือกเปน yes เพื่อเปดโมดูลใหใชงานได - Position เลือกตําแหนงในการจัดวาง (User4)
- 94. 94 จากนั้นคลิ๊ก save แลวลอง preview จะเห็นวาโมดูลคนหาไดเพิ่มขึ้นมาตามที่เราตั้งไว สรางโมดูล Who’s online ไวทางดานตําแหนงขวาของ template ทําตามขั้นตอนเดิมดังที่กลาวขางตน เลือกที่ Who’s online
- 95. 95 ตั้งชื่อโมดูล เลือกตําแหนง position right จากนั้นทําการ save โมดูล Who’s online เพิ่มขึ้นมาทางดานขวา
- 96. 96 ตอไปสรางเนื้อหา เพื่อนํามาแสดงที่หนา Front page เนื้อหาที่ถูกสรางเพื่อนํามาแสดงบนหนาเว็บไซต
- 97. 97 สรางโพล (Poll) เพื่อสํารวจความคิดเห็นเกี่ยวกับเว็บไซตนี้ ใน joomla มีระบบโพล (Poll) อยูแลว ไมตองติดตั้งเพิ่มเติม ไปที่ admin menu >> components >> polls คลิ๊ก New
- 98. 98 Option ของ poll มีทั้งหมด 12 ตัวเลือก - title ตั้งชื่อ poll - alias ชื่อแทน - lag กําหนดเวลาความถี่ในการโหวตครั้งตอไป หนวยเปนวินาที - Published เลือกเปน yes จากนั้นทําการ save จากนั้นมาที่ module manager เลือก new เพือสรางโมดูล poll ใหม ่
- 99. 99 ตั้งชื่อ กําหนด position ดานขวา (right) module parameters เลือกชื่อโพลที่ไดสรางไวตามขั้นขางตน จากนั้นทําการ save แลว preview ดู โมดูลโพลที่ไดสรางขึ้นมา
- 100. 100 สรางปายโฆษณา (banner) ไปที่ admin menu >> component >> banner เลื่อนมาที่แท็บเมนู categories เพื่อสราง categories กอนเพื่อใชในการเก็บ banner clients คลิ๊กที่ new เพื่อสราง categories ตั้งชื่อตามตองการเหมือนขั้นตอนการสราง section
- 101. 101 เลื่อนมาแท็บเมนู clients คลิ๊ก new เพื่อสราง banner clients ใหม กําหนดชื่อ ชื่อผูติดตอ อีเมล และคําอธิบายเกี่ยวกับแบนเนอร จากนั้นทําการ save เลื่อนมาแท็บเมนู banners คลิ๊ก new สราง banner ใหม จากนั้นทกหาร save Tip : สามารถใชรูปในเว็บไซตมาทําแบนเนอรได โฟลเดอรสําหรับเก็บแบนเนอรอยูที่ /images/banners
- 102. 102 จากนั้นมาที่ module manager คลิ๊ก New เพือสรางโมดูล banner ใหม ่ - เลือก Banner Client ที่ไดสรางไว - เลือก Category ที่ไดสรางไว ตั้งชื่อโมดูล กําหนด position จากนั้นทําการ save
- 104. 104 เกร็ดความรูเล็ก ๆ นอย ๆ ขั้นตอนในการ Upgrade Joomla เนื่องจาก joomla มีผูใชจํานวนมาก และมีผพัฒนาตอเนือง และไมมีโปรแกรมใดสมบูรณแบบ 100% ดังนั้นผูพัฒนาจึงทําการ ู ่ ปรับปรุงชองโหวและแกไขขอผิดพลาดตาง ๆ เพิ่มเติมสวนที่จําเปนหรือพัฒนาใหเกิดรูปแบบใหม ๆ ออกมาเรื่อย ๆ ทําใหเราตอง ทําการอัพเกรดระบบของเราใหทันตามยุคสมัย ไมใชวาเชย นะครับแตเพื่อความปลอดภัยของเว็บไซตเรา ถาเว็บไซตเราโดงดัง ขึ้นมา ระบบเกา ๆ อาจจะเปนที่สนใจของบรรดาผูรู ผูทดลองทั้งหลาย แฮกเขามาทํามิดีมิราย กับขอมูลของเราได บรรยายมานาน แลว เริ่มอัพเกรดเลยดีกวา กอนอื่นก็ตองรูกอนวา joomla เรารุนไหน โดยดูไดที่ หนา back end มุมขวาดานบนสุด เมื่อรูแลวก็จดการดาวนโหลดอัพเดทเลยครับ โดยเลือกดาวนโหลดแพ็กแกจ ไดที่ ั http://joomlacode.org/gf/project/joomla/frs/?action=index เลือก ตามเวอรชั่นของทานเอง
- 105. 105 สมมติวาจะอัพเกรด จาก joomla 1.5.10 เปน joomla 1.5.11 ก็โหลดตัวนี้มา Joomla_1.5.10_to_1.5.11-Stable-Patch_Package จะ เปนไฟล *.zip หรือ *.tar.gz ก็ได เมื่อไดแลวทําการแตกไฟลบีบอัดออก (unzip)
- 106. 106 ไดแลว ใชโปรแกรม FTP อยางเชน filezilla หรืออะไรทีสามารถ FTP ขึ้น server ได จัดการอัพโหลดไปทับไฟลเกาที่ติดตั้งไว ่ ล็อกอินเขาไปดูผล ใหม เปนตามเวอรชั่นทีเ่ ราอัพเกรดหรือไม
- 107. 107 วิธีการเพิ่มความเร็ว - เพิ่มประสิทธิภาพ Joomla พิจารณาจาก joomla เปนกรอบวาทําไมถึงมีคนใช joomla มากเพราะระบบที่มีความสะดวกและยืดหยุน ใชงานงายทําให CMS ตัวนี้ เปนที่นิยมอยางกวางขวางและเกิดชุมชนการใชงานและการพัฒนา องคประกอบตาง ๆ ของ joomla เกิดขึ้นมากมาย แลวทําไมจุมลา ถึงชา 1.ความเร็วและประสิทธิภาพของ Joomla เปนสวนใหญขึ้นอยูกบการเลือก template, addons component / module / plugin. ั 2.จํานวน CSS images. javascript ที่ใชงานบนหนาเว็บ วิธีทีวิเคราะหประสิทธิภาพ Joomla ไปที่ http://analyze.websiteoptimization.com >> ใส URL >> กด analyze >> ใสรหัส capctha >> รอหนึ่งถึงสองนาที พารามิเตอรใดที่สําคัญ 1. HTTP requests 2. Total size 3. Number of HTML / CSS images 4. Number of CSS / JS (scripts) files. 5. Size of CSS / JS / HTML images. 6. Check for duplicate JS files. 7. Check for NOT FOUND items.
- 108. 108 สีแดงแสดงวาตองปรับปรุง สีเหลี่ยงใชได สีเขียวดีเมื่อทําการแกไขแลวใหลองมาตรวจสอบอีกครั้ง วาจะผานไหม สิ่งแรก ๆ - ใชอะไรที่มีอยูแลวใน joomla GZIP Page Compression คําสั่ง php เหลานี้ใชสรางเพจ HTML ของหนาเว็บไซตคณ สามารถใชการบีบอัด Gzip หนาเพจไดโดย การบีบอัดหนาเพจบน ุ server แลวทําการสงมาใหเบราเซอร ซึ่งจะทําใหขนาดของหนาเพจ ลดลงประมาณ 70% - 90% ซึ่งจะทําใหลดแบนดวธและผูชม ิ สามารถโหลดหนาเพจไดเร็วขึ้น และโปรดจําไววา GZIP Page Compression ใชกําลังของ CPU ในการประมวลผลคอนขางมาก cache (system cache) แค ชเปนอีกทางหนึ่งที่ชวยให joomla โดยหลักการทํางานของแคช การเก็บไฟลที่ใชงานบอยหรือใชงานเปนประจํานั้น ไวในแคช เมื่อมีการเรียกใชงานครั้งใหม ก็จะนําขอมูลจากแคชไปใชงานไดโดยตรง ไมตองไปประมวลผลหรือเรียกหาขอมูลในฐานขอมูลอีก ครั้ง สิ่งที่ควรหลีกเลี่ยงในการเพิมประสิทธิภาพ joomla ่ • Module - นอยดีกวา โมดูลไมควรใชหรือติดตั้งมากเกินความจําเปน เลือกใชโมดูลทีจาเปนเทานัน ที่ไมจําเปนใหปดหรือ ่ํ ้ ถอนการติดตั้งออกไป เนื่องจากแตละโมดูลจะเปนการเพิมคําขอ HTTP และคําขออาจจะโหลด js หรือ CSS เพิ่มจากเดิม ่ • คอมโพเนนท - ยกเลิกหรือถอนการติดตั้ง คอมโพเนนทที่ไมใชงานออก • ปลั๊กอิน - ควรคิดถึงประโยชนสงสุดกอนทีจะทําการติดตัง ปลั๊กอินนั้นลงไป ู ่ ้ เชน ถาติดตั้ง JCE ลงไป คําขอ HTTP เพิ่มขึ้น 11 คําสั่ง กําลังโหลดที่เพิ่มขึ้นอีก 50 วินาที (อินเตอรเน็ต 56k) javascript เพิ่ม CSS เพิ่ม โดยรวมตองโหลดเพิ่มอีก 225396 ไบต Real time monitoring (live users – stats) • ปดการเก็บสถิติทั้งหมดใชเพียงแค Google Analytics แทนก็พอ การเก็บสถิตินั้น จะเก็บไวในฐานขอมูลทําใหเสียเวลาใน การคนหาขอมูลในฐานขอมูลเปนจํานวนมาก ทั้งบุคคลที่สาม คอมโพเนนท โมดูล ทางนี้ google ชวยทาได o template ควรนําเทมเพต ทําการ analyzer กอนวาควรแกไขจุดไหน o เพิ่มประสิทธิภาพ CSS โดยใชเครื่องมือนีในการ http://www.cssoptimiser.com/index.php, สามารถรันออนไลท ้ ได สามารถชวยลดขนาดของไฟล css ได 10 - 30 % o ทําการบีบอัดไฟล js โดยใชเครื่องมือ http://javascriptcompressor.com/ รันไฟลผานเบราเซอร ผลลัพธคือ ลบไฟล js ที่ไมจาเปนและไมเปนปญหาตอการแสดงผลหนาเว็บเพจ ํ o อยาใชเครื่องมืออัพโหลดรูปภาพที่ลดขนาดรูปภาพโดยอัตโนมัติ ใหใชการยอรูปภาพดวยตนเองดีกวาโดยอาจจะ ใช photoshop และเลือก save for web ในภาพแตละภาพไมควรมีขนาดใหญกวา 10k เปนดี เพียงพอตอการ มองเห็นรายละเอียดของรูปภาพ
- 109. 109 o CSS image เปนภาพที่โหลดโดยเทมเพลท ของคุณ หากคุณใชจํานวน CSS image นอยก็จะทําใหโหลดหนา เว็บเพจเร็วยิ่งขึ้น o ลาง joomla ลบโมดูล ปลั๊กอิน คอมโพเนนท ที่ไมจําเปนหรือไมไดใชประโยชนออก o ใชเครื่องมือรวม CSS js เพื่อลดการรองขอของ HTTP เชน minify ซึ่งทํางานแยกออกจากตัว joomla หรือ com_minify ซึ่งสามารถติดตั้งใชงานบน joomla ไดเลย การใชงาน system legacy Legacy โหมดถูกสรางขึ้น เพื่อใชกับ joomla 1.5 ใหสามารถใชงาน extensions ของเวอรชั่น 1.0 ได โดยตองเปดโหมด system legacy ขึ้นตอนการเปดใชงานโหมด system legacy มีดังนี้ ไปที่ admin menu >> extensione >> plugin manager หาปลั๊กอินที่ชื่อ system - legacy ทําการ enable สังเกตเมื่อ system legacy เปดใชงาน มุมบนดานขวามือ
- 110. 110 การปดเว็บไซตช่วคราวออฟไลท ั อาจจะมีบางโอกาส ที่คุณตองการทําเว็บไซตใหสมบูรณ โดยที่ไมตองมีใครเขามาดูเว็บไซตของคุณที่ ยังดูไมดหรืออาจจะไมสมบูณ ี มีขอบกพรอง ที่จะตองปรับปรุงตาง ๆ มีขั้นตอนงาย ๆ ในการสลับออนไลทหรือออฟไลท ไดอยางรวดเร็ว ใน joomla ในการใช joomla ออฟไลทชั่วคราว 1.เขาสูระดับผูดูแลระบบ (back end) 2.คลิ๊กที่ปุม Global Configuration หรือคลิ๊กที่เมนู Site > Global Configuration 3.ในหนานี้ จะมีหลายตัวเลือกในการกําหนดคาตาง ๆ เขาจึงทําแท็บแยกตางหาก ใหเลือกที่แท็บ "site" 4.จะมีแถบ site offline ใหเลือกปุม "No" 5.ตัวเลือก: เปลี่ยน Offline Message เพื่ออธิบายใหผูเขาชมเว็บไซตเขาใจเกียวกับสาเหตุการปดเว็บไซตช่วคราว ่ ั 6.คลิ๊กที่ปุม save หรือ apply - การ save การเปลี่ยนแปลงจะกลับไปสูหนาผูดูแลระบบหรือ Control Panel - การ apply เปนการบันทึกการเปลี่ยนแปลง แตคุณจะไมออกจากหนาการตั้งคาเดิม 7.จาก นั้นคุณจะเห็นแถบขอมูลสีนําเงิน "The Global Configuration details have been updated." ซึ่งเปนการยืนยันการเปลี่ยนแปลง ้ ที่คุณไดกระทําลงไป ผูเขาชมเว็บไซตของคุณก็จะเห็นหนา joomla! โลโกและขอความออฟไลทของคุณ - หากคุณเห็นแถบสีแดงแสดง error วา Cannot save Global Configuration changes. ใหทําการเปลียนสิทธิการใชงานไฟล ่ (permissions) ของไฟล configuration.php เปน 660
- 111. 111 เพื่อความปลอดภัยของเว็บไซต เมื่อทําการตั้งคาเสร็จใหเปลี่ยนคา permissions ของไฟล configuration.php เปน 640 (chmod 640) ทําให url joomla 1.5 เปน search engine friendly ทําให url joomla 1.5 เปน search engine friendly เพื่อทํา seo แลวมันมีประโยชนอะไร คือ ชวยใหเว็ยเราติดอันดับใน search engine งายมากขึ้น เมือติดอันดับมากขึ้น คนก็เขามากขึ้นเปนที่รจักมากขึ้น ปจจุบันนี้ คนก็ใช search engine กันทั้งนั้น เรียกวาแทบทุกคน ่ ู เลยดวยซ้ํา คิดอะไรไมออกบอก google (สําหรับเมืองไทยนะ ตางประเทศเขาก็นยมอีกแบบตามแบบของเขา) มาดูดีกวา ิ -- URL แบบที่ยังไมเปดใช search engine friendly http://127.0.0.1/joomla15test/index.php?option=com_content&view=article&id=19:joomla-overview&catid=29:the- cms&Itemid=37 เปนแบบนี้เปนที่จดจํายาก เต็มไปดวยพารามิเตอรและเซสชั่นมากมาย -- URL แบบที่เปดใช search engine friendly http://127.0.0.1/joomla15test/joomla-overview/more-about-joomla/29-the-cms/19- joomla-overview.html งายกวาเดิมขึ้นเยอะ การเปดใชงาน search engine friendly เขาไปเปดไดเลยที่ Global Configuration(รูปดานบน) จากนั้นตั้งคาตามรูปเลย จากนั้นไปแกไฟล htaccess.txt เปน .htaccess สําคัญคือ Alias ใน section,category,menu,content ใสใหหมดและหามซ้ํากัน เชน http://www.youdomain.com/youcategory/18- joomla-youpage.html youcategory มาจาก Alias ของ category 18-joomla-youpage มาจาก Alias ของ content http://www.youdomain.com/youpage.html youpage มาจาก Alias ของ menu มันจะทําให google คนหาเว็บเราไดงายขึ้นใชไดกับโฮส Apache ที่เปด mod_rewrite เทานั้น สวนถาเว็บคุณอยูบน subdirectory เชน http://www.yourdomain.com/th ไฟล .htaccess ตรง #RewriteBase /
- 112. 112 แกเปน RewriteBase /th ในไฟล .htaccess ไมตองแกอะไรเลย มาเปลี่ยน favicon ให joomla กันเถอะ - favicon มีไวทําไม favicon ที่มีอยูตรงหนา address bar นั้นเปนรูปสัญลักษณแทน สิงของหรือบุคคลนั้นๆ จะชวยใหมนุษยจดจําได ่ ดี จะ ทําใหสมาชิก หรือแขกผูเยี่ยมชมนัน สามารถจดไดวาไอคอนนีนะ...เปนของเว็บนี้ๆ ซึ่งจะทําใหชวยในการจดจําไดมากขึน ้ ้ ้ ทางวิทยาศาสตรเขาวางั้น เวลา เรากด Bookmarks หรือ บันทึกหนานันไวเปน รายการโปรด ของเราก็จะเห็นไอคอนนั้นไดเดนชัด ้ ใน joomla 1.5 นั้นจะเก็บรูปสัญลักษณ ไวในชื่อ favicon.ico จะอยูในพาท /templates/youtemplate/favicon.ico สําหรับ favicon หนา front end และหนา back end จะอยูที่ administrator/templates/khepri/favicon.ico สําหรับเทมเพลทมาตรฐานที่มีอยูแลว - ขนาดมาตรฐานของ favicon ก็มีขนาด 16*16 Pixel มีนามสกุลเปน *.ico ชื่อก็ตั้งเปนมาตรฐานตามเขาคือ favicon อาาจะใช โปรแกรมตกแตงภาพทําขึนมาเองหรือใชบริการจากเว็บไซตซ่งก็ทํางาย ๆ แคเตรียมรูปไวและวเขาไปที่เว็บ http://www.html- ้ ึ kit.com/favicon/ หรือเว็บอื่น ๆ ที่มีบริการทําให เมื่อได ไอดอนแลวก็จัดการอัพโหลดไปทับ favicon.ico ที่มีอยูเดิมใน joomla - /templates/youtemplate/favicon.ico สําหรับ favicon หนา front end - หนา back end จะอยูที่ administrator/templates/khepri/favicon.ico
- 113. 113
- 114. 114 Upload joomla ที่ทําเสร็จจากเครื่องขึ้น hosting หลาย ๆ ทานอาจจะนั่งทําเว็บในเครื่องตนเองโดยใชโปรแกรม web server ติดตั้งในเครื่องกอน เพื่อความรวดเร็วและสะดวกในการ ปรับแตงและไมคอยยุงยากเหมือน ทําใน host จริง ๆ เสร็จแลวทําการอัพขึ้น host ในทีเดียวเลย ในครั้งนี้ เราลองมาอัพโหลดเว็บ ที่ ทําโดยสคริป joomla จากเครืองตนเองขึ้น hosting กันเถอะ ่ 1.กอนอื่นก็ทําการ export ฐานขอมูลของ joomla ที่ทําไวในเครื่องออกมากอนครับ โดยเขาหนา phpmyadmin (http://localhost/phpmyadmin) เลือกฐานขอมูลของ joomla ทําการคลิ๊กที่เมนู export
- 115. 115 ก็จะมาสูหนานี้จัดการเลือกที่ select all เพือเลือกที่จะนําฐานขอมูลทั้งหมดออกมา จากนั้นเลือกที่ SQL (ที่วงกลมไวนะครับ) ่ เลือกที่ save as file จากนั้นกด GO โปรแกรมจะทําการดาวนโหลดไฟล ฐานขอมูล ใหเราเก็บไวในเครื่องกอน (ไฟล *.sql)
- 116. 116 จากนั้นทําการล็อกอินเขา phpmyadmin ของ host การเขาจัดการฐานขอมูลดวยโปรแกรม phpmyadmin ของแตละ host จะแตกตาง กัน แลวแต control panel ที่ทาง host เลือกใช เมื่อล็อกอินเขา phpmyadmin เรียบรอยแลว ใหทําการ import ฐานขอมูล ดวยเมนู import ดังรูปดานลาง กดปุม bowser... เลือกไฟล SQL ที่เซฟไวตามขั้นตอนขางตน จากนั้นกด GO เพื่อนําเขาฐานขอมูล
- 117. 117 เปดโฟลเดอร สคริป joomla ที่เราจะทําการอัพโหลดขึ้นบน host จากนันหาไฟล configuretion.php เลือกเปดดวยโปรแกรม text ้ editor อะไรก็ได ทําการแกไขบรรทัดดังตอไปนี้ var $log_path = '/home/www/....../logs'; เปลี่ยนเปนพาทไดเรกทอรี่ของ host var $tmp_path = /home/www/....../tmp'; เปลี่ยนเปนพาทไดเรกทอรี่ของ host var $ftp_host = 'youdomain.com'; ชื่อ FTP host ของคุณ var $ftp_port = '21'; var $ftp_user = 'yourname@youdomain.com '; ชื่อผูใช FTP var $ftp_pass = 'xxxxxxxxxxxx'; รหัสผาน FTP var $ftp_root = '/XXXXX'; ไดเรกทอรี FTP var $dbtype = 'mysql'; var $host = 'localhost'; ชื่อโอสต var $user = 'XXXXXXXX'; ชื่อผูใชฐานขอมูล var $db = 'XXXXXX'; ชื่อฐานขอมูล var $password = 'รหัสผานฐานขอมูล';
- 118. 118 หากไมรูพาทของ host ก็สามารถดูไดดังนี้ - ทําการสรางไฟล php ขึ้นมา 1 ไฟล ทําใน notepad ก็ได ใสสคริป php นี้ลงไป <? phpinfo () ; ?> เซฟ เปนชื่อ phpinfo.php แลวทําการอัพโหลดขึ้น host เรียกตาม url (http://www.youdomain.com/phpinfo.php) ทําการหาพาทได ในนั้น เซฟไฟล configuration.php ทําการอัพโหลดขึ้น host จริง โดยใชโปรแกรม FTP อยางเชน โปรแกรม FileZilla (ดาวนโหลด ใชงานไดฟรี) ใสชื่อ host ชื่อยูสสําหรับล็อกอิน และรหัสผาน (ในชองที่ขีดเสนสีแดงไว) จากนันกด Quickconnect อัพโหลดสคริปไฟล joomla ้ ทั้งหมดขึ้นบน host เปนอันเสร็จสิ้น การอัพ โหลด joomla จากเครื่องขึ้น host ใชเพียงการแกไขไฟล configuretion.php เพียงไฟลเดียว สําคัญตองใสพาท ชื่อฐานขอมูล ชื่อผูใชฐานขอมูลและรหัสผานใหถูกตอง
- 119. 119 การใชงาน phpmyadmin เบื้องตน phpmyadmin เปนโปรแกรมจัดการฐานขอมูล MySQL ผานทางเว็บบราดวเซอร ซึ่งเปนเครื่องมือ ที่สะดวกในการจัดการฐานขอมูล ในระยะไกล การใชงานนันก็ไมยุงยากอะไร แตจะขอกลาวแบบพื้น ๆ ที่ใชงานกัน เชน การสรางฐานขอมูล การนําเขาฐานขอมูล ้ การนําออกฐานขอมูลการลบตารางฐานขอมูล ที่จําเปนตองใชกนเปนประจํา อยูแลว ั 1.การสรางฐานขอมูล Create new database กอนอื่นก็ใหทาการล็อกอินเขา phpmyadmin กอน ซึ่งการเขาระดับล็อกอินของ phpmyadmin ของแตละ host ก็มี URL ที่แตกตางกัน ํ ไป ตามแตโปรแกรมที่ผูใหบริการ host นั้นติดตั้ง
- 120. 120 เมื่อล็อกอินเขามาแลวจะเห็นชองใหกรอกชื่อฐานขอมูลที่ตองการสราง Create new database เมื่อกรอกชื่อฐานขอมูลที่ตองการ เสร็จใหกด ปุม Create ก็จะไดฐานขอมูลวาง ๆ ตามที่ตองการ 2.การนําเขาฐานขอมูล Import database
- 121. 121 เมื่อทําการสรางฐานขอมูลเสร็จ หนาเว็บจะนําพามาสูหนานี้ เลือกแท็บ import ดานบน ในชอง Location of the text file ใหคลิ๊กทีปุม Browse.. เพื่อเลือกฐานขอมูลที่ตองการนําเขา โปรดสังเกต ตรง Max : ดวยวา ให ่ นําเขาฐานขอมูลขนาดไมเกินเทาไหร ถาฐานขอมูลมีขนาดพื้นที่ใหญกวาที่กําหนดจะไมสามารถนําเขาฐานขอมูลได หมด ฐานขอมูลที่จะนําเขาตองมีนามสกุล *.sql เมื่อเลือกฐานขอมูลที่จะนําเขาเสร็จเรียบรอยใหกด ปุม Go 3.การสงออกฐานขอมูล Export database ในกรณีน้เี ปนการนําฐานขอมูลออกมา เพื่อนําไปติดตั้งที่อื่น หรือสํารอง เอาไวเผื่อ เกิดความเสียหายของฐานขอมูล
- 122. 122 แท็บดานบนเลือกที่ Export เลือกตาราง ที่ตองการนําออก หรือเลือกทังหมด 1.ใหเลือกนําออกไฟลเปน SQL 2.คลิ๊กเลือก save as file 3.กดปุม Go ้ จากนั้นโปรแกรมจะทําการเซฟและดาวนโหลดมายังเครื่องคอมพิวเตอรของเรา
- 123. 123 3.การลบตารางฐานขอมูล Drop Table database คลิ๊กเลือกตารางที่ตองการลบ เลือกที่ดร็อบดาวนเมนู "Drop" จากนั้นโปรแกรมจะถามเพื่อเปนการยืนยันวาตองการจะลบจริง หรือไม ใหกดปุม yes การกระทําใด ๆ ใหแนใจวาไดสารองฐานขอมูลไวแลว เพื่อกันความผิดพลาดที่อาจจะมานั่งปวดหัวในภายหลังได ํ
- 124. 124 การใชงาน filezilla FTP manager Filezilla เปนโปรแกรมจัดการรับสงไฟลระหวาง เครื่องคอมพิวเตอรคณและ server ผานโปรโตคอน FTP พอรตที่ 21 ที่เว็บ ุ มาสเตอรทุกคนตองมีประจําเครื่องไว แตกมีโปรแกรมประเภทนี้อีกมากมาย ฟงกชั่นการใชงานก็อาจจะหลากหลายแตกตางกันไป ็ แตที่ติดใจตัวนี้คือ ฟรี ใชงานงาย ไมกินสเปกเครื่อง สามารถดาวนโหลดโปรแกรมไดที่น่ี http://filezilla-project.org/ เมื่อดาวน โหลดมาแลวก็จดการติดตั้งเลย การติดตั้งไมไดซบซอนอะไร ก็ next ไปเรื่อย ๆ จนเสร็จการติดตั้ง จากนั้นใหเขาโปรแกรม filezilla ั ั ที่ติดตั้งไดเลยครับ ก็จะมีหนาตาอยางนี้ข้นมา ึ เมนูดานบนจะมีชองใหกรอกชื่อ host ยูสเนม และรหัสผานสําหรับล็อกอินเขา host ของเรา เมื่อ ทําการคอนเน็ก เรียบรอยแลว ดานลางถัดมาจากชองที่กรอกขอมูลสําหรับล็อกอินที่เปนตัวหนังสือสีเขียว นั่นคือสวนแสดง คําสั่งการทํางาน สวน (ที่มีตวหนังสือสีแดงเขียนไว) ฝงทางดานซายมือจะเปนฝงในเครื่องของเรา สวนฝงขวาจะเปนฝงของ server ั
- 125. 125 การอัพโหลดขอมูลจากเครื่องขึ้น server ก็มาที่ฝงซาย คลิ๊กที่ไฟลที่ตองการอัพโหลดแลวคลิ๊กขวา จะมีเมนูแสดงขึ้นมา คลิ๊กที่ upload
- 126. 126 การดาวนโหลดขอมูลจาก server ลงมายังเครื่องเรา ก็มาฝงขวามือ เลือกไฟลที่ตองการเสร็จแลวคลิ๊กขวา เลือกเมนู download รูปดานบนเปนการแกไขไฟล ที่เปนไฟลสคริป ของโปรแกรม ที่ขางในนั้นเปน text file หรือไฟลที่เปนตัวอักษรขางใน
- 127. 127 รูปดานบนเปนการสรางไดเรกทอรี ฝง server สวนทางดานเครื่องเราก็สามารถทําได ดวยวิธนี้เชนกัน ี การเปลี่ยนคา permission หรือการกําหนดสิทธิในการใชไฟล ทําโดยการคลิ๊กขวาไฟลหรือไดเรกทอรีที่เลือก เลือกที่เมนู file attributes... Owner permissions คือ การกําหนดคาเฉพาะเจาของเทานั้น Group permissions คือ การกําหนดคาเฉพาะกลุม Public permissions คือ การกําหนดคาเฉพาะบุคคลทั่วไป
- 128. 128 จะมีตวอักษรใหสังเกตหลังไฟลดังนี้ drwxrwxrwx ั d ตัวแรก คือ ไดเรกทอรี ถาเปนไฟล ก็จะเปนอยางนี้ -rwxrwxrwx r คือ read หรืออาน กําหนดใหสามารถอานไฟลน้ไดหรือไม ี w คือ write หรือเขียน กําหนดใหสามารถเขียนไฟลน้ไดหรือไม ี x คือ execute หรือการสั่งใหรันไฟลนั้น rwxrwxrwx สังเกตจะมี 3 ชวง rwx rwx rwx เรียงตาม Owner Group Public ถาเปนตัวเลข r=4 w=2 x=1 1=--x , 2=-w- , 3=-wx ,4=r , 5=r-x , 6=rw , 7=rwx ก็เอาเลขดานบนมาบวกกัน เชน 777 = -rwxrwxrwx (4+2+1) , 755 = -rwxr-xr-x , 644= -rw-r--r-- กําหนดคาที่ตองการ เสร็จแลวกด ok