คูมือการสรางเว็บไซตสําเร็จรูปดวยโปรแกรม

Joomla!

การจัดการความรู (Knowledge Management) คณะวิทยาศาสตรและเทคโนโลยี มหาวิทยาลัยราชภัฏอุตรดิตถ

คูมือการติดตั้งและใชงาน Joomla! คูมือการติดตั้งและใชงาน Joomla CMS เลมนี้ นํามาจาก www.joomlathaiclub.com เพ่ือใชเปนคูมือสําหรับผูเขาอบรมการสรางเว็บไซตสําเร็จรูปดวยโปรแกรม Joomla เนื้อหาภายในเลมแนะนําขั้นตอนติดตั้งและใชงาน joomla ดวยเครื่องมือท่ีมีอยูภายในตัว joomla การเตรียมความพรอมกอนลงมือปฏิบัติจริง ศึกษาและเขาใจเครื่องมือตาง ๆ ของ joomla ซ่ึงมีรูปภาพประกอบ ทําความเขาใจแลวปฏิบัติตาม หวังเปนอยางยิ่ งวา เอกสารฉบับนี้จะเปนประโยชนแกผู ท่ีสนใจศึกษาการทําเว็บไซตดวย joomlaCMS ผูจัดทํามิไดหวังผลทางการคา แตอยางใด และไมสงวนลิขสิทธ์ิ สําหรับขอความ รูปประกอบ ในทุกสวนของเอกสารฉบับนี้ หากผูใดตองการนําไปเผยแพรตอ ก็สามารถทําได แตขอใหระบุแหลงท่ีมาของเอกสาร 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 ความหมายของ 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) บนเว็บไซต เพ่ือชวยในการอํานวยความสะดวก ลดขั้นตอน และความยุงยากในการบริหารจัดการเว็บไซต โดยท่ี ผูใชไมจําเปนตองมีความรูในดานการเขียนโปรแกรม หรือออกแบบเว็บไซต ก็สามารถจัดทําเว็บไซตดวยตัวเองได

Content Management System: CMS คืออะไร? Content Management System หรือ CMS ถาแปลตามตัว Content = เนื้อหา,บทความ Management=

การจัดการ System =ระบบ เพราะฉะนั้นจะไดความหายตามตัวคือ ระบบบริหารการจัดการเนื้อหา แตท่ีจริงแลว CMS นี้ถูกนํามาใชเรียกงานทางดานเว็บไซตซะสวนใหญ เ ขาจึงเรียกระบบนี้วาเปนระบบบริการการจัดการเว็บไซต โดยท่ีระบบนี้ นั้นนควาหมาย จะรวมไปถึงการจัดการขอมูลตางๆ ไมวาจะเปน ขอมูลท่ีเปนตัวอักษร รูปภาพ ไฟลงานตางๆดวย แลวแตผูใชงานจะเลือกหรือกําหนดความตองการของตัวเอง

4

ทําความเขาใจเกี่ยวกับการใชงาน Joomla!

Joomla ถูกพัฒนาขึ้นดวยภาษา PHP และฐานขอมูล MySQL การท่ีจะใชงานไดนั้นจําเปนตองมี web server (เครื่องคอมพิวเตอรท่ีใหบริการเผยแพรขอมูลทางอินเตอรเน็ต) ซ่ึงตองรองรับการทํางานของ PHP และ MySQL web server ท่ีเหมาะสมท่ีสุดสําหรับ joomla ก็คือ web server ท่ีติดตั้งดวยระบบปฏิบัติการ Unix หรือ Linux นอกจากจะถูกกวา web server ท่ีติดตั้งดวยระบบปฏิบัติการ windows server เพราะไมตองเสียคาลิขสิทธ์ิ ปญหาการใชงานเล็ก ๆ นอย ๆ ก็ยังมีนอยกวา windows server ความตองการของระบบในการติดตั้ง

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*** (with mod_mysql, mod_xml, and mod_zlib)

2.x + 1.3 http://www.apache.org

Microsoft IIS**** 7 6 http://www.iis.net การติดต้ัง 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 ไวตองปดการทํางานกอนเชนกัน

5

เร่ิมติดตั้ง

1. ดับเบิลคล๊ิกappserv-win32-x.x.x.exe เพ่ือติดตั้ง AppServ บนเครื่องPC

2. คล๊ิก Next จะพบกับหนาจอ ประกาศเรื่องลิขสิทธ์ิ ซ่ึงเปน ลิขสิทธ์ิแบบ GNU/GPL License

6

3. เม่ือคล๊ิกI Agree เพ่ือยอมรับลิขสิทธ์ิแลว ก็จะเขาสูหนาเลือกโฟลเดอร และไดรฟ ท่ีจะติดตั้ง ในท่ีนี้เปน C:\AppServ

4. เม่ือคล๊ิกNext จะเขาสูหนาเลือก คอมโพเนนท่ีจะติดตั้ง ในท่ีนี้คล๊ิกใหหมดทุกตัว

7

5. หนาServer Information

ชอง Server Name ใหใสlocalhost ชอง Admin Email ใหใสemail ของเราไป ชอง HTTP Port ใหใสหมายเลข Port ท่ีตองการเผยแพรเขาไป ในท่ีนี้แนะนําเปน 80 จากนั้นคล๊ิก Next 6. ตั้งคา MySQL

8

ชอง Enter Root Password ใสรหัสผานสําหรับ Account User: root หมายเหตุ กรุณาใสรหัสท่ีจําไดงายๆ Re-Enter Root Password ใสรหัสผานสําหรับ root อีกครั้งใหเหมือนเดิม ชอง Character Sets เลือกเปน TIS620 Thai เพ่ือใชงานกับภาษาไทย หรือ UTF-8 ก็ได แต เวลาใชงานจริงบนโอสติ้งตองตรวจสอบกอนวาโฮสเราสนับสนุน UTF-8 หรือไม จากนั้นคล๊ิก Install 7. จากนั้นโปรแกรมจะถูกติดตั้ง รอจนครบ 100% ในระหวางนี้ หาก Windows มีการสอบถามเรื่องการ Block โปรแกรม ใหคล๊ิก Unblock โปรแกรมจะถูกติดตั้งอยางสมบูรณ

9

8. เม่ือระบบติดตั้งจนครบ 100 % ก็จะเขาสูหนาสุดทาย ระบบจะถามวา จะเริ่มให Apache และ MySQL ทํางานหรือไม จากนั้น คล๊ิก Finish

9. เม่ือติดตั้งเสร็จ ใหเปด Internet Explorer หรือ Mozilla Firefox ขึ้นมา ชอง Address พิมพ http://localhost เพ่ือทดสอบ หากสําเร็จ จะมีหนาจอดังภาพ

10

โครงสรางของโฟลเดอร เราจะเก็บ joomla ไวใน โฟลเดอร www (c:\appserv\www\)

เร่ิมทําการติดต้ังและใชงาน Joomla!

เม่ือดาวนโหลดไฟลเสร็จเรียบรอยแลวจะไดไฟลท่ีมีนามสกุล *.zip ใหทําการแตกไฟลออก โดยใชโปรแกรมจัดการไฟลบีบอัด อยางเชน 7zip, winzip, winRAR ฯลฯ

11

ทําการแตกไฟลบีบอัด

จะไดไฟลดังในรูป

12

ใหก็อปปไฟลท้ังหมด นําไปวางไปบน web server จําลองท่ีไดติดตั้งไวแลวตาม เนื้อหากอนหนานี้ (Appserv) โฟลเดอร c:\appserv\www\ ทําการสรางโฟลเดอรใหมท่ีช่ือวา joomla แลวนําไฟลท่ีไดก็อปปไวแลวดังขางตน นํามาวางในโฟลเดอร joomla นี้

รูปโฟลเดอรท่ีทําการสรางขึ้นใน โฟลเดอร c:\appserv\www\ ช่ือ joomla เ ม่ื อ ทํ าก ารก็ อปป แล ว ให เข า ท่ี โปรแกรม เบราว เซอร ( browser) พิมพ ในช อง address http://localhost/phpmyadmin เพ่ือเขาจัดการสรางฐาน MySQL เอาไวสําหรับติดตั้ง joomla

พิมพช่ือ User name เปน root, password ตามท่ีตั้งไวตอนติดตั้งโปรแกรม จากนั้นคล๊ิกปุม Go เพ่ือล็อกอินเขาระบบ

13

จะเขามาสูหนานี้ ในชอง Create new database ใหพิมพช่ือฐานขอมูลตามตองการ (ในท่ีนี้ขอตั้งช่ือเปน joomla) จากนั้นคล๊ิกปุม Create

เม่ือขึ้นเครื่องหมายถูกพรอมกรอบสีเขียวแสดงวา การสรางฐานขอมูลเสร็จเรียบรอย

จากนั้นพิมพในช่ือ address วา http://localhost/joomla สคริปติดตั้งจะนําพามาสูหนาติดตั้งโดยอัตโนมัติ ใหทําการเลือกภาท่ีใชในการติดตั้ง ในท่ีนี้ขอเลือกเปนภาษาอังกฤษ จากนั้นคล๊ิกปุม Next (ดานมุมบนขวามือ)

14

ตัวหนังสือสีแดงท่ีขึ้นวา No ใหปลอยไวยังไมตองสนใจในสวนนี้ ใหคล๊ิก Next เพ่ือไปขั้นตอนถัดไป

หนานี้เปนการบอกถึงลิขสิทธ์ิการใชงาน joomla CMS ใหคล๊ิก NEXT ตอไป

15

ในสวนนี้ใหใสรายละเอียดเกี่ยวกับฐานขอมูล

- host name ใสช่ือของ host สวนมากเปน localhost - User Name ใสช่ือผูใชงานฐานขอมูล คือ root - Password ใสพาสเวิรดตามท่ีตองไว - Data Base ช่ือฐานขอมูลตามท่ีสรางไวใน phpmyadmin

จากนั้นคล๊ิก Next

สวนของการกําหนดคา FTP ยังไมใชงานวางไวกอน จากนั้น คล๊ิกปุม Next

16

ในสวนนี้เปนการกําหนดคาในขั้นตอนสุดทาย

- site name ใสช่ือเว็บไซต กําหนดช่ือตามตองการ - you E-mail ใสอีเมลของผูดูแลระบบ - admin password ใสรหัสผานในการเขาระบบของผูดูแลระบบ - confirm admin password ยืนยันรหัสผานอีกครับ

ในชองลงมา หากตองการติดตั้งขอมูลตัวอยางก็ใหคล๊ิกท่ี install sample data (ในท่ีนี้ไมขอติดตั้งขอมูลตัวอยาง) จากนั้นคล๊ิก Next จากนั้นจะมีหนาตางขึ้นมาใหยืนยันวาขอมูลดังกลาวถูกตอง ให คล๊ิก OK

เขามาสูหนานี ้ระบบจะบอกวา ช่ือผูใชงานของคุณคือ admin ระบบจะบอกใหทําการลบหรือเปล่ียนช่ือโฟลเดอร installation ดังนั้นใหทําการลบโฟลเดอร installation ใน c:\appserv\www\joomla ท้ิงกอน

17

ทําการลบโฟลเดอร installation ท้ิง

จากนั้นมาท่ีเบราวเซอร คล๊ิกท่ี site เพ่ือเขาดูหนาเว็บไซต หรือ admin เพ่ือล็อกอินเขาระบบ

หนาเว็บไซตแรกท่ียังไมมีขอมูลใด ๆ เลย

18

Note คําท่ีใชตอนตอไป - Front end คือสวนหนาเว็บไซต ผูใชท่ัวไปท่ีไมตองลงทะเบียนหรือมีหนาท่ีดูแลระบบสามารถ

เขาถึงได

- Back end คือสวนดานในเว็บไซตท่ีผูดูแลระบบใชจัดการตั้งคาระบบ พิมพเนื้อหาบทความตาง ๆ ผูใชท่ัวไปไมสามารถเขาถึงหนานี้ได

19

การเขา – ออกระบบ ผูดูแลระบบ การเขาสู cpanel สามารถทําไดโดยเขา หนา front end ตามปกติแลวพิมพช่ือพาธ /administrator ตามหลัง

จากนั้นกด enter ก็จะเขาสูหนาล็อกอินของ back end

จากนั้นพิมพ User Name คือ admin, password ตามท่ีตั้งไวตอนติดตั้ง จากนั้นคล๊ิก login

ก็จะเขาสูหนา cpanel

- admin menu คือสวนของเมนูท่ีอยูดานบน

20

- cpanel หรือ control panel คือสวนของ back end ท้ังหมด

การออกจากระบบ

คล๊ิกท่ี logout ดานมุมบนขวามือของหนาจอ

21

การตั้งคาเบื้องตน

ทําการล็อกอินเขาหนา back end ของระบบ จากนั้นคล๊ิกท่ี Global Configuration หรือไปท่ี admin menu >> Global Configuration

จะเขามาสูหนานี้

22

- 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 เพ่ือบันทึกการตั้งคาท่ีไดกระทําลงไป บทบาทหนาที่ของ User Group Access levels for joomla

joomla ไดแบงระดับการเขาถึงขอมูลไว 2 ระดับ คือ Front-end groups และ Administration section groups ซ่ึงมีระดับการเขาถึงและจัดการท่ีแตกตางกันไป

Front-end groups มีดวยกัน 4 กลุม

ในกลุมนี้สามารถเขาจัดการในสวนใด ทางดานหนาเว็บไซต

Registered - ผูลงทะเบียน กลุมนี้อนุญาตใหผูใชเขาสูระบบไปยังสวนหนาอินเตอรเฟส. ผูใชท่ีลงทะเบียนไมสามารถมีรวมกับเนื้อหาแตพวกเขาอาจจะเขาสวนจัดการ อ่ืน ๆ ได เชน เว็บบอรดหรือสวนดาวนโหลดสวนถาเว็บไซตของทานมี.

Author - ผูแตง กลุมนี้อนุญาตใหโพสตเนื้อหาผานทางล้ิงกในเมนูผูใช พวกเขาสามารถสงเนื้อหาใหมเลือกตัวเลือกการแสดงรายการในหนาแรกและเลือกวัน ท่ีสําหรับการเผยแพรแตพวกเขาไมสามารถเผยแพรเนื้อหาไดโดยตรง เม่ือเนื้อหาถูกสงโดยระดับพวกเขาจะไดรับขอความ ""ขอขอบคุณท่ีใหการสง.

23

การสงของคุณจะถูกตรวจสอบกอนท่ีการโพสตไปยังไซต" พวกเขาสามารถแกไขบทความของพวกเขาเองเทานั้นแตเฉพาะเม่ือบทความท่ีไดรับ การเผยแพรและเห็นชอบ

Editor - ผูแกไขหรือผูตรวจสอบ กลุม นี้อนุญาตใหผูใชโพสตและแกไขใดๆ (ท่ีไมใชเฉพาะของตัวเอง) จากเนื้อหารายการจากดานหนาเว็บไซต นอกจากนี้ยังสามารถแกไขเนื้อหาท่ีไมไดรับการเผยแพร ถาไซตของคุณใชการติดตั้งดีฟอลตของตัวเลือกเมนู "ขาว" ซ่ึงเปนตารางรายการ - สวนเนื้อหาประเภทบรรณาธิการยกเลิกการเผยแพรจะเห็นบทความในรายการท่ีพวกเขา สามารถเลือกสําหรับการแกไขท่ีในฐานะผูเขียนหรือผูเผยแพร (ท่ียังไมไดลงทะเบียน)

Publisher - กลุมนี้อนุญาตใหผูใชโพสตการแกไขและเผยแพรใด ๆ (ไมใชเฉพาะของตัวเอง) ผูเผยแพรสามารถทบทวนบทความท้ังหมดแกไขและเปล่ียนการเผยแพร ยังสามารถพิจารณาเม่ือมีการบทความเพ่ือเผยแพรเม่ือมีผูเขียน หรือผูท่ียังไมลงทะเบียนสงบทความเขามา

Administration section groups ระดับผูบริหารเว็บไซต มีดวยกัน 3 ระดับ

ในกลุมนี้สามารถเขาจัดการในสวนใด ทางดานหลังเว็บไซต

Manager - ผูจัดการ กลุมนี้อนุญาตใหถึงการสรางขอมูล และระบบขอมูลอ่ืน ๆ ทางดานหลังเว็บไซต พวกเขาสามารถเขาสูระบบผานอินเตอรเฟสผูดูแลระบบแตสิทธิของตนเองและการ เขาถึงถูกจํากัด ในการจัดการเนื้อหา พวกเขาสามารถสรางหรือแกไขเนื้อหา, การเขาใชบางสวนเฉพาะคุณสมบัติเชนเพ่ิมการลบและแกไขหนาและเมนูแตพวก เขาไมมีการเขาถึง "Mechanics" ของ Joomla เชนการจัดการผูใชหรือความสามารถในการติดตั้งองคประกอบหรือโมดูล

Administrator - ผูดูแลระบบ กลุมนี้อนุญาตใหเขาถึงฟงกชันการบริหารสูงสุด ผูดูแลระบบมรสิทธ์ิในการจัดการผูใช สามารถเขาถึงตั้งคาในการติดตั้ง/ลบ คอมโพเนนท โมดูล ปล๊ักอิน สามารถเขาถึงและดูสถิติเว็บไซต ส่ิงท่ีพวกเขาไมาสามารถดําเนินการไดคือ ติดตั้ง เทมเพลต

Super Administrator - ผูดูแลระบบแบบซุปเปอร กลุมนี้อนุญาตใหเขาถึงการจัดการฟงกช่ันท้ังหมด

24

การสรางหมวดหมูไวเก็บเนื้อหาเว็บไซตใน joomla 1.5 โครงสรางการจัดเก็บเนื้อหาของ joomla แบงไดดังนี ้

Section คือหมวดหมู ใหญ ท่ี สุด ซ่ึงข างในจะเปน ท่ี เก็บ Category ยอย ๆ ภายใน Category คือหมวดหมูท่ีใชสําหรับเก็บเนื้อหา บทความไวภายใน Category จะอยูภายใน Section Content คือ พ้ืนท่ี ท่ีใชเก็บเนื้อหา Content จะอยูภายใน Category เม่ือเขาใจโครงสรางของ joomla แลว ตอไปก็มาเริ่มสราง Section และ Category กัน การสราง Section ทําการล็อกอินเขาระบบ back end

คล๊ิกท่ี Section manager หรือ เขาท่ี admin menu >> content >> section manager

Tip : คุณสามารถสรางเนื้อหาโดยไมตองกําหนด Section และ Category โดยการกําหนดเปน Uncategorised แทน

25

จากนั้นคล๊ิกท่ีปุม new

กําหนดรายละเอียดของ Section - Title ช่ือของ section - Alias ช่ือแทนของ section ควรกําหนดเปนภาษาอังกฤษจะดีท่ีสุด - Published กําหนดเปน yes เพ่ือเปดเผยแพร ถากําหนดเปน no บุคคลภายนอกจะไมสามารถเห็น section ได

- Access Level กําหนดเปน

26

- Public บุคคลท่ัวไปเห็นหรือเขาใชงานได - Registered บุคคลท่ีทําการสมัครสมาชิกและล็อกอินเขาระบบจึงจะสามารถเห็นหรือเขาใชได - Special เฉพาะบุคคลท่ีเขาถึงหนา back end ไดเทานั้น

- Image รูปสําหรับ section สามารถใสรูปให section ได (ไมตองกําหนดก็ได) - Image Position กําหนดตําแหนงของรูปภาพ (ไมตองกําหนดก็ได)

- Description รายละเอียด ของ section (ไมตองกําหนดก็ได)

เม่ือใสรายละเอียดครบหมดแลว ใหทําการ save เม่ือได Section แลวตอไปก็ทําการสราง Category การสราง Category ขั้นตอนจะคลายการสราง Section

คล๊ิกท่ี Section manager หรือ เขาท่ี admin menu >> content >> section manager

จากนั้นคล๊ิก New เพ่ือสราง Category ใหม

27

กําหนดรายละเอียดของ 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

28

การสรางบทความ (article) หลังจากไดทําการสราง Section และ Category เพ่ือใชเก็บ ตอไปก็ทําการสรางบทความ (article)

คล๊ิกท่ี Add new Article

หรือเขาท่ี Admin menu >> Content >> Article Manager

จากนั้นคล๊ิกท่ี New

29

- Title ช่ือของบทความ - Alias ช่ือแทนของ บทความ ควรกําหนดเปนภาษาอังกฤษจะดีท่ีสุด ถาปลอยวางไว joomla จะนําวันท่ี เวลาท่ีบันทึกการสรางบทความนี้มาใสแทน เชน 2009-09-09-01-12 และจะแสดงท่ีล้ิงก ทําใหล้ิงกของบทความไมสวย เพราะฉะนั้นกําหนดจะดีกวา - Published กําหนดเปน yes เพ่ือเปดเผยแพร ถากําหนดเปน no บุคคลภายนอกจะไมสามารถเห็น section ได - Front Page กําหนดเปน yes คือกําหนดใหบทความนี้แสดงท่ีดานหนาสุดของเว็บ (home page) ถากําหนดเปน no คือบทความนี้จะไมแสดงท่ีหนาเว็บไซต (home page) - Section เลือก Section ท่ีทําการเก็บบทความ

- Category เลือก Category ท่ีทําการเก็บบทความ

สวนนี้สําหรับพิมพ ขอความบทความตาง ๆ ใสรูปภาพ หรืออะไรท่ีตองการได

30

การใสรูปภาพลงในบทความ การใสรูปภาพ โดยใชรูปภาพท่ีมีอยูแลว หรืออัพโหลดจากเครื่องคอมพิวเตอรของคุณ

คล๊ิกท่ี Image

เลือกรูปท่ีตองการจาก โฟลเดอรท่ีมี หรืออัพโหลดจากเครื่องคอมพิวเตอรของคุณ โดยการ Browser เม่ือเลือกภาพไดแลวก็คล๊ิก start upload เม่ือเลือกรูปได แลวใหคล๊ิก insert เพ่ือแทรกรูปภาพลงบนบทความ การแทรกภาพลงบนบทความดวยล้ิงก URL

คล๊ิกท่ีรูปตนไม จะขึ้นหนาตางใหใสรายละเอียด

Tip : โฟลเดอรท่ีใชเก็บรูปภาพของ joomla คือ /images/stories

31

ใส Full URL ของรูปภาพ เชน http://www.google.com/images.jpg การสรางล้ิงก อานตอ Read more เปนการสรางบทความในสวนของไตเติ้ล กลาวนํากอนแลวใหผูอานเขามาอานตอดานใน

ตองการจะตัดบทความใหเขามาอานตอตรงสวนไหน ก็นําเคอรเซอรมาวางแลว คล๊ิกท่ี read more

32

จะเกิดเสนขึ้นใหเราเห็นวาสวนนี้ลงไปเปนสวนท่ีตองเขามาอานตอ

รูปแบบการใช read more ในบทความ การแบง บทความออกเปนหนา ๆ (Page Break) ในกรณีท่ีบทความหนึ่ง ๆ มีความยาวมาก ๆ และตองการแบงออกเปนสวน ๆ เพ่ือใหดูด ีหรือไมยาวเกินไป

ตองการจะแบงบทความตรงสวนไหน ก็นําเคอรเซอรมาวางแลว คล๊ิกท่ี Page Break

33

จะปรากฏหนาตางนี้ขึ้นมา page title ใสช่ือตามตองการ Table of contents alias ควรกําหนดเปนภาษาอังกฤษ จะดีท่ีสุด

รูปแบบการแสดงผลจะเปนแบบนี้ มีสารบัญอยูดานขางของบทความ การไมใช เครื่องมือ editor สามารถทําไดโดยไมใช เครื่องมือ editor หรือเครื่องมือในการสรางบทความ แถบเครื่องมือท่ีเห็นมีหนาท่ีอํานวยความสะวกในการแทรกคําส่ัง ตาง ๆ ลงไปไดรวดเร็วขึ้นโดยท่ีไมตองมานั่งพิมพ แท็กคําส่ังเอง ท้ังหมด

หากตองการแทรกคําส่ัง HTML เองก็สามารถทําไดโดย คล๊ิกท่ี Toggle Editor

จะเห็นคําส่ังท่ีสามารถแกไขไดเอง

34

การกําหนดพารามิเตอรของบทความ Parameters Article

สวนนี้เปนการกําหนดช่ือผูเขียน ช่ือแทนผูเขียน วันท่ีทําการสรางบทความ คุณสามารถกําหนดวันท่ี งดเผยแพรบทความไดท่ีนี่ดวย การกําหนดพารามิเตอรแบบ advanced

เปนการกําหนด ใหคาหรือไมแสดง รายละเอียดตาง ๆ ในบทความ

การกําหนด metadata information

35

ในสวนนี้มีประโยชนตอการคนหา ท้ังใน Search Engine และในเว็บไซต

- Description ใสคําอธิบายเกี่ยวกับบทความ วาเปนบทความอะไร กําหนดตามตองการ - Keywords ใสคําคนหาหลักสําหรับบทความ กําหนดเปนคํา ๆ หรือประโยคท่ีส้ันเขาใจ

งายสามารถใสเทาไหรก็ไดโดยการเวนขึ้นคําใหมใหใช (,) จุลภาค ขั้นไว เชน joomla, joomla thai เปนตน

- robots เปนคําส่ังท่ีใชบอก robots (โปรแกรมสําหรับคนหาของ Search Engine) วาวรจะตองทําอะไรในบทความนี ้ คําส่ังหลัก ๆ มีดังนี้

- index ใหนําบทความนี้ไปแสดงท่ี Search Engine - follow ใหคนหาตอ กรณีมีล้ิงกในบทความและตองการให robots ไปตามล้ิงก

URL ปลายทาง - noindex ไมใหนําบทความนี้ไปแสดงท่ี Search Engine - nofollow ไมใหคนหาตอ กรณีมีล้ิงกในบทความและไมตองการให robots ไป

ตามล้ิงก URL ปลายทาง ใสคําส่ังใดคําส่ังหนึ่งก็ได หรือใสท้ังสองคําส่ังโดยใช (,) ขั้นระหวางคําส่ัง การใชงาน menu manager การสรางเมนูล้ิงกไปหาบทความ section และ category ทําไดโดยคล๊ิกท่ี menu manager

หรือเขาท่ี admin menu >> menus >> main menu main menu เปนเมนูหลักท่ีมีอยูแลวไมจําเปนตองสรางใหม

36

จากนั้นคล๊ิกท่ี new เพ่ือทําการสรางเมนูยอย ใน main menu

คล๊ิกเลือก Articles

37

จะปรากฏเมนูยอยลงมา

- Archive คือล้ิงกไปหาบทความท่ีถูกเก็บ - Article คือล้ิงกไปหาบทความ - Category คือล้ิงกไปหา Category - Section คือล้ิงกไปหา Section

รูปแบบการแสดงผล จะเห็นวามีสวนของ blog layout และ list layout blog layout จะเปนแบบรูปดานลางเหมือนหนา front page

list layout แสดงในสวนหัวขอบทความเทานั้น

38

เม่ือเขาใจรูปแบบการแสดงผลแลวตอไปก็ทําเมนูล้ิงกไปหาบทความตามตองการ ในท่ีนี้จะทําล้ิงกไปหา section

ใสช่ือ title , alias ตามตองการ

เลือก section ท่ีตองการ เม่ือกําหนดเรียบรอยแลวก็คล๊ิก save เพ่ือบันทึกการเปล่ียนแปลง

39

จะเห็นเมนูท่ีสรางขึ้นดังในรูป

การสรางล้ิงกเมนูอ่ืน ๆ ก็ทําลักษณะคลาย ๆ กันนี้ การสรางเมนูใหม เมนูนี้มีลักษณะการทํางานเหมือนกับ main menu ไปท่ี admin menu >> menu manager

คล๊ิกท่ี new เพ่ือสรางเมนูใหม

40

กําหนดช่ือตาง ๆ ตามตองการ

เมนูท่ีสรางใหม นี้จะไปปรากฏท่ี โมดูล (module) ซ่ึงโมดูลนี้สามารถจะเคล่ือนยายไป วางตําแหนงไหนของเทมเพลท (template) ก็ได เม่ือกําหนดช่ือเรียบรอยแลว ก็ทําการ save

การใชงานเมนูท่ีสรางนี้ จะเหมือนกับการใชงาน main menu ดังท่ีกลาวมาแลวในขางตน

เมนูท่ีสรางใหม จะกลายเปนโมดูล ไปโดยอัตโนมัต ิ Trash manager

41

ทํางานเปนถังขยะ มีในสวนของ article และ menu เทานั้น ประโยชนคือเม่ือคุณทําการลบ บทความหรือเมนู บทความหรือเมนดูังกลาวจะลงมาอยูในถังขยะ เพ่ือปองกันความผิดพลาดกรณีลบผิดหรือตองการนํามาใชใหม ได ถาทําการลบออกจาก ถังขยะนี้บทความหรือเมนูนั้นจะหายไปและไมสามารถกูไดอีกตอไป

Front page manager สวนนี้เอาไวสําหรับจัดการ การเผยแพรบทความดานหนาเว็บ

User Manager สวนจัดการผูใช สามารถลบ แกไขช่ือ รหัสผาน กําหนดสิทธิการใชงาน เพ่ิมผูใชงานใหมไดท่ีนี่ ผูท่ีมีสิทธิใชในสวนนี้คือ administrator และ super administrator

การเพ่ิมผูใชงานใหม คล๊ิกท่ี New กรอกรายละเอียด name, username, e-mail, password กําหนด group จากนั้นคล๊ิก save

42

43

สรางปายโฆษณา (banner) ไปท่ี admin menu >> component >> banner

เล่ือนมาท่ีแท็บเมนู categories เพ่ือสราง categories กอนเพ่ือใชในการเก็บ banner clients คล๊ิกท่ี new เพ่ือสราง categories

ตั้งช่ือตามตองการเหมือนขั้นตอนการสราง section

44

เล่ือนมาแท็บเมนู clients คล๊ิก new เพ่ือสราง banner clients ใหม กําหนดช่ือ ช่ือผูติดตอ อีเมล และคําอธิบายเกี่ยวกับแบนเนอร จากนั้นทําการ save

เล่ือนมาแท็บเมนู banners คล๊ิก new สราง banner ใหม จากนั้นทกหาร save การสรางแบนเนอรโดยใช Banner Code

Tip : สามารถใชรูปในเว็บไซตมาทําแบนเนอรได โฟลเดอรสําหรับเก็บแบนเนอรอยูท่ี /images/banners

45

นําโคดปายโฆษณามาใสในชอง Custom Banner Code การสรางแบนเนอรแบบใชรูปภาพจากภายนอก สามารถสรางโดยใช URL รูปภาพจากท่ีอ่ืน และสงล้ิงกไปยังเว็บปลายทาง ทําไดโดยการสราง code ขึ้นมาแลวนําไปใสในชอง Custom Banner Code ตัวอยาง code

วิธีนี้จะสงล้ิงกตรง ไปหาเว็บไซตปลายทางโดยไมผานการ redirect (เปล่ียนเสนทาง)

การใสล้ิงกปลายทางในชองนี้ ตองผานการ redirect กอน เชน เม่ือคล๊ิกท่ีแบนเนอรจะเปน URL นี้ http://127.0.0.1/joomla/index.php?option=com_banners&task=click&bid=1 กอน เสร็จแลวจะเปล่ียนเสนทางไปยัง URL ปลายทาง การสรางรายชื่อผูติดตอ Contact ไปท่ี admin menu >> component >> contacts

<a href="http://www.domain.com (URL ปลายทาง)" target="_blank"><img src="http://www.domain.org/images/banners/shop-ad-books.jpg(URL ของรูป)" " alt="ปายโฆษณา" /></a>

46

คล๊ิกแท็บเมน ูCategories จากนั้นคล๊ิก new เพ่ือสราง Categories ใหม

ใส title และ alias จากนั้น Save

คล๊ิกแท็บเมน ูContacts จากนั้นคล๊ิก new เพ่ือสรางช่ือผูติดตอ

47

- ใส name, alias - เลือก Category - linked to user สามารถกําหนดใหสงขอความติดตอไปหาผูใชงานท่ีลงทะเบียนในบัญชี joomla ได

ในชอง information ใสรายละเอียดเกี่ยวกับท่ีอยูติดตอ

กําหนดพารามิเตอร ตองการจะแสดงหรือไมแสดงในสวนไหนของ contact ใหผูเยี่ยมชมเว็บไซตเห็น

48

Advanced Parameter สําหรับเลือกรูปไอคอน

49

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

50

การใชงาน Feed Manager ไปท่ี admin menu >> components >> news feeds

คล๊ิกแท็บเมน ูCategories จากนั้นคล๊ิก new เพ่ือสราง Categories ใหม

ใสช่ือ title, alias, description จากนั้น save

คล๊ิกแท็บเมน ูFeeds คล๊ิก New เพ่ือสราง Feed ใหม

51

ใส name, alias, เลือก category , ใส link เม่ือกําหนดทุกอยางเสร็จ คล๊ิก svae

ตัวอยางล้ิงก feed

52

การใชงาน Component News Feeds การใชงานตองสรางเมนูเพ่ือล้ิงกไปหา feed ท่ีไดสรางไว ไปท่ี admin memu >> menus >> meun ของคุณ

จากนั้นคล๊ิก new สรางเมนูใหม คล๊ิกเลือก news feed

53

เลือกรูปแบบการแสดงผล

ตั้งช่ือ title, alias เลือก feed ทําการ save

54

การแสดงผลดาน front end

การสรางโพลสํารวจ

ไปท่ี admin menu >> components >> polls

คล๊ิก New

55

Option ของ poll มีท้ังหมด 12 ตัวเลือก

- title ตั้งช่ือ poll - alias ช่ือแทน - lag กําหนดเวลาความถ่ีในการโหวตครั้งตอไป หนวยเปนวินาที - Published เลือกเปน yes

จากนั้นทําการ save

การใชงานโพล ใหแสดงผลหนาเว็บไซต ตองสรางเปน โมดูล (module) ไวแสดงผลโพล ซ่ึงจะกลาวตอไป

Search component

เปนสวนเก็บสถิติการคนหาภายในเว็บไซต ปกติจะปดการทํางาน สามารถเปดการทํางานไดโดยคล๊ิกตั้งคาท่ี parameter

56

คล๊ิก yes จากนั้น save

ระบบจะทําการเก็บขอมูล คําคนหาท่ีผูใช ใชคนหา จํานวนครั้งท่ีทําการคนหา Web Link Manager สําหรับเก็บล้ิงก URL ของเว็บไซตตาง ๆ ใหเปนหมวดหมู งายตอการใชงาน

ไปท่ี admin menu >> component >> web links

57

คล๊ิกท่ีแท็บเมน ูCategories จากนั้น คล๊ิก new เพ่ือสราง Categories

ใสช่ือ tile, alias

คล๊ิกท่ีแท็บเมน ูlinks จากนั้น คล๊ิก new เพ่ือสราง links

58

ใสขอมูลตาง ๆ ของล้ิงก ตามตองการ จากนั้น save

เลือกรูปแบบการแสดงผล - all category การแสดงผลรวมทุก ๆ category - category การแสดงเฉพาะ category ท่ีระบุ - web link submission layout สําหรับใสเว็บล้ิงกใหม ในหนา front end

59

ตั้งช่ือ title, alias เลือก category ทําการ save

รูปแบบการแสดงผลดาน front end

60

Media Manager สวนนี้มีไวสําหรับจัดการเกี่ยวกับรูปภาพตาง ๆ ท้ังสรางโฟลเดอรสําหรับเก็บไฟลภาพ อัพโหลดรูปภาพ ลบรูปภาพ

การสรางโฟลเดอรสําหรับรูปภาพ พิมพช่ือท่ีตองการแลวคล๊ิก Create Folder

61

การอัพโหลดรูปภาพ

คล๊ิก Browser จะปรากฏหนาตางสําหรับเลือกไฟลภายในเครื่อง จากนั้นกด open คล๊ิก Start Upload

การลบรูปภาพ

คล๊ิกเลือกรูปท่ีตองการลบจากนั้นคล๊ิก Delete กรณีตองการลบหลายรูป การลบรูปเดียวใหคล๊ิกเครื่องหมายกากบาทสีแดงใตรูปภาพ

62

การติดต้ัง Extensions ของ joomla การติดตั้ง extensions หรือตัวเสริมตาง ๆ เชนโมดูล เทมเพลท คอมโพเนนท ภาษา ทําไดดังนี ้

เขาท่ี admin menu >> extensions >> install/uninstall

จากนั้นเลือกไฟล extensions ท่ีดาวนโหลดมาจากในเครื่องคอมพิวเตอรของทาน เสร็จแลวกด upload file & install

หากทําการติดตั้งสําเร็จจะขึ้นขอความ Install ....... Success

63

การถอนการติดต้ัง Extensions ของ joomla (Uninstall) เขาท่ี admin menu >> extensions >> install/uninstall

เลือกแท็บเมนู Extensions ท่ีตองการถอนการติดตั้ง

คล๊ิกเลือก extension ท่ีตองการ จากนั้น คล๊ิก uninstall

Note : Extensions ของ joomla มี 2 เวอรช่ัน ท่ีใชงานกับ joomla 1.0 กับท่ีใชงานบน joomla 1.5 และท่ีสามารถใชงานไดบน joomla 1.0 และ joomla 1.5 ในโหมด legacy ตองแนใจวาใชงานกับเวอรช่ันไหน ไมเชนนั้นจะไมสามารถติดตั้งได

64

การสรางโมดูลใหม (ตัวอยางการสรางโมดูลคนหา (Search))

ทําการสรางเมนูคนหา (Search) มาท่ี menu manager คล๊ิกท่ี new เพ่ือสรางโมดูลใหม

คล๊ิกเลือกท่ี Search จากนั้นคล๊ิก Next

65

- title ตั้งช่ือใหกับโมดูล - Show title เลือกเปน no เพ่ือไมใหแสดงช่ือโมดูลท่ีหนาเว็บไซต - Enable เลือกเปน yes เพ่ือเปดโมดูลใหใชงานได - Position เลือกตําแหนงในการจัดวาง (User4)

66

Mass Mail ฟงกช่ันท่ีชวยใหคุณสง อีเมล ไปยังกลุมผูใชงานไดงาย ๆ

การใชงานพิมพขอความในชอง subject, message เลือกรุปท่ีตองการสง จากนั้นคล๊ิก Send mail

Clean Cache Cache เปนไฟลช่ัวคราว ท่ีระบบเก็บไว เม่ือมีผูใชเปนประจํา เพ่ือเปนการลดจํานวนการคนหาขอมูล จากฐานขอมูล เปนการเพ่ิมประสิทธิภาพ การแสดงขอมูลท่ีรวดเร็วยิ่งขึ้น เพราะขอมูลท่ีใชประจํา ๆ จะอยูใน Cache ระบบไมจําเปนตองไปคนหาขอมูลในฐานขอมูลใหมท้ังหมด

67

เมนูนี้ใชสําหรับทําความสะอาดแคช (Clean Cache)

การกําหนดให joomla ใชระบบ cache เขาท่ี admin menu >> site >> global configuration แท็บเมน ูsystem

- cache เลือก yes เพ่ือเปดใชงาน เลือก no เพ่ือปดการใชงาน - cache time ระบุเวลาท่ีตองการเก็บแคช (หนวยเปนนาที)

Purge Expired Cache สําหรับลบเฉพาะ cache ท่ีหมดอายุแลวเทานั้น

Syatem Information สวนนี้จะบอกขอมูลเกี่ยวกับระบบท้ังหมด

68

ลงมือปฏิบัติ

69

เร่ิมทําการสรางเนื้อหา และสวนประกอบตาง ๆ บนเว็บไซต เม่ือเริ่มเขาใจหลักการทํางาน การสรางเนื้อหา สราง section และ category แลว คราวนี้มาเริ่มสราง เนื้อและโมดูลกันเลย

เริ่มจากไมมีอะไรเลย ดังรูปดานบน Template ดานบนไมคอยสวย ตองทําการเปล่ียน template กอน การหาโดยใช google พิมพ free joomla template

จะเจอ template ท่ีแจกฟรี ของ joomla มีมากมายใหเลือกโหลด

70

โดยจะเลือก template ตามในรูป จากนั้นก็หาดาวนโหลดมาไวในเครื่อง เลือกเวอรช่ันใหตรงกับ joomla ท่ีใช ทําการติดตั้ง template ไปท่ี admin menu >> extensions >> install/uninstall

คล๊ิก Browser เพ่ือเลือกไฟล template ท่ีดาวนโหลดมา

71

เม่ือเลือกไฟลท่ีจะทําการติดตั้งไดแลว ใหทําการคล๊ิก Upload file & install

เม่ือติดตั้งสําเร็จ จะขึ้นคําวา Install Template Success

จากนั้นเขา Template manager

72

จะเห็น Template ท่ีเราไดทําการติดตั้งไปแลว เม่ือสักครู

การเปล่ียน template สามารถทําไดโดยการคล๊ิกเลือกท่ีหนาช่ือ template ท่ีตั้องการจากนั้นคล๊ิก Default (รูปดาวสีเหลือง)

จากนั้น ลอง preview ด ู

73

จะเห็นวา หนาเว็บไซตเปล่ียนไปจากเดิม

การแกไข template สามารถทําไดดดยการคล๊ิกเลือกท่ี template ท่ีตองการ จากนั้นคล๊ิก edit

สามารถแกไของคประกอบของ template และ CSS ได ตองมีความรูเกี่ยวกับภาษา PHP, CSS และ HTML พอสมควร

74

กอนจะวางตําแหนงโมดูล บนหนา template เราตองรูกอนวา ใน template นี้มีการกําหนดโมดูลไวตรงสวนไหนบาง หากไมทราบ ใหใชการกําหนดแบบเดาสุม เลือกตรงไหนแลวขึ้นตรงนั้นก็วางตามความเหมาะสม

Module position ของ template นี้ จากนั้น จะให main menu มาอยูท่ี position left ไปท่ี admin meun >> extensions >> module manager

User3

User4

Right

Left

Body

Debug

75

จากนั้นคล๊ิกเขาไปท่ี main menu

เลือก position เปน left จากนั้น save

Main menu ก็จะมาอยูดานซายมือของจอภาพ จากนั้นจะทําการสรางเมนูคนหา (Search) มาท่ี menu manager คล๊ิกท่ี new เพ่ือสรางโมดูลใหม

76

คล๊ิกเลือกท่ี Search จากนั้นคล๊ิก Next

- title ตั้งช่ือใหกับโมดูล - Show title เลือกเปน no เพ่ือไมใหแสดงช่ือโมดูลท่ีหนาเว็บไซต - Enable เลือกเปน yes เพ่ือเปดโมดูลใหใชงานได

77

- Position เลือกตําแหนงในการจัดวาง (User4)

จากนั้นคล๊ิก save แลวลอง preview

จะเห็นวาโมดูลคนหาไดเพ่ิมขึ้นมาตามท่ีเราตั้งไว สรางโมดลู Who’s online ไวทางดานตําแหนงขวาของ template ทําตามขั้นตอนเดิมดังท่ีกลาวขางตน

เลือกท่ี Who’s online

78

ตั้งช่ือโมดูล เลือกตําแหนง position right จากนั้นทําการ save

โมดูล Who’s online เพ่ิมขึ้นมาทางดานขวา ตอไปสรางเนื้อหา เพ่ือนํามาแสดงท่ีหนา Front page

79

เนื้อหาท่ีถูกสรางเพ่ือนํามาแสดงบนหนาเว็บไซต สรางโพล (Poll) เพ่ือสํารวจความคิดเห็นเกี่ยวกับเว็บไซตนี้ ใน joomla มีระบบโพล (Poll) อยูแลว ไมตองติดตั้งเพ่ิมเติม ไปท่ี admin menu >> components >> polls

80

คล๊ิก New

Option ของ poll มีท้ังหมด 12 ตัวเลือก

- title ตั้งช่ือ poll 81

- alias ช่ือแทน - lag กําหนดเวลาความถ่ีในการโหวตครั้งตอไป หนวยเปนวินาที - Published เลือกเปน yes

จากนั้นทําการ save

จากนั้นมาท่ี module manager เลือก new เพ่ือสรางโมดลู poll ใหม

ตั้งช่ือ กําหนด position ดานขวา (right) module parameters เลือกช่ือโพลท่ีไดสรางไวตามขั้นขางตน จากนั้นทําการ save แลว preview ด ู

82

โมดูลโพลท่ีไดสรางขึ้นมา สรางปายโฆษณา (banner) ไปท่ี admin menu >> component >> banner

83

เล่ือนมาท่ีแท็บเมนู categories เพ่ือสราง categories กอนเพ่ือใชในการเก็บ banner clients คล๊ิกท่ี new เพ่ือสราง categories

ตั้งช่ือตามตองการเหมือนขั้นตอนการสราง section

เล่ือนมาแท็บเมนู clients คล๊ิก new เพ่ือสราง banner clients ใหม กําหนดช่ือ ช่ือผูติดตอ อีเมล และคําอธิบายเกี่ยวกับแบนเนอร จากนั้นทําการ save

84

เล่ือนมาแท็บเมนู banners คล๊ิก new สราง banner ใหม จากนั้นทกหาร save จากนั้นมาท่ี module manager คล๊ิก New เพ่ือสรางโมดูล banner ใหม

Tip : สามารถใชรูปในเว็บไซตมาทําแบนเนอรได โฟลเดอรสําหรับเก็บแบนเนอรอยูท่ี /images/banners

85

- เลือก Banner Client ท่ีไดสรางไว - เลือก Category ท่ีไดสรางไว

ตั้งช่ือโมดูล กําหนด position จากนั้นทําการ save

ตําแหนง banner ท่ีเพ่ิมขึ้นมา

86

เกร็ดความรูเล็ก ๆ นอย ๆ ขั้นตอนในการ Upgrade Joomla

เนื่องจาก joomla มีผูใชจํานวนมาก และมีผูพัฒนาตอเนื่อง และไมมีโปรแกรมใดสมบูรณแบบ 100% ดังนั้นผูพัฒนาจึงทําการปรับปรุงชองโหวและแกไขขอผิดพลาดตาง ๆเพ่ิมเติมสวนท่ีจําเปนหรือพัฒนาใหเกิดรูปแบบใหม ๆ ออกมาเรื่อย ๆ ทําใหเราตองทําการอัพเกรดระบบของเราใหทันตามยุคสมัย ไมใชวาเชย นะครับแตเพ่ือความปลอดภัยของเว็บไซตเรา ถาเว็บไซตเราโดงดังขึ้นมา ระบบเกา ๆ อาจจะเปนท่ีสนใจของบรรดาผูรู ผูทดลองท้ังหลาย แฮกเขามาทํามิดีมิราย กับขอมูลของเราได บรรยายมานานแลว เริ่มอัพเกรดเลยดีกวา

กอนอ่ืนก็ตองรูกอนวา joomla เรารุนไหน โดยดูไดท่ี หนา back end มุมขวาดานบนสุด

87

เม่ือรูแลวก็จัดการดาวนโหลดอัพเดทเลยครับ โดยเลือกดาวนโหลดแพ็กแกจ ไดท่ี http://joomlacode.org/gf/project/joomla/frs/?action=index เลือก ตามเวอรช่ันของทานเอง

สมมติวาจะอัพเกรด จาก joomla 1.5.10 เปน joomla 1.5.11 ก็โหลดตัวนี้มา Joomla_1.5.10_to_1.5.11-Stable-Patch_Package จะเปนไฟล *.zip หรือ *.tar.gz ก็ได เม่ือไดแลวทําการแตกไฟลบีบอัดออก (unzip)

88

ไดแลว ใชโปรแกรม FTP อยางเชน filezilla หรืออะไรท่ีสามารถ FTP ขึ้น server ได จัดการอัพโหลดไปทับไฟลเกาท่ีติดตั้งไว

ล็อกอินเขาไปดูผล ใหม เปนตามเวอรช่ันท่ีเราอัพเกรดหรือไม

89

วิธีการเพ่ิมความเร็ว - เพ่ิมประสิทธิภาพ 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.

90

6. Check for duplicate JS files.

7. Check for NOT FOUND items.

สีแดงแสดงวาตองปรับปรุง สีเหล่ียงใชได สีเขียวดีเม่ือทําการแกไขแลวใหลองมาตรวจสอบอีกครั้ง วาจะผานไหม

ส่ิงแรก ๆ - ใชอะไรท่ีมีอยูแลวใน joomla

GZIP Page Compression คําส่ัง php เหลานี้ใชสรางเพจ HTML ของหนาเว็บไซตคุณ สามารถใชการบีบอัด Gzip หนาเพจไดโดย การบีบอัดหนาเพจบน server แลวทําการสงมาใหเบราเซอร ซ่ึงจะทําใหขนาดของหนาเพจ ลดลงประมาณ 70% - 90% ซ่ึงจะทําใหลดแบนดวิธและผูชมสามารถโหลดหนาเพจไดเร็วขึ้น และโปรดจําไววา GZIP Page Compression ใชกําลังของ CPU ในการประมวลผลคอนขางมาก

cache (system cache) แค ชเปนอีกทางหนึ่งท่ีชวยให joomla โดยหลักการทํางานของแคช การเก็บไฟลท่ีใชงานบอยหรือใชงานเปนประจํานั้น ไวในแคช เม่ือมีการเรียกใชงานครั้งใหม ก็จะนําขอมูลจากแคชไปใชงานไดโดยตรง ไมตองไปประมวลผลหรือเรียกหาขอมูลในฐานขอมูลอีกครั้ง

ส่ิงท่ีควรหลีกเล่ียงในการเพ่ิมประสิทธิภาพ joomla

• Module - นอยดีกวา โมดูลไมควรใชหรือติดตั้งมากเกินความจําเปน เลือกใชโมดูลท่ีจําเปนเทานั้น ท่ีไมจําเปนใหปดหรือถอนการติดตั้งออกไป เนื่องจากแตละโมดูลจะเปนการเพ่ิมคําขอ HTTP และคําขออาจจะโหลด js หรือ CSS เพ่ิมจากเดิม

91

• คอมโพเนนท - ยกเลิกหรือถอนการติดตั้ง คอมโพเนนทท่ีไมใชงานออก

• ปล๊ักอิน - ควรคิดถึงประโยชนสูงสุดกอนท่ีจะทําการติดตั้ง ปล๊ักอินนั้นลงไป เชน ถาติดตั้ง 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 เปนดี เพียงพอตอการมองเห็นรายละเอียดของรูปภาพ

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

92

ทําการ enable

สังเกตเม่ือ system legacy เปดใชงาน มุมบนดานขวามือ

การปดเว็บไซตชั่วคราวออฟไลท

อาจจะมีบางโอกาส ท่ีคุณตองการทําเว็บไซตใหสมบูรณ โดยท่ีไมตองมีใครเขามาดูเว็บไซตของคุณท่ี ยังดูไมดีหรืออาจจะไมสมบูณ มีขอบกพรอง ท่ีจะตองปรับปรุงตาง ๆ มีขั้นตอนงาย ๆ ในการสลับออนไลทหรือออฟไลท ไดอยางรวดเร็ว ใน joomla

ในการใช joomla ออฟไลทช่ัวคราว

1.เขาสูระดับผูดูแลระบบ (back end) 2.คล๊ิกท่ีปุม Global Configuration หรือคล๊ิกท่ีเมน ูSite > Global Configuration 3.ในหนานี้ จะมีหลายตัวเลือกในการกําหนดคาตาง ๆ เขาจึงทําแท็บแยกตางหาก ใหเลือกท่ีแท็บ "site" 4.จะมีแถบ site offline ใหเลือกปุม "No"

93

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

เพ่ือความปลอดภยัของเว็บไซต เม่ือทําการตั้งคาเสร็จใหเปล่ียนคา 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

94

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 ตรง แกเปน ในไฟล .htaccess ไมตองแกอะไรเลย

#RewriteBase /

RewriteBase /th

95

มาเปลี่ยน 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

96

97

Upload Joomla ท่ีทําเสร็จจากเครื่องข้ึน hosting หลาย ๆ ทานอาจจะนั่งทําเว็บในเครื่องตนเองโดยใชโปรแกรม web server ติดตั้งในเครื่องกอน เพ่ือความรวดเร็วและสะดวกในการปรับแตงและไมคอยยุงยากเหมือน ทําใน host จริง ๆ เสร็จแลวทําการอัพขึ้น host ในทีเดียวเลย ในครั้งนี้ เราลองมาอัพโหลดเว็บ ท่ีทําโดยสคริป joomla จากเครื่องตนเองขึ้น hosting กันเถอะ 1. กอนอ่ืนก็ทําการ export ฐานขอมูลของ joomla ท่ีทําไวในเครื่องออกมากอนครับ โดยเขาหนา phpmyadmin (http://localhost/phpmyadmin) เลือกฐานขอมูลของ joomla ทําการคล๊ิกท่ีเมน ูexport

98

2. จัดการเลือกท่ี select all เพ่ือเลือกท่ีจะนําฐานขอมูลท้ังหมดออกมา จากนั้นเลือกท่ี SQL (ท่ีวงกลมไว) เลือกท่ี save as file จากนั้นกด GO

โปรแกรมจะทําการดาวนโหลดไฟล ฐานขอมูล ใหเราเก็บไวในเครื่องกอน (ไฟล *.sql)

99

3. จากนั้นทําการล็อกอินเขา phpmyadmin ของ host การเขาจัดการฐานขอมูลดวยโปรแกรม phpmyadmin ของแตละ host จะแตกตางกัน แลวแต control panel ท่ีทาง host เลือกใช

เม่ือล็อกอินเขา phpmyadmin เรียบรอยแลว ใหทําการ import ฐานขอมูล ดวยเมนู import ดังรูปดานลาง

4. กดปุม bowser... เลือกไฟล SQL ท่ีเซฟไวตามขั้นตอนขางตน จากนั้นกด GO เพ่ือนําเขาฐานขอมูล

100

5. เปดโฟลเดอร สคริป joomla ท่ีเราจะทําการอัพโหลดขึ้นบน host จากนั้นหาไฟล configuretion.php เลือกเปดดวยโปรแกรม text editor อะไรก็ได

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 = 'รหัสผานฐานขอมูล';

101

หากไมรูพาทของ host ก็สามารถดูไดดังนี ้- ทําการสรางไฟล php ขึ้นมา 1 ไฟล ทําใน notepad ก็ได ใสสคริป php นี้ลงไป 7. เซฟ เปนช่ือ phpinfo.php แลวทําการอัพโหลดขึ้น host เรียกตาม url (http://www.youdomain.com/phpinfo.php) ทําการหาพาทไดในนั้น เซฟไฟล configuration.php

8. ทําการอัพโหลดขึ้น host จริง โดยใชโปรแกรม FTP อยางเชน โปรแกรม FileZilla (ดาวนโหลดใชงานไดฟรี)

9. ใสช่ือ host ช่ือยูสสําหรับล็อกอิน และรหัสผาน (ในชองท่ีขีดเสนสีแดงไว) จากนั้นกด Quickconnect อัพโหลดสคริปไฟล joomla ท้ังหมดขึ้นบน host เปนอันเสร็จส้ิน 10. การอัพ โหลด joomla จากเครื่องขึ้น host ใชเพียงการแกไขไฟล configuretion.php เพียงไฟลเดียว สําคัญตองใสพาท ช่ือฐานขอมูล ช่ือผูใชฐานขอมูลและรหัสผานใหถูกตอง

<? phpinfo () ; ?>

102

การใชงาน phpmyadmin เบื้องตน phpmyadmin เปนโปรแกรมจัดการฐานขอมูล MySQL ผานทางเว็บบราดวเซอร ซ่ึงเปนเครื่องมือ ท่ีสะดวกในการจัดการฐานขอมูลในระยะไกล การใชงานนั้นก็ไมยุงยากอะไร แตจะขอกลาวแบบพ้ืน ๆ ท่ีใชงานกัน เชน การสรางฐานขอมูล การนําเขาฐานขอมูล การนําออกฐานขอมูลการลบตารางฐานขอมูล ท่ีจําเปนตองใชกันเปนประจํา อยูแลว 1.การสรางฐานขอมูล Create new database

กอนอ่ืนก็ใหทําการล็อกอินเขา phpmyadmin กอน ซ่ึงการเขาระดบัล็อกอินของ phpmyadmin ของแตละ host ก็มี URL ท่ีแตกตางกันไป ตามแตโปรแกรมท่ีผูใหบริการ host นั้นติดตั้ง

103

เม่ือล็อกอินเขามาแลวจะเห็นชองใหกรอกช่ือฐานขอมูลท่ีตองการสราง Create new database เม่ือกรอกช่ือฐานขอมูลท่ีตองการเสร็จใหกด ปุม Create

ก็จะไดฐานขอมูลวาง ๆ ตามท่ีตองการ 2.การนําเขาฐานขอมูล Import database

เม่ือทําการสรางฐานขอมูลเสร็จ หนาเว็บจะนําพามาสูหนานี ้เลือกแท็บ import ดานบน

104

ในชอง Location of the text file ใหคล๊ิกท่ีปุม Browse.. เพ่ือเลือกฐานขอมูลท่ีตองการนําเขา โปรดสังเกต ตรง Max : ดวยวา ใหนําเขาฐานขอมูลขนาดไมเกินเทาไหร ถาฐานขอมูลมีขนาดพ้ืนท่ีใหญกวาท่ีกําหนดจะไมสามารถนําเขาฐานขอมูลได หมด ฐานขอมูลท่ีจะนําเขาตองมีนามสกุล *.sql เม่ือเลือกฐานขอมูลท่ีจะนําเขาเสร็จเรียบรอยใหกด ปุม Go

3. การสงออกฐานขอมูล Export database ในกรณีนี้เปนการนําฐานขอมูลออกมา เพ่ือนําไปติดตั้งท่ีอ่ืน หรือสํารอง เอาไวเผ่ือ เกิดความเสียหายของฐานขอมูล

105

แท็บดานบนเลือกท่ี Export

เลือกตาราง ท่ีตองการนําออก หรือเลือกท้ังหมด

1.ใหเลือกนําออกไฟลเปน SQL

2. คล๊ิกเลือก save as file

3. กดปุม Go จากนั้นโปรแกรมจะทําการเซฟและดาวนโหลดมายังเครื่องคอมพิวเตอรของเรา

106

การใชงาน filezilla FTP manager

Filezilla เปนโปรแกรมจัดการรับสงไฟลระหวาง เครื่องคอมพิวเตอรคุณและ server ผานโปรโตคอน FTP พอรตท่ี 21 ท่ีเว็บมาสเตอรทุกคนตองมีประจําเครื่องไว แตก็มีโปรแกรมประเภทนี้อีกมากมาย ฟงกช่ันการใชงานก็อาจจะหลากหลายแตกตางกันไป แตท่ีติดใจตัวนี้คือ ฟรี ใชงานงาย ไมกินสเปกเครื่อง สามารถดาวนโหลดโปรแกรมไดท่ีนี่ http://filezilla-project.org/ เม่ือดาวนโหลดมาแลวก็จัดการติดตั้งเลย การติดตั้งไมไดซับซอนอะไร ก็ next ไปเรื่อย ๆ จนเสร็จการติดตั้ง จากนั้นใหเขาโปรแกรม filezilla ท่ีติดตั้งไดเลย ก็จะมีหนาตาอยางนี้ขึ้นมา

เมนูดานบนจะมีชองใหกรอกช่ือ host ยูสเนม และรหัสผานสําหรับล็อกอินเขา host ของเรา เม่ือ ทําการคอนเน็ก เรียบรอยแลว ดานลางถัดมาจากชองท่ีกรอกขอมูลสําหรับล็อกอินท่ีเปนตัวหนังสือสีเขียว นั่นคือสวนแสดงคําส่ังการทํางาน สวน (ท่ีมีตัวหนังสือสีแดงเขียนไว) ฝงทางดานซายมือจะเปนฝงในเครื่องของเรา สวนฝงขวาจะเปนฝงของ server

107

การอัพโหลดขอมูลจากเครื่องขึ้น server ก็มาท่ีฝงซาย คล๊ิกท่ีไฟลท่ีตองการอัพโหลดแลวคล๊ิกขวา จะมีเมนูแสดงขึ้นมา คล๊ิกท่ี upload

108

การดาวนโหลดขอมูลจาก server ลงมายังเครื่องเรา ก็มาฝงขวามือ เลือกไฟลท่ีตองการเสร็จแลวคล๊ิกขวา เลือกเมน ูdownload

รูปดานบนเปนการแกไขไฟล ท่ีเปนไฟลสคริป ของโปรแกรม ท่ีขางในนั้นเปน text file หรือไฟลท่ีเปนตัวอักษรขางใน

รูปดานบนเปนการสรางไดเรกทอร ีฝง server สวนทางดานเครื่องเราก็สามารถทําได ดวยวิธีนี้เชนกัน

109

การเปล่ียนคา permission หรือการกําหนดสิทธิในการใชไฟล ทําโดยการคล๊ิกขวาไฟลหรือไดเรกทอรีท่ีเลือก เลือกท่ีเมน ูfile attributes...

Owner permissions คือ การกําหนดคาเฉพาะเจาของเทานั้น Group permissions คือ การกําหนดคาเฉพาะกลุม Public permissions คือ การกําหนดคาเฉพาะบุคคลท่ัวไป

110

จะมีตัวอักษรใหสังเกตหลังไฟลดังนี ้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

111

เอกสารอางอิง

www.joomlathaiclub.com . คูมือการติดตั้งและใชงาน Joomla! . 2553 .

สาธิต ชัยวิวัฒนตระกูล . สรางเว็บไซตใหครบสูตรดวย Joomla! . กรุงเทพฯ : วิตตี้ กรุป , 2551 .

112