Professional Documents
Culture Documents
Joomla!
www.joomlathaiclub.com
สารบัญ
ความหมายของ Content Management System (CMS)………………………… …………..……….…….…… ………..4
การติดตั้ง Web Server จําลอง .............................................................................................................................................7
การติดตั้ง AppServ 2.5.10 ……………………………………………………………………………………….……….. 7
เริ่มทําการติดตั้งและใชงาน ...................................................................................................................................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
เกร็ดความรูเล็ก ๆ นอย ๆ ………………………………………………………………………………………… 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
คูมือการติดตั้งและใชงาน Joomla
Joomla คืออะไร?
Joomla คือระบบที่ชวยในการจัดการเนื้อหา(Content Management System: CMS) บนเว็บไซต เพื่อ
ชวยในการอํานวยความสะดวก ลดขั้นตอน และความยุงยากในการบริหารจัดการเว็บไซต โดยที่ ผูใชไม
จําเปนตองมีความรูใ นดานการเขียนโปรแกรม หรือออกแบบเว็บไซต ก็สามารถจัดทําเว็บไซตดวยตัวเองได
ความตองการของระบบในการติดตั้ง
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 5.2.6
• MySQL 5.0.51b
• phpMyAdmin 2.10.3
9. เมื่อติดตั้งเสร็จ ใหเปด Internet Explorer หรือ Mozilla Firefox ขึ้นมา ชอง Address พิมพ http://localhost
เพื่อทดสอบ หากสําเร็จ จะมีหนาจอดังภาพ
โครงสรางของโฟลเดอร เราจะเก็บ joomla ไวใน โฟลเดอร www (c:\appserv\www\)
เริ่มทําการติดตั้งและใชงาน Joomla!
เมื่อดาวนโ หลดไฟลเสร็จ เรีย บรอยแลว จะได ไฟลที่มี น ามสกุ ล *.zip ใหทําการแตกไฟลออก โดยใช
โปรแกรมจัดการไฟลบีบอัด อยางเชน 7zip, winzip, winRAR ฯลฯ
ทําการแตกไฟลบีบอัด
จะไดไฟลดังในรูป
ใหก็อปปไฟลทั้งหมด นําไปวางไปบน web server จําลองที่ไดติดตั้งไวแลวตาม เนื้อหากอนหนานี้
(Appserv) โฟลเดอร c:\appserv\www\ ทําการสรางโฟลเดอรใหมที่ชื่อวา joomla แลวนําไฟลที่ไดก็อปปไ ว
แลวดังขางตน นํามาวางในโฟลเดอร joomla นี้
เมื่ อ ทํ า การก็ อ ปป แ ล ว ให เ ข า ที่ โ ปรแกรมเบราว เ ซอร (browser) พิ ม พ ใ นช อ ง address
http://localhost/phpmyadmin เพื่อเขาจัดการสรางฐาน MySQL เอาไวสําหรับติดตั้ง joomla
เมื่อขึ้นเครื่องหมายถูกพรอมกรอบสีเขียวแสดงวา การสรางฐานขอมูลเสร็จเรียบรอย
หนาเว็บไซตแรกที่ยังไมมีขอมูลใด ๆ เลย
Note คําที่ใชตอนตอไป
- Front end คือสวนหนาเว็บไซต ผูใชทั่วไปที่ไมตองลงทะเบียนหรือมีหนาที่ดูแลระบบสามารถ
เขาถึงได
ก็จะเขาสูหนา cpanel
การออกจากระบบ
ทําการล็อกอินเขาหนา back end ของระบบ จากนั้นคลิ๊กที่ Global Configuration หรือไปที่ admin menu >>
Global Configuration
จะเขามาสูหนานี้
- 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 เพื่อบันทึกการตั้งคาที่ไดกระทําลงไป
คลิ๊กที่ Section manager หรือ เขาที่ admin menu >> content >> section manager
จากนั้นคลิ๊กที่ปุม new
กําหนดรายละเอียดของ Section
- Title ชื่อของ section
- Alias ชื่อแทนของ section ควรกําหนดเปนภาษาอังกฤษจะดีที่สุด
- Published กําหนดเปน yes เพื่อเปดเผยแพร ถากําหนดเปน no บุคคลภายนอกจะไมสามารถเห็น
section ได
- Access Level กําหนดเปน
- Public บุคคลทั่วไปเห็นหรือเขาใชงานได
- Registered บุคคลที่ทําการสมัครสมาชิกและล็อกอินเขาระบบจึงจะสามารถเห็นหรือเขาใชได
- Special เฉพาะบุคคลที่เขาถึงหนา back end ไดเทานั้น
- Image รูปสําหรับ section สามารถใสรูปให section ได (ไมตองกําหนดก็ได)
- Image Position กําหนดตําแหนงของรูปภาพ (ไมตองกําหนดก็ได)
- Description รายละเอียด ของ section (ไมตองกําหนดก็ได)
คลิ๊กที่ Section manager หรือ เขาที่ admin menu >> content >> section manager
จากนั้นคลิ๊กที่ New
- Title ชื่อของบทความ
- Alias ชื่อแทนของ บทความ ควรกําหนดเปนภาษาอังกฤษจะดีที่สุด ถาปลอยวางไว joomla จะนํา
วันที่ เวลาที่บันทึกการสรางบทความนี้มาใสแทน เชน 2009-09-09-01-12 และจะแสดงที่ลิ้งก ทําใหลิ้งกของ
บทความไมสวย เพราะฉะนั้นกําหนดจะดีกวา
- Published กําหนดเปน yes เพื่อเปดเผยแพร ถากําหนดเปน no บุคคลภายนอกจะไมสามารถเห็น
section ได
- Front Page กําหนดเปน yes คือกําหนดใหบทความนี้แสดงที่ดานหนาสุดของเว็บ (home page) ถา
กําหนดเปน no คือบทความนี้จะไมแสดงที่หนาเว็บไซต (home page)
- Section เลือก Section ที่ทําการเก็บบทความ
- Category เลือก Category ที่ทําการเก็บบทความ
คลิ๊กที่ Image
การแทรกภาพลงบนบทความดวยลิ้งก URL
คลิ๊กที่รูปตนไม จะขึ้นหนาตางใหใสรายละเอียด
ใส Full URL ของรูปภาพ เชน http://www.google.com/images.jpg
รูปแบบการแสดงผลจะเปนแบบนี้ มีสารบัญอยูดานขางของบทความ
การไมใช เครื่องมือ editor
สามารถทําไดโดยไมใช เครื่องมือ editor หรือเครื่องมือในการสรางบทความ แถบเครื่องมือที่เห็นมี
หนาที่อํานวยความสะวกในการแทรกคําสั่ง ตาง ๆ ลงไปไดรวดเร็วขึ้นโดยที่ไมตองมานั่งพิมพ แท็กคําสั่งเอง
ทั้งหมด
จะเห็นคําสั่งที่สามารถแกไขไดเอง
การกําหนดพารามิเตอรของบทความ Parameters Article
หรือเขาที่ admin menu >> menus >> main menu main menu เปนเมนูหลักที่มีอยูแลวไมจําเปนตอง
สรางใหม
จากนั้นคลิ๊กที่ new เพื่อทําการสรางเมนูยอย ใน main menu
คลิ๊กเลือก Articles
จะปรากฏเมนูยอยลงมา
- Archive คือลิ้งกไปหาบทความที่ถูกเก็บ
- Article คือลิ้งกไปหาบทความ
- Category คือลิ้งกไปหา Category
- Section คือลิ้งกไปหา Section
รูปแบบการแสดงผล
จะเห็นวามีสวนของ blog layout และ list layout
blog layout จะเปนแบบรูปดานลางเหมือนหนา front page
การสรางเมนูใหม
เมนูนี้มีลักษณะการทํางานเหมือนกับ main menu ไปที่ admin menu >> menu manager
Trash manager
ทํางานเปนถังขยะ มีในสวนของ article และ menu เทานั้น ประโยชนคือเมื่อคุณทําการลบ บทความ
หรือเมนู บทความหรือเมนูดังกลาวจะลงมาอยูในถังขยะ เพื่อปองกันความผิดพลาดกรณีลบผิดหรือตองการ
นํามาใชใหม ได ถาทําการลบออกจาก ถังขยะนี้บทความหรือเมนูนั้นจะหายไปและไมสามารถกูไดอีกตอไป
User Manager
สวนจัดการผูใช สามารถลบ แกไขชื่อ รหัสผาน กําหนดสิทธิการใชงาน เพิ่มผูใชงานใหมไดที่นี่ ผูที่
มีสิทธิใชในสวนนี้คือ administrator และ super administrator
การเพิ่มผูใชงานใหม คลิ๊กที่ New กรอกรายละเอียด name, username, e-mail, password กําหนด group จาก
นั้นคลิ๊ก save
สรางปายโฆษณา (banner)
ไปที่ admin menu >> component >> banner
ตั้งชื่อตามตองการเหมือนขั้นตอนการสราง section
เลื่อนมาแท็บเมนู clients คลิ๊ก new เพื่อสราง banner clients ใหม กําหนดชื่อ ชื่อผูติดตอ อีเมล และคําอธิบาย
เกี่ยวกับแบนเนอร จากนั้นทําการ save
การสรางแบนเนอรแบบใชรูปภาพจากภายนอก
สามารถสรางโดยใช URL รูปภาพจากที่อื่น และสงลิ้งกไปยังเว็บปลายทาง ทําไดโดยการสราง code
ขึ้นมาแลวนําไปใสในชอง Custom Banner Code
ตัวอยาง code
การสรางรายชื่อผูติดตอ Contact
ไปที่ admin menu >> component >> contacts
คลิ๊กแท็บเมนู Categories จากนั้นคลิ๊ก new เพื่อสราง Categories ใหม
ตัวอยางลิ้งก feed
การใชงาน Component News Feeds
การใชงานตองสรางเมนูเพื่อลิ้งกไปหา feed ที่ไดสรางไว ไปที่ admin memu >> menus >> meun
ของคุณ
การสรางโพลสํารวจ
ไปที่ admin menu >> components >> polls
คลิ๊ก New
Option ของ poll มีทั้งหมด 12 ตัวเลือก
- title ตั้งชื่อ poll
- alias ชื่อแทน
- lag กําหนดเวลาความถี่ในการโหวตครั้งตอไป หนวยเปนวินาที
- Published เลือกเปน yes
จากนั้นทําการ save
เลือกรูปแบบการแสดงผล
- all category การแสดงผลรวมทุก ๆ category
- category การแสดงเฉพาะ category ที่ระบุ
- web link submission layout สําหรับใสเว็บลิ้งกใหม ในหนา front end
ตั้งชื่อ title, alias เลือก category ทําการ save
การลบรูปภาพ
Clean Cache
Cache เปนไฟลชั่วคราว ที่ระบบเก็บไว เมื่อมีผูใชเปนประจํา เพื่อเปนการลดจํานวนการคนหาขอมูล
จากฐานขอมูล เปนการเพิ่มประสิทธิภาพ การแสดงขอมูลที่รวดเร็วยิ่งขึ้น เพราะขอมูลที่ใชประจํา ๆ จะอยูใน
Cache ระบบไมจําเปนตองไปคนหาขอมูลในฐานขอมูลใหมทั้งหมด
เมนูนี้ใชสําหรับทําความสะอาดแคช (Clean Cache)
การกําหนดให joomla ใชระบบ cache เขาที่ admin menu >> site >> global configuration แท็บเมนู
system
- cache เลือก yes เพื่อเปดใชงาน เลือก no เพื่อปดการใชงาน
- cache time ระบุเวลาที่ตองการเก็บแคช (หนวยเปนนาที)
Purge Expired Cache
สําหรับลบเฉพาะ cache ที่หมดอายุแลวเทานั้น
Syatem Information
สวนนี้จะบอกขอมูลเกี่ยวกับระบบทั้งหมด
ลงมือปฏิบัติ
เริ่มทําการสรางเนื้อหา และสวนประกอบตาง ๆ บนเว็บไซต
เมื่อเริ่มเขาใจหลักการทํางาน การสรางเนื้อหา สราง section และ category แลว คราวนี้มาเริ่มสราง
เนื้อและโมดูลกันเลย
User4
Left Right
Body
- title ตั้งชื่อใหกับโมดูล
- Show title เลือกเปน no เพื่อไมใหแสดงชื่อโมดูลที่หนาเว็บไซต
- Enable เลือกเปน yes เพื่อเปดโมดูลใหใชงานได
- Position เลือกตําแหนงในการจัดวาง (User4)
จะเห็นวาโมดูลคนหาไดเพิ่มขึ้นมาตามที่เราตั้งไว
สรางปายโฆษณา (banner)
ไปที่ admin menu >> component >> banner
เลื่อนมาที่แท็บเมนู categories เพื่อสราง categories กอนเพื่อใชในการเก็บ banner clients
คลิ๊กที่ new เพื่อสราง categories
ตั้งชื่อตามตองการเหมือนขั้นตอนการสราง section
เลื่อนมาแท็บเมนู clients คลิ๊ก new เพื่อสราง banner clients ใหม กําหนดชื่อ ชื่อผูติดตอ อีเมล และคําอธิบาย
เกี่ยวกับแบนเนอร จากนั้นทําการ save
เลื่อนมาแท็บเมนู banners คลิ๊ก new สราง banner ใหม จากนั้นทกหาร save
การปดเว็บไซตชั่วคราวออฟไลท
อาจจะมีบางโอกาส ที่คุณตองการทําเว็บไซตใหสมบูรณ โดยที่ไมตองมีใครเขามาดูเว็บไซตของคุณที่ ยังดูไม
ดีหรืออาจจะไมสมบูณ มีขอบกพรอง ที่จะตองปรับปรุงตาง ๆ มีขั้นตอนงาย ๆ ในการสลับออนไลทหรือ
ออฟไลท ไดอยางรวดเร็ว ใน 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
แกเปน
RewriteBase /th
6. ทําการแกไขบรรทัดดังตอไปนี้
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 = 'รหัสผานฐานขอมูล';
หากไมรูพาทของ host ก็สามารถดูไดดังนี้
- ทําการสรางไฟล php ขึ้นมา 1 ไฟล ทําใน notepad ก็ได ใสสคริป php นี้ลงไป
<?
phpinfo () ;
?>
10. การอัพ โหลด joomla จากเครื่องขึ้น host ใชเพียงการแกไขไฟล configuretion.php เพียงไฟลเดียว สําคัญ
ตองใสพาท ชื่อฐานขอมูล ชื่อผูใชฐานขอมูลและรหัสผานใหถูกตอง
การใชงาน phpmyadmin เบื้องตน
phpmyadmin เปนโปรแกรมจัดการฐานขอมูล MySQL ผานทางเว็บบราดวเซอร ซึ่งเปนเครื่องมือ ที่สะดวก
ในการจัดการฐานขอมูลในระยะไกล การใชงานนั้นก็ไมยุงยากอะไร แตจะขอกลาวแบบพื้น ๆ ที่ใชงานกัน
เชน การสรางฐานขอมูล การนําเขาฐานขอมูล การนําออกฐานขอมูลการลบตารางฐานขอมูล ที่จําเปนตองใช
กันเปนประจํา อยูแลว
ก็จะไดฐานขอมูลวาง ๆ ตามที่ตองการ