คูมือการติดตั้งและใชงาน Joomla!
การติดตั้งและใชงานเบื้องตนจนถึงระดับกลาง Step By Step
จัดทําโดย joomlathaiclub.com
2
คูมือการติดตั้งและใชงาน Joomla! คูมือการติดตั้งและใชงาน joomla CMS ที่ไดจัดทําขึ้นเพื่อใชเปนคูมือสําหรับผูเริ่มตนใชงาน joomlaCMS ในการทํา เว็บไซต เนื้อหาภายในเกี่ยวกับการทดลองติดตั้งและใชงาน joomla ดวยเครื่องมือที่มีอยูภายในตัว joomla การเตรียมความพรอม กอนลงมือปฏิบัติจริง ศึกษาและเขาใจเครื่องมือตาง ๆ ของ joomla เนือ้ หาสวนใหญเนน รูปประกอบ ทําความเขาใจแลวปฏิบัติตาม หวังเปนอยางยิ่งวา เอกสารฉบับนี้จะเปนประโยชนแกผูที่สนใจศึกษาการทําเว็บไซตดวย joomlaCMS ผูจัดทํามิไดหวังผล ทางการคา แตอยางใด และไมสงวนลิขสิทธิ์ สําหรับขอความ รูปประกอบ ในทุกสวนของเอกสารฉบับนี้ หากผูใดตองการนําไป เผยแพรตอ ก็สามารถทําได แตขอใหระบุแหลงที่มาของเอกสาร
www.joomlathaiclub.com
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 คูมือการติดตั้งและใชงาน 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 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 Software PHP* MySQL** Apache***
ความตองการของระบบในการติดตั้ง Recommended Minimum 5.2 + 4.3.10 4.1.x + 3.23 2.x + 1.3
More information http://www.php.net http://www.mysql.com http://www.apache.org
7
http://www.iis.net
(with mod_mysql, mod_xml, and mod_zlib)
Microsoft IIS****
6
* ไมควรใช 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 การติดตั้ง 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 2. คลิ๊ก Next จะพบกับหนาจอ ประกาศเรื่องลิขสิทธิ์ ซึ่งเปน ลิขสิทธิ์แบบ GNU/GPL License
3. เมื่อคลิ๊กI Agree เพื่อยอมรับลิขสิทธิ์แลว ก็จะเขาสูหนาเลือกโฟลเดอร และไดรฟ ที่จะติดตั้ง ในที่นี้เปน C:\AppServ
9 4. เมื่อคลิ๊กNext จะเขาสูหนาเลือก คอมโพเนนที่จะติดตั้ง ในที่นี้คลิ๊กใหหมดทุกตัว
5. หนาServer Information
ชอง Server Name ใหใสlocalhost ชอง Admin Email ใหใสemail ของเราไป ชอง HTTP Port ใหใสหมายเลข Port ที่ตองการเผยแพรเขาไป ในที่นแี้ นะนําเปน 80 จากนั้นคลิ๊ก Next
10 6. ตั้งคา MySQL
ชองEnter Root Password ใสรหัสผานสําหรับ Account User: root หมายเหตุ กรุณาใสรหัสที่คณ ุ จําไดงายๆ Re-Enter Root Password ใสรหัสผานสําหรับ root อีกครั้งใหเหมือนเดิม ชอง Character Sets เลือกเปน TIS620 Thai เพื่อใชงานกับภาษาไทย หรือ UTF-8 ก็ได แต เวลาใชงานจริงบนโอสติ้งตอง ตรวจสอบกอนวาโฮสเราสนับสนุน UTF-8 หรือไม จากนั้นคลิ๊กInstall
11 7. จากนั้นโปรแกรมจะถูกติดตั้ง รอจนครบ 100% ในระหวางนี้ หาก Windows มีการสอบถามเรื่องการ Block โปรแกรม ใหคลิ๊ก Unblock โปรแกรมจะถูกติดตั้งอยางสมบูรณ
8. เมื่อระบบติดตั้งจนครบ 100 % ก็จะเขาสูหนาสุดทาย ระบบจะถามวา จะเริ่มให Apache และ MySQL ทํางานหรือไม จากนั้น คลิ๊ก Finish
12 9. เมื่อติดตั้งเสร็จ ใหเปด Internet Explorer หรือ Mozilla Firefox ขึ้นมา ชอง Address พิมพ http://localhost เพื่อทดสอบ หาก สําเร็จ จะมีหนาจอดังภาพ
โครงสรางของโฟลเดอร เราจะเก็บ joomla ไวใน โฟลเดอร www (c:\appserv\www\)
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-installerbeta2.exe
1.เลือกภาษาติดตั้ง
2.next
14
3.กําหนดพาทที่จะติดตั้ง ปกติ อยูที่ c:\xampp
15 4.เลือกติดตั้ง service ทั้งหมด next ตอไป
5.เริ่มทําการติดตั้งรอสักครู
16 6.ทําการติดตั้งเสร็จเรียบรอย กด finish
7.โฟลเดอรที่ใชเก็บขอมูลจะอยูที่ C:\xampp\htdocs ลองเขาบราวดเซอร http://localhost เลือกภาษาที่จะใชงาน จะพบหนาจะดังรูป
17 8.เขาเมนู Security เพื่อจัดการกําหนดรหัสผานสําหรับเขาใชงาน server และฐานขอมูล
9.คลิ๊กที่ http://localhost/security/xamppsecurity.php
18
10.กําหนดรหัสผาน ของ MySQL SuperUser หรือ root ยืนยันรหัสผานอีกครั้ง กด password changing
11.กําหนดชื่อผูใชงาน ไดเรกทอรี (เมื่อตองการ กําหนดหรือไมก็ได)
19
12.ระบบจะทําการบันทึกรหัสผานไวที่ไฟล ดังกลาว
13.ถาเรากําหนดรหัสผานการเขาใชไดเรกทอรี เวลาเขา http://localhost จะถามชื่อล็อกอินและรหัสผานดว
14.เมื่อเขา http://localhost/phpmyadmin/ รหัสตามที่ตั้งไว
20 15.เขาปรับแตง FTP server (C:\xampp\FileZillaFTP\FileZilla Server Interface.exe)
16.กําหนดรหัสผาน เสร็จแลว กด ok
21
17.เขาเมนู edit > users > General เลือกยูส แกไขรหัสผานใหม เสร็จแลวกด ok
18.ตรวจดู พาท ของ FTP วาถูกตองหรือไม ปกติจะอยูที่ C:\xampp\htdocs
22
19.ทําการสตารทเซอรวิส ทั้งหมด โดยคลิ๊กที่ รูป ดานบน
20.ทดสอบ ทําการงาน ของ FTP Server เขาที่โปรแกรม FTP - host = localhost - username = newuser - password = ตามที่ไดตั้งไว
23
21.เขาปรับแตงโปรแกรม mail server คลิ๊กที่ admin ดังในรูปดานลางนี้
22.เมนู configruation > manage local user
24
23.เลือกที่ newuser กดchange
25 24.เปลี่ยน password ใหม
25.เขาใชงาน mail server ไดที่ http://127.0.0.1/xampp/mailform.php (newuser@localhost)
26.เปดใหสามารถใชงาน mod_rewrite ได เขาไปแกที่ C:\xampp\apache\conf\httpd.conf ใน บรรทัด #LoadModule rewrite_module modules/mod_rewrite.so เอาเครื่องหมาย # ออก ทําการเซฟ สั่ง stop apache เสร็จ สั่ง start apache ใหมอีกรอบ
26
เมื่อ บูตเครื่องใหม โปรแกรม FTP อาจจะไมทํางาน ตองสั่งใหมันทํางานดวยมือเอง ที่ C:\xampp\xampp-control.exe สั่งสตารท ทั้ง FTP และ โปรแกรม mail server
27
เริ่มทําการติดตั้งและใชงาน กอนทําการติดตั้งนั้นตองทําการดาวนโหลดสตริปสําหรับติดตั้งกอนครับ โดยสามารถดาวนโหลดไดที่ http://www.joomla.org เลือกเวอรชัน joomla 1.5.14
คลิ๊กที่รูป Download Jomla
เลือกดาวนโหลดแบบ Full Package คลิ๊กที่ลิ้งก ZIP
28
เลือก Save ไฟลไวในเครื่อง
รอจนดาวนโหลดเสร็จสิ้น
เมื่อดาวนโหลดไฟลเสร็จเรียบรอยแลวจะไดไฟลที่มีนามสกุล *.zip ใหทําการแตกไฟลออก โดยใชโปรแกรมจัดการไฟลบีบอัด อยางเชน 7zip, winzip, winRAR ฯลฯ
29
ทําการแตกไฟลบีบอัด
จะไดไฟลดังในรูป
30 ใหก็อปปไ ฟลทั้งหมด นําไปวางไปบน web server จําลองที่ไดติดตั้งไวแลวตาม เนื้อหากอนหนานี้ (XAMPP) โฟลเดอร c:\xampp\htdocs\ ทําการสรางโฟลเดอรใหมทชี่ ื่อวา joomla แลวนําไฟลที่ไดก็อปปไวแลวดังขางตน นํามาวางในโฟล เดอร joomla นี้
รูปโฟลเดอรที่ทําการสรางขึ้นในชื่อ joomla เมื่อทําการก็อปปแลวใหเขาที่โปรแกรมเบราวเซอร (browser) พิมพในชอง address http://localhost/phpmyadmin เพื่อเขา จัดการสรางฐาน MySQL เอาไวสําหรับติดตั้ง joomla
พิมพชื่อ User name เปน root, password ตามที่ตั้งไวตอนติดตั้งโปรแกรม XAMPP จากนั้นคลิ๊กปุม Go เพื่อล็อกอินเขา ระบบ
31
จะเขามาสูหนานี้ ในชอง Create new database ใหพิมพชื่อฐานขอมูลตามตองการ (ในที่นี้ขอตั้งชือ่ เปน joomla) จากนั้น คลิ๊กปุม Create
เมื่อขึ้นเครื่องหมายถูกพรอมกรอบสีเขียวแสดงวา การสรางฐานขอมูลเสร็จเรียบรอย
จากนั้นพิมพในชื่อ address วา http://localhost/joomla สคริปติดตั้งจะนําพามาสูหนาติดตั้งโดยอัตโนมัติ ใหทําการเลือกภา ที่ใชในการติดตั้ง ในที่นี้ขอเลือกเปนภาษาอังกฤษ จากนัน้ คลิ๊กปุม Next (ดานมุมบนขวามือ)
32
ตัวหนังสือสีแดงที่ขึ้นวา no ใหปลอยไวยังไมตองสนใจในสวนนี้ ใหคลิ๊ก Next เพื่อไปขั้นตอนถัดไป
หนานี้เปนการบอกถึงลิขสิทธิ์การใชงาน joomla CMS ใหคลิ๊ก NEXT ตอไป
33
ในสวนนี้ใหใสรายละเอียดเกี่ยวกับฐานขอมูล - host name ใสชื่อของ host สวนมากเปน localhost - User Name ใสชื่อผูใชงานฐานขอมูล คือ root - Password ใสพาสเวิรดตามที่ตองไว - Data Base ชื่อฐานขอมูลตามที่สรางไวใน phpmyadmin จากนั้นคลิ๊ก Next
สวนของการกําหนดคา FTP ยังไมใชงานวางไวกอน จากนั้น คลิ๊กปุม Next
34
ในสวนนี้เปนการกําหนดคาในขั้นตอนสุดทาย - site name ใสชอื่ เว็บไซต กําหนดชื่อตามตองการ - you E-mail ใสอีเมลของผูดูแลระบบ - admin password ใสรหัสผานในการเขาระบบของผูดูแลระบบ - confirm admin password ยืนยันรหัสผานอีกครับ ในชองลงมา หากตองการติดตั้งขอมูลตัวอยางก็ใหคลิ๊กที่ install sample data (ในที่นไี้ มขอติดตั้งขอมูลตัวอยาง) ตากนั้นคลิ๊ก Next จากนั้นจะมีหนาตางขึ้นมาใหยนื ยันวาขอมูลดังกลาวถูกตอง ให คลิก๊ OK
เขามาสูหนานี้ ระบบจะบอกวา ชื่อผูใชงานของคุณคือ admin ระบบจะบอกใหทําการลบหรือเปลี่ยนชื่อโฟลเดอร installation ยังไมตองไปไหนในขั้นตอนนี้ใหทําการยอหนาตางเบราวเซอรไวกอน แลวใหทําการลบโฟลเดอร installation ทิ้งกอน
35
ทําการลบโฟลเดอร installation ทิ้ง
จากนั้นมาทีเ่ บราวเซอร คลิ๊กที่ site เพื่อเขาดูหนาเว็บไซต หรือ admin เพื่อล็อกอินเขาระบบ
หนาเว็บไซตแรกที่ยังไมมีขอมูลใด ๆ เลย
36
Note คําที่ใชตอนตอไป - Front end คือสวนหนาเว็บไซต ผูใชทั่วไปที่ไมตองลงทะเบียนหรือมีหนาที่ดแู ลระบบสามารถเขาถึงได
- Back end คือสวนดานในเว็บไซตที่ผูดูแลระบบใชจัดการตั้งคาระบบ พิมพเนื้อหาบทความตาง ๆ ผูใชทั่วไปไมสามารถ เขาถึงหนานี้ได
- admin menu คือสวนของเมนูที่อยูดานบน
- cpanel หรือ control panel คือสวนของ back end ทั้งหมด
37 การเขา – ออกระบบ ผูดูแลระบบ การเขาสู cpanel สามารถทําไดโดยเขา หนา front end ตามปกติแลวพิมพชื่อพาธ /administrator ตามหลัง
จากนั้นกด enter ก็จะเขาสูหนาล็อกอินของ back end
จากนั้นพิมพ User Name คือ admin, password ตามที่ตั้งไวตอนติดตั้ง จากนั้นคลิ๊ก login
ก็จะเขาสูห นา cpanel
38 การออกจากระบบ
คลิ๊กที่ logout ดานมุมบนขวามือของหนาจอ
การตั้งคาเบื้องตน
ทําการล็อกอินเขาหนา back end ของระบบ จากนั้นคลิ๊กที่ Global Configuration หรือไปที่ admin menu >> Global Configuration
จะเขามาสูหนานี้
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 บทบาทหนาที่ของ 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 การสรางหมวดหมูไวเก็บเนื้อหาเว็บไซตใน 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
จากนั้นคลิ๊กทีป่ ุม 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 เมื่อใสรายละเอียดครบหมดแลว ใหทําการ save เมื่อได Section แลวตอไปก็ทําการสราง Category การสราง Category ขั้นตอนจะคลายการสราง Section
คลิ๊กที่ Section manager หรือ เขาที่ admin menu >> content >> section manager
จากนั้นคลิ๊ก New
เพื่อสราง Category ใหม
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 การสรางบทความ (article) หลังจากไดทําการสราง Section และ Category เพื่อใชเก็บ ตอไปก็ทําการสรางบทความ (article)
คลิ๊กที่ Add new Article
หรือเขาที่ Admin menu >> Content >> Article Manager
จากนั้นคลิ๊กที่ New
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 การใสรูปภาพลงในบทความ การใสรูปภาพ โดยใชรูปภาพที่มีอยูแลว หรืออัพโหลดจากเครื่องคอมพิวเตอรของคุณ
คลิ๊กที่ Image
เลือกรูปที่ตองการจาก โฟลเดอรที่มี หรืออัพโหลดจากเครื่องคอมพิวเตอรของคุณ โดยการ Browser เมื่อเลือกภาพไดแลวก็ คลิ๊ก start upload เมื่อเลือกรูปได แลวใหคลิ๊ก insert เพื่อแทรกรูปภาพลงบนบทความ Tip : โฟลเดอรที่ใชเก็บรูปภาพของ joomla คือ /images/stories การแทรกภาพลงบนบทความดวยลิ้งก URL
คลิ๊กที่รูปตนไม จะขึ้นหนาตางใหใสรายละเอียด
48
ใส Full URL ของรูปภาพ เชน http://www.google.com/images.jpg การสรางลิ้งก อานตอ Read more เปนการสรางบทความในสวนของไตเติ้ล กลาวนํากอนแลวใหผูอานเขามาอานตอดานใน
ตองการจะตัดบทความใหเขามาอานตอตรงสวนไหน ก็นําเคอรเซอรมาวางแลว คลิ๊กที่ read more
จะเกิดเสนขึ้นใหเราเห็นวาสวนนี้ลงไปเปนสวนที่ตองเขามาอานตอ
49
รูปแบบการใช read more ในบทความ การแบง บทความออกเปนหนา ๆ (Page Break) ในกรณีที่บทความหนึ่ง ๆ มีความยาวมาก ๆ และตองการแบงออกเปนสวน ๆ เพื่อใหดูดี หรือไมยาวเกินไป
ตองการจะแบงบทความตรงสวนไหน ก็นําเคอรเซอรมาวางแลว คลิ๊กที่ Page Break
จะปรากฏหนาตางนี้ขึ้นมา page title ใสชื่อตามตองการ Table of contents alias ควรกําหนดเปนภาษาอังกฤษ จะดีที่สุด
50
รูปแบบการแสดงผลจะเปนแบบนี้ มีสารบัญอยูดานขางของบทความ การไมใช เครือ่ งมือ editor สามารถทําไดโดยไมใช เครื่องมือ editor หรือเครื่องมือในการสรางบทความ แถบเครื่องมือที่เห็นมีหนาที่อํานวยความสะ วกในการแทรกคําสั่ง ตาง ๆ ลงไปไดรวดเร็วขึ้นโดยทีไ่ มตองมานั่งพิมพ แท็กคําสั่งเอง ทั้งหมด
หากตองการแทรกคําสั่ง HTML เองก็สามารถทําไดโดย คลิ๊กที่ Toggle Editor
จะเห็นคําสั่งที่สามารถแกไขไดเอง
การกําหนดพารามิเตอรของบทความ Parameters Article
51
สวนนี้เปนการกําหนดชื่อผูเขียน ชื่อแทนผูเขียน วันที่ทําการสรางบทความ คุณสามารถกําหนดวันที่ งดเผยแพรบทความได ที่นี่ดวย การกําหนดพารามิเตอรแบบ advanced
เปนการกําหนด ใหคาหรือไมแสดง รายละเอียดตาง ๆ ในบทความ การกําหนด metadata information
ในสวนนี้มีประโยชนตอการคนหา ทั้งใน Search Engine และในเว็บไซต - Description ใสคําอธิบายเกี่ยวกับบทความ วาเปนบทความอะไร กําหนดตามตองการ - Keywords ใสคําคนหาหลักสําหรับบทความ กําหนดเปนคํา ๆ หรือประโยคที่สั้นเขาใจงายสามารถใสเทาไหร ก็ไดโดยการเวนขึ้นคําใหมใหใช (,) จุลภาค ขั้นไว เชน joomla, joomla thai เปนตน - robots เปนคําสั่งที่ใชบอก robots (โปรแกรมสําหรับคนหาของ Search Engine) วาวรจะตองทําอะไรในบทความ นี้ คําสั่งหลัก ๆ มีดังนี้ - index ใหนําบทความนี้ไปแสดงที่ Search Engine - follow ใหคน หาตอ กรณีมีลิ้งกในบทความและตองการให robots ไปตามลิ้งก URL ปลายทาง
52 - noindex ไมใหนําบทความนี้ไปแสดงที่ Search Engine - nofollow ไมใหคนหาตอ กรณีมีลิ้งกในบทความและไมตองการให robots ไปตามลิ้งก URL ปลายทาง ใสคําสั่งใดคําสั่งหนึ่งก็ได หรือใสทั้งสองคําสั่งโดยใช (,) ขั้นระหวางคําสั่ง การใชงาน menu manager การสรางเมนูลิ้งกไปหาบทความ section และ category ทําไดโดยคลิก๊ ที่ menu manager
หรือเขาที่ admin menu >> menus >> main menu
main menu เปนเมนูหลักที่มีอยูแ ลวไมจําเปนตองสรางใหม
จากนั้นคลิ๊กที่ new เพื่อทําการสรางเมนูยอย ใน main menu
53
คลิ๊กเลือก Articles
จะปรากฏเมนูยอยลงมา - Archive คือลิ้งกไปหาบทความที่ถูกเก็บ - Article คือลิ้งกไปหาบทความ - Category คือลิ้งกไปหา Category - Section คือลิ้งกไปหา Section รูปแบบการแสดงผล
54 จะเห็นวามีสวนของ blog layout และ list layout blog layout จะเปนแบบรูปดานลางเหมือนหนา front page
list layout แสดงในสวนหัวขอบทความเทานั้น
เมื่อเขาใจรูปแบบการแสดงผลแลวตอไปก็ทําเมนูลิ้งกไปหาบทความตามตองการ ในที่นี้จะทําลิ้งกไปหา section
ใสชื่อ title , alias ตามตองการ
55
เลือก section ที่ตองการ เมื่อกําหนดเรียบรอยแลวก็คลิ๊ก save เพื่อบันทึกการเปลี่ยนแปลง
จะเห็นเมนูที่สรางขึ้นดังในรูป การสรางลิ้งกเมนูอื่น ๆ ก็ทําลักษณะคลาย ๆ กันนี้
56 การสรางเมนูใหม เมนูนี้มีลักษณะการทํางานเหมือนกับ main menu ไปที่ admin menu >> menu manager
คลิ๊กที่ new เพื่อสรางเมนูใหม
กําหนดชื่อตาง ๆ ตามตองการ
เมนูที่สรางใหม นี้จะไปปรากฏที่ โมดูล (module) ซึ่งโมดูลนี้สามารถจะเคลื่อนยายไป วางตําแหนงไหนของเทมเพลท (template) ก็ได เมื่อกําหนดชื่อเรียบรอยแลว ก็ทําการ save
57 การใชงานเมนูที่สรางนี้ จะเหมือนกับการใชงาน main menu ดังที่กลาวมาแลวในขางตน
เมนูที่สรางใหม จะกลายเปนโมดูล ไปโดยอัตโนมัติ Trash manager ทํางานเปนถังขยะ มีในสวนของ article และ menu เทานั้น ประโยชนคือเมื่อคุณทําการลบ บทความหรือเมนู บทความหรือ เมนูดังกลาวจะลงมาอยูในถังขยะ เพื่อปองกันความผิดพลาดกรณีลบผิดหรือตองการนํามาใชใหม ได ถาทําการลบออกจาก ถังขยะนี้ บทความหรือเมนูนั้นจะหายไปและไมสามารถกูไดอีกตอไป
Front page manager สวนนี้เอาไวสาํ หรับจัดการ การเผยแพรบทความดานหนาเว็บ
58 User Manager สวนจัดการผูใช สามารถลบ แกไขชื่อ รหัสผาน กําหนดสิทธิการใชงาน เพิ่มผูใชงานใหมไดที่นี่ ผูทมี่ ีสิทธิใชในสวนนี้คือ administrator และ super administrator
การเพิ่มผูใชงานใหม คลิ๊กที่ New กรอกรายละเอียด name, username, e-mail, password กําหนด group จากนั้นคลิก๊ save
59 สรางปายโฆษณา (banner) ไปที่ admin menu >> component >> banner
เลื่อนมาที่แท็บเมนู categories เพื่อสราง categories กอนเพื่อใชในการเก็บ banner clients คลิ๊กที่ new เพื่อสราง categories
60 ตั้งชื่อตามตองการเหมือนขั้นตอนการสราง section
เลื่อนมาแท็บเมนู clients คลิ๊ก new เพื่อสราง banner clients ใหม กําหนดชื่อ ชื่อผูติดตอ อีเมล และคําอธิบายเกี่ยวกับแบนเนอร จากนั้นทําการ save
เลื่อนมาแท็บเมนู banners คลิ๊ก new สราง banner ใหม จากนั้นทกหาร save Tip : สามารถใชรูปในเว็บไซตมาทําแบนเนอรได โฟลเดอรสําหรับเก็บแบนเนอรอยูท ี่ /images/banners
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 การสรางรายชือ่ ผูติดตอ Contact ไปที่ admin menu >> component >> contacts
คลิ๊กแท็บเมนู Categories จากนั้นคลิ๊ก new เพื่อสราง Categories ใหม
ใส title และ alias จากนั้น Save
63 คลิ๊กแท็บเมนู Contacts จากนั้นคลิ๊ก new เพื่อสรางชื่อผูติดตอ
- ใส name, alias - เลือก Category - linked to user สามารถกําหนดใหสงขอความติดตอไปหาผูใชงานที่ลงทะเบียนในบัญชี joomla ได
ในชอง information ใสรายละเอียดเกี่ยวกับที่อยูติดตอ
64 กําหนดพารามิเตอร ตองการจะแสดงหรือไมแสดงในสวนไหนของ contact ใหผูเยีย่ มชมเว็บไซตเห็น
Advanced Parameter สําหรับเลือกรูปไอคอน
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 การใชงาน Feed Manager ไปที่ admin menu >> components >> news feeds
คลิ๊กแท็บเมนู Categories จากนั้นคลิ๊ก new เพื่อสราง Categories ใหม
ใสชื่อ title, alias, description จากนั้น save
67 คลิ๊กแท็บเมนู Feeds คลิ๊ก New เพื่อสราง Feed ใหม
ใส name, alias, เลือก category , ใส link เมื่อกําหนดทุกอยางเสร็จ คลิ๊ก svae
68 ตัวอยางลิ้งก feed
การใชงาน Component News Feeds การใชงานตองสรางเมนูเพื่อลิ้งกไปหา feed ที่ไดสรางไว ไปที่ admin memu >> menus >> meun ของคุณ
จากนั้นคลิ๊ก new สรางเมนูใหม คลิ๊กเลือก news feed
69
เลือกรูปแบบการแสดงผล
70 ตั้งชื่อ title, alias เลือก feed ทําการ save
การแสดงผลดาน front end
การสรางโพลสํารวจ ไปที่ admin menu >> components >> polls
71 คลิ๊ก New
Option ของ poll มีทั้งหมด 12 ตัวเลือก - title ตั้งชื่อ poll - alias ชื่อแทน - lag กําหนดเวลาความถี่ในการโหวตครั้งตอไป หนวยเปนวินาที - Published เลือกเปน yes จากนั้นทําการ save
การใชงานโพล ใหแสดงผลหนาเว็บไซต ตองสรางเปน โมดูล (module) ไวแสดงผลโพล ซึ่งจะกลาวตอไป
72
Search component
เปนสวนเก็บสถิติการคนหาภายในเว็บไซต ปกติจะปดการทํางาน สามารถเปดการทํางานไดโดยคลิ๊กตั้งคาที่ parameter
คลิ๊ก yes จากนั้น save
ระบบจะทําการเก็บขอมูล คําคนหาที่ผูใช ใชคนหา จํานวนครั้งที่ทําการคนหา
73 Web Link Manager สําหรับเก็บลิ้งก URL ของเว็บไซตตาง ๆ ใหเปนหมวดหมู งายตอการใชงาน
ไปที่ admin menu >> component >> web links
คลิ๊กที่แท็บเมนู Categories จากนั้น คลิ๊ก new เพื่อสราง Categories
ใสชื่อ tile, alias
74
คลิ๊กที่แท็บเมนู links จากนัน้ คลิ๊ก new เพื่อสราง links
ใสขอมูลตาง ๆ ของลิ้งก ตามตองการ จากนั้น save
เลือกรูปแบบการแสดงผล - all category การแสดงผลรวมทุก ๆ category - category การแสดงเฉพาะ category ที่ระบุ - web link submission layout สําหรับใสเว็บลิ้งกใหม ในหนา front end
75
ตั้งชื่อ title, alias เลือก category ทําการ save
รูปแบบการแสดงผลดาน front end
Media Manager สวนนี้มีไวสําหรับจัดการเกีย่ วกับรูปภาพตาง ๆ ทั้งสรางโฟลเดอรสําหรับเก็บไฟลภาพ อัพโหลดรูปภาพ ลบรูปภาพ
การสรางโฟลเดอรสําหรับรูปภาพ พิมพชอื่ ที่ตองการแลวคลิ๊ก Create Folder
76
77 การอัพโหลดรูปภาพ
คลิ๊ก Browser จะปรากฏหนาตางสําหรับเลือกไฟลภายในเครื่อง จากนั้นกด open คลิ๊ก Start Upload การลบรูปภาพ
คลิ๊กเลือกรูปที่ตองการลบจากนั้นคลิ๊ก Delete กรณีตองการลบหลายรูป การลบรูปเดียวใหคลิ๊กเครื่องหมายกากบาทสีแดงใตรูปภาพ
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
การถอนการติดตั้ง Extensions ของ joomla (Uninstall) เขาที่ admin menu >> extensions >> install/uninstall
เลือกแท็บเมนู Extensions ที่ตองการถอนการติดตั้ง
คลิ๊กเลือก extension ที่ตองการ จากนั้น คลิ๊ก uninstall
80 การสรางโมดูลใหม (ตัวอยางการสรางโมดูลคนหา (Search)) ทําการสรางเมนูคนหา (Search) มาที่ menu manager คลิ๊กที่ new เพื่อสรางโมดูลใหม
คลิ๊กเลือกที่ Search จากนัน้ คลิ๊ก Next
81
-
title ตั้งชื่อใหกับโมดูล Show title เลือกเปน no เพื่อไมใหแสดงชื่อโมดูลที่หนาเว็บไซต Enable เลือกเปน yes เพื่อเปดโมดูลใหใชงานได Position เลือกตําแหนงในการจัดวาง (User4)
Mass Mail ฟงกชั่นที่ชว ยใหคุณสง อีเมล ไปยังกลุมผูใชงานไดงาย ๆ
82
การใชงานพิมพขอความในชอง subject, message เลือกรุปที่ตองการสง จากนั้นคลิ๊ก Send mail
Clean Cache Cache เปนไฟลชั่วคราว ที่ระบบเก็บไว เมือ่ มีผูใชเปนประจํา เพื่อเปนการลดจํานวนการคนหาขอมูล จากฐานขอมูล เปน การเพิ่มประสิทธิภาพ การแสดงขอมูลที่รวดเร็วยิ่งขึ้น เพราะขอมูลที่ใชประจํา ๆ จะอยูใน Cache ระบบไมจําเปนตองไปคนหา ขอมูลในฐานขอมูลใหมทั้งหมด
เมนูนี้ใชสําหรับทําความสะอาดแคช (Clean Cache)
83
การกําหนดให joomla ใชระบบ cache เขาที่ admin menu >> site >> global configuration แท็บเมนู system - cache เลือก yes เพื่อเปดใชงาน เลือก no เพื่อปดการใชงาน - cache time ระบุเวลาที่ตองการเก็บแคช (หนวยเปนนาที)
Purge Expired Cache สําหรับลบเฉพาะ cache ที่หมดอายุแลวเทานั้น
Syatem Information สวนนี้จะบอกขอมูลเกี่ยวกับระบบทั้งหมด
84
ลงมือปฏิบัติ
85 เริ่มทําการสรางเนื้อหา และสวนประกอบตาง ๆ บนเว็บไซต เมื่อเริ่มเขาใจหลักการทํางาน การสรางเนือ้ หา สราง section และ category แลว คราวนี้มาเริ่มสราง เนื้อและโมดูลกันเลย
เริ่มจากไมมีอะไรเลย ดังรูปดานบน Template ดานบนไมคอยสวย ตองทําการเปลี่ยน template กอน การหาโดยใช google พิมพ free joomla template
จะเจอ template ที่แจกฟรี ของ joomla มีมากมายใหเลือกโหลด
86
โดยจะเลือก template ตามในรูป จากนั้นก็หาดาวนโหลดมาไวในเครื่อง เลือกเวอรชั่นใหตรงกับ joomla ที่ใช ทําการติดตั้ง template ไปที่ admin menu >> extensions >> install/uninstall
คลิ๊ก Browser เพื่อเลือกไฟล template ที่ดาวนโหลดมา
87
เมื่อเลือกไฟลที่จะทําการติดตั้งไดแลว ใหทําการคลิ๊ก Upload file & install
เมื่อติดตั้งสําเร็จ จะขึ้นคําวา Install Template Success
88
จากนั้นเขา Template manager
จะเห็น Template ที่เราไดทําการติดตั้งไปแลว เมื่อสักครู
การเปลี่ยน template สามารถทําไดโดยการคลิ๊กเลือกที่หนาชื่อ template ที่ตั้องการจากนั้นคลิ๊ก Default (รูปดาวสีเหลือง)
89
จากนั้น ลอง preview ดู
จะเห็นวา หนาเว็บไซตเปลี่ยนไปจากเดิม
90 การแกไข template สามารถทําไดดดยการคลิ๊กเลือกที่ template ที่ตองการ จากนัน้ คลิ๊ก edit
สามารถแกไของคประกอบของ template และ CSS ได ตองมีความรูเกี่ยวกับภาษา PHP, CSS และ HTML พอสมควร
กอนจะวางตําแหนงโมดูล บนหนา template เราตองรูกอนวา ใน template นี้มีการกําหนดโมดูลไวตรงสวนไหนบาง หากไมทราบ ใหใชการกําหนดแบบเดาสุม เลือกตรงไหนแลวขึ้นตรงนั้นก็วางตามความเหมาะสม
91 User3
User4
Left
Right Body
Debug
Module position ของ template นี้ จากนั้น จะให main menu มาอยูที่ position left ไปที่ admin meun >> extensions >> module manager
จากนั้นคลิ๊กเขาไปที่ main menu
92
เลือก position เปน left จากนั้น save
Main menu ก็จะมาอยูด านซายมือของจอภาพ
จากนั้นจะทําการสรางเมนูคนหา (Search) มาที่ menu manager คลิ๊กที่ new เพื่อสรางโมดูลใหม
93 คลิ๊กเลือกที่ Search จากนัน้ คลิ๊ก Next
-
title ตั้งชื่อใหกับโมดูล Show title เลือกเปน no เพื่อไมใหแสดงชื่อโมดูลที่หนาเว็บไซต Enable เลือกเปน yes เพื่อเปดโมดูลใหใชงานได Position เลือกตําแหนงในการจัดวาง (User4)
94 จากนั้นคลิ๊ก save แลวลอง preview
จะเห็นวาโมดูลคนหาไดเพิ่มขึ้นมาตามที่เราตั้งไว สรางโมดูล Who’s online ไวทางดานตําแหนงขวาของ template ทําตามขั้นตอนเดิมดังที่กลาวขางตน
เลือกที่ Who’s online
95
ตั้งชื่อโมดูล เลือกตําแหนง position right จากนั้นทําการ save
โมดูล Who’s online เพิ่มขึ้นมาทางดานขวา
96 ตอไปสรางเนื้อหา เพื่อนํามาแสดงที่หนา Front page
เนื้อหาที่ถูกสรางเพื่อนํามาแสดงบนหนาเว็บไซต
97 สรางโพล (Poll) เพื่อสํารวจความคิดเห็นเกี่ยวกับเว็บไซตนี้ ใน joomla มีระบบโพล (Poll) อยูแลว ไมตองติดตั้งเพิ่มเติม ไปที่ admin menu >> components >> polls
คลิ๊ก New
98
Option ของ poll มีทั้งหมด 12 ตัวเลือก - title ตั้งชื่อ poll - alias ชื่อแทน - lag กําหนดเวลาความถี่ในการโหวตครั้งตอไป หนวยเปนวินาที - Published เลือกเปน yes จากนั้นทําการ save
จากนั้นมาที่ module manager เลือก new เพือ่ สรางโมดูล poll ใหม
99
ตั้งชื่อ กําหนด position ดานขวา (right) module parameters เลือกชื่อโพลที่ไดสรางไวตามขั้นขางตน จากนั้นทําการ save แลว preview ดู
โมดูลโพลที่ไดสรางขึ้นมา
100 สรางปายโฆษณา (banner) ไปที่ admin menu >> component >> banner
เลื่อนมาที่แท็บเมนู categories เพื่อสราง categories กอนเพื่อใชในการเก็บ banner clients คลิ๊กที่ new เพื่อสราง categories
ตั้งชื่อตามตองการเหมือนขั้นตอนการสราง section
101
เลื่อนมาแท็บเมนู clients คลิ๊ก new เพื่อสราง banner clients ใหม กําหนดชื่อ ชื่อผูติดตอ อีเมล และคําอธิบายเกี่ยวกับแบนเนอร จากนั้นทําการ save
เลื่อนมาแท็บเมนู banners คลิ๊ก new สราง banner ใหม จากนั้นทกหาร save Tip : สามารถใชรูปในเว็บไซตมาทําแบนเนอรได โฟลเดอรสําหรับเก็บแบนเนอรอยูท ี่ /images/banners
102 จากนั้นมาที่ module manager คลิ๊ก New เพือ่ สรางโมดูล banner ใหม
- เลือก Banner Client ที่ไดสรางไว - เลือก Category ที่ไดสรางไว ตั้งชื่อโมดูล กําหนด position จากนั้นทําการ save
103
ตําแหนง banner ที่เพิ่มขึ้นมา
104
เกร็ดความรูเล็ก ๆ นอย ๆ ขั้นตอนในการ Upgrade Joomla เนื่องจาก joomla มีผูใชจํานวนมาก และมีผูพัฒนาตอเนือ่ ง และไมมีโปรแกรมใดสมบูรณแบบ 100% ดังนั้นผูพ ัฒนาจึงทําการ ปรับปรุงชองโหวและแกไขขอผิดพลาดตาง ๆ เพิ่มเติมสวนที่จําเปนหรือพัฒนาใหเกิดรูปแบบใหม ๆ ออกมาเรื่อย ๆ ทําใหเราตอง ทําการอัพเกรดระบบของเราใหทันตามยุคสมัย ไมใชวาเชย นะครับแตเพื่อความปลอดภัยของเว็บไซตเรา ถาเว็บไซตเราโดงดัง ขึ้นมา ระบบเกา ๆ อาจจะเปนที่สนใจของบรรดาผูรู ผูทดลองทั้งหลาย แฮกเขามาทํามิดีมิราย กับขอมูลของเราได บรรยายมานาน แลว เริ่มอัพเกรดเลยดีกวา กอนอื่นก็ตองรูกอนวา joomla เรารุนไหน โดยดูไดที่ หนา back end มุมขวาดานบนสุด
เมื่อรูแลวก็จดั การดาวนโหลดอัพเดทเลยครับ โดยเลือกดาวนโหลดแพ็กแกจ ไดที่ http://joomlacode.org/gf/project/joomla/frs/?action=index เลือก ตามเวอรชั่นของทานเอง
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 ไดแลว ใชโปรแกรม FTP อยางเชน filezilla หรืออะไรทีส่ ามารถ FTP ขึ้น server ได จัดการอัพโหลดไปทับไฟลเกาที่ติดตั้งไว
ล็อกอินเขาไปดูผล ใหม เปนตามเวอรชั่นทีเ่ ราอัพเกรดหรือไม
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 สีแดงแสดงวาตองปรับปรุง สีเหลี่ยงใชได สีเขียวดีเมื่อทําการแกไขแลวใหลองมาตรวจสอบอีกครั้ง วาจะผานไหม สิ่งแรก ๆ - ใชอะไรที่มีอยูแ ลวใน 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 o
o
o
template ควรนําเทมเพต ทําการ analyzer กอนวาควรแกไขจุดไหน เพิ่มประสิทธิภาพ CSS โดยใชเครื่องมือนีใ้ นการ http://www.cssoptimiser.com/index.php, สามารถรันออนไลท ได สามารถชวยลดขนาดของไฟล css ได 10 - 30 % ทําการบีบอัดไฟล js โดยใชเครื่องมือ http://javascriptcompressor.com/ รันไฟลผานเบราเซอร ผลลัพธคือ ลบไฟล js ที่ไมจําเปนและไมเปนปญหาตอการแสดงผลหนาเว็บเพจ อยาใชเครื่องมืออัพโหลดรูปภาพที่ลดขนาดรูปภาพโดยอัตโนมัติ ใหใชการยอรูปภาพดวยตนเองดีกวาโดยอาจจะ ใช photoshop และเลือก save for web ในภาพแตละภาพไมควรมีขนาดใหญกวา 10k เปนดี เพียงพอตอการ มองเห็นรายละเอียดของรูปภาพ
109 o
o o
CSS image เปนภาพที่โหลดโดยเทมเพลท ของคุณ หากคุณใชจํานวน CSS image นอยก็จะทําใหโหลดหนา เว็บเพจเร็วยิ่งขึ้น ลาง joomla ลบโมดูล ปลั๊กอิน คอมโพเนนท ที่ไมจําเปนหรือไมไดใชประโยชนออก ใชเครื่องมือรวม 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 การปดเว็บไซตชั่วคราวออฟไลท อาจจะมีบางโอกาส ที่คุณตองการทําเว็บไซตใหสมบูรณ โดยที่ไมตองมีใครเขามาดูเว็บไซตของคุณที่ ยังดูไมดหี รืออาจจะไมสมบูณ มีขอบกพรอง ที่จะตองปรับปรุงตาง ๆ มีขั้นตอนงาย ๆ ในการสลับออนไลทหรือออฟไลท ไดอยางรวดเร็ว ใน 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 เพื่อความปลอดภัยของเว็บไซต เมื่อทําการตั้งคาเสร็จใหเปลี่ยนคา 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:thecms&Itemid=37 เปนแบบนี้เปนที่จดจํายาก เต็มไปดวยพารามิเตอรและเซสชั่นมากมาย -- URL แบบที่เปดใช search engine friendly http://127.0.0.1/joomla15test/joomla-overview/more-about-joomla/29-the-cms/19joomla-overview.html งายกวาเดิมขึ้นเยอะ
การเปดใชงาน search engine friendly เขาไปเปดไดเลยที่ Global Configuration(รูปดานบน) จากนั้นตั้งคาตามรูปเลย
จากนั้นไปแกไฟล htaccess.txt เปน .htaccess สําคัญคือ Alias ใน section,category,menu,content ใสใหหมดและหามซ้ํากัน เชน http://www.youdomain.com/youcategory/18joomla-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 แกเปน 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.htmlkit.com/favicon/ หรือเว็บอื่น ๆ ที่มีบริการทําให เมื่อได ไอดอนแลวก็จัดการอัพโหลดไปทับ favicon.ico ที่มีอยูเดิมใน joomla - /templates/youtemplate/favicon.ico สําหรับ favicon หนา front end
- หนา back end จะอยูที่ administrator/templates/khepri/favicon.ico
113
114
Upload joomla ที่ทําเสร็จจากเครื่องขึ้น hosting หลาย ๆ ทานอาจจะนั่งทําเว็บในเครื่องตนเองโดยใชโปรแกรม web server ติดตั้งในเครื่องกอน เพื่อความรวดเร็วและสะดวกในการ ปรับแตงและไมคอยยุงยากเหมือน ทําใน host จริง ๆ เสร็จแลวทําการอัพขึ้น host ในทีเดียวเลย ในครั้งนี้ เราลองมาอัพโหลดเว็บ ที่ ทําโดยสคริป joomla จากเครือ่ งตนเองขึ้น hosting กันเถอะ 1.กอนอื่นก็ทําการ export ฐานขอมูลของ joomla ที่ทําไวในเครื่องออกมากอนครับ โดยเขาหนา phpmyadmin (http://localhost/phpmyadmin) เลือกฐานขอมูลของ joomla ทําการคลิ๊กที่เมนู export
115 ก็จะมาสูหนานี้จัดการเลือกที่ select all เพือ่ เลือกที่จะนําฐานขอมูลทั้งหมดออกมา จากนั้นเลือกที่ SQL (ที่วงกลมไวนะ ครับ) เลือกที่ save as file จากนั้นกด GO
โปรแกรมจะทําการดาวนโหลดไฟล ฐานขอมูล ใหเราเก็บไวในเครื่องกอน (ไฟล *.sql)
116 จากนั้นทําการล็อกอินเขา phpmyadmin ของ host การเขาจัดการฐานขอมูลดวยโปรแกรม phpmyadmin ของแตละ host จะแตกตาง กัน แลวแต control panel ที่ทาง host เลือกใช เมื่อล็อกอินเขา phpmyadmin เรียบรอยแลว ใหทําการ import ฐานขอมูล ดวยเมนู import ดังรูปดานลาง
กดปุม bowser... เลือกไฟล SQL ที่เซฟไวตามขั้นตอนขางตน จากนั้นกด GO เพื่อนําเขาฐานขอมูล
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 หากไมรูพาทของ 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
การใชงาน phpmyadmin เบื้องตน phpmyadmin เปนโปรแกรมจัดการฐานขอมูล MySQL ผานทางเว็บบราดวเซอร ซึ่งเปนเครื่องมือ ที่สะดวกในการจัดการฐานขอมูล ในระยะไกล การใชงานนัน้ ก็ไมยุงยากอะไร แตจะขอกลาวแบบพื้น ๆ ที่ใชงานกัน เชน การสรางฐานขอมูล การนําเขาฐานขอมูล การนําออกฐานขอมูลการลบตารางฐานขอมูล ที่จําเปนตองใชกันเปนประจํา อยูแลว 1.การสรางฐานขอมูล Create new database กอนอื่นก็ใหทาํ การล็อกอินเขา phpmyadmin กอน ซึ่งการเขาระดับล็อกอินของ phpmyadmin ของแตละ host ก็มี URL ที่แตกตางกัน ไป ตามแตโปรแกรมที่ผูใหบริการ host นั้นติดตั้ง
120 เมื่อล็อกอินเขามาแลวจะเห็นชองใหกรอกชื่อฐานขอมูลที่ตองการสราง Create new database เมื่อกรอกชื่อฐานขอมูลที่ตองการ เสร็จใหกด ปุม Create
ก็จะไดฐานขอมูลวาง ๆ ตามที่ตองการ 2.การนําเขาฐานขอมูล Import database
121 เมื่อทําการสรางฐานขอมูลเสร็จ หนาเว็บจะนําพามาสูหนานี้ เลือกแท็บ import ดานบน
ในชอง Location of the text file ใหคลิ๊กทีป่ ุม Browse.. เพื่อเลือกฐานขอมูลที่ตองการนําเขา โปรดสังเกต ตรง Max : ดวยวา ให นําเขาฐานขอมูลขนาดไมเกินเทาไหร ถาฐานขอมูลมีขนาดพื้นที่ใหญกวาที่กําหนดจะไมสามารถนําเขาฐานขอมูลได หมด ฐานขอมูลที่จะนําเขาตองมีนามสกุล *.sql เมื่อเลือกฐานขอมูลที่จะนําเขาเสร็จเรียบรอยใหกด ปุม Go 3.การสงออกฐานขอมูล Export database ในกรณีนี้เปนการนําฐานขอมูลออกมา เพื่อนําไปติดตั้งที่อื่น หรือสํารอง เอาไวเผื่อ เกิดความเสียหายของฐานขอมูล
122 แท็บดานบนเลือกที่ Export
เลือกตาราง ที่ตองการนําออก หรือเลือกทัง้ หมด 1.ใหเลือกนําออกไฟลเปน SQL 2.คลิ๊กเลือก save as file 3.กดปุม Go จากนั้นโปรแกรมจะทําการเซฟและดาวนโหลดมายังเครื่องคอมพิวเตอรของเรา
123 3.การลบตารางฐานขอมูล Drop Table database
คลิ๊กเลือกตารางที่ตองการลบ เลือกที่ดร็อบดาวนเมนู "Drop" จากนั้นโปรแกรมจะถามเพื่อเปนการยืนยันวาตองการจะลบจริง หรือไม ใหกดปุม yes การกระทําใด ๆ ใหแนใจวาไดสํารองฐานขอมูลไวแลว เพื่อกันความผิดพลาดที่อาจจะมานั่งปวดหัวในภายหลังได
124 การใชงาน filezilla FTP manager Filezilla เปนโปรแกรมจัดการรับสงไฟลระหวาง เครื่องคอมพิวเตอรคณ ุ และ server ผานโปรโตคอน FTP พอรตที่ 21 ที่เว็บ มาสเตอรทุกคนตองมีประจําเครื่องไว แตกม็ ีโปรแกรมประเภทนี้อีกมากมาย ฟงกชั่นการใชงานก็อาจจะหลากหลายแตกตางกันไป แตที่ติดใจตัวนี้คือ ฟรี ใชงานงาย ไมกินสเปกเครื่อง สามารถดาวนโหลดโปรแกรมไดที่นี่ http://filezilla-project.org/ เมื่อดาวน โหลดมาแลวก็จัดการติดตั้งเลย การติดตั้งไมไดซับซอนอะไร ก็ next ไปเรื่อย ๆ จนเสร็จการติดตั้ง จากนั้นใหเขาโปรแกรม filezilla ที่ติดตั้งไดเลยครับ ก็จะมีหนาตาอยางนี้ขึ้นมา
เมนูดานบนจะมีชองใหกรอกชื่อ host ยูสเนม และรหัสผานสําหรับล็อกอินเขา host ของเรา เมื่อ ทําการคอนเน็ก เรียบรอยแลว ดานลางถัดมาจากชองที่กรอกขอมูลสําหรับล็อกอินที่เปนตัวหนังสือสีเขียว นั่นคือสวนแสดง คําสั่งการทํางาน สวน (ที่มีตวั หนังสือสีแดงเขียนไว) ฝงทางดานซายมือจะเปนฝงในเครื่องของเรา สวนฝงขวาจะเปนฝงของ server
125
การอัพโหลดขอมูลจากเครื่องขึ้น server ก็มาที่ฝงซาย คลิ๊กที่ไฟลที่ตองการอัพโหลดแลวคลิ๊กขวา จะมีเมนูแสดงขึ้นมา คลิ๊กที่ upload
126 การดาวนโหลดขอมูลจาก server ลงมายังเครื่องเรา ก็มาฝงขวามือ เลือกไฟลที่ตองการเสร็จแลวคลิ๊กขวา เลือกเมนู download
รูปดานบนเปนการแกไขไฟล ที่เปนไฟลสคริป ของโปรแกรม ที่ขางในนั้นเปน text file หรือไฟลที่เปนตัวอักษรขางใน
127 รูปดานบนเปนการสรางไดเรกทอรี ฝง server สวนทางดานเครื่องเราก็สามารถทําได ดวยวิธีนี้เชนกัน
การเปลี่ยนคา permission หรือการกําหนดสิทธิในการใชไฟล ทําโดยการคลิ๊กขวาไฟลหรือไดเรกทอรีที่เลือก เลือกที่เมนู file attributes...
Owner permissions คือ การกําหนดคาเฉพาะเจาของเทานั้น Group permissions คือ การกําหนดคาเฉพาะกลุม Public permissions คือ การกําหนดคาเฉพาะบุคคลทั่วไป
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