128
คูมือการติดตั้งและใชงาน Joomla! การติดตั้งและใชงานเบื้องตนจนถึงระดับกลาง Step By Step จัดทําดย joomlathaiclub.com

คู่มือการติดตั้งและใช้งานJoomla cms

  • Upload
    -

  • View
    23

  • Download
    0

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: คู่มือการติดตั้งและใช้งานJoomla cms

คมอการตดตงและใชงาน Joomla!การตดตงและใชงานเบองตนจนถงระดบกลาง

Step By Step

จดทาโดย joomlathaiclub.com

Page 2: คู่มือการติดตั้งและใช้งานJoomla cms

2

คมอการตดตงและใชงาน Joomla!

คมอการตดตงและใชงาน joomla CMS ทไดจดทาขนเพอใชเปนคมอสาหรบผเรมตนใชงาน joomlaCMS ในการทาเวบไซต เนอหาภายในเกยวกบการทดลองตดตงและใชงาน joomla ดวยเครองมอทมอยภายในตว joomla การเตรยมความพรอมกอนลงมอปฏบตจรง ศกษาและเขาใจเครองมอตาง ๆ ของ joomla เนอหาสวนใหญเนน รปประกอบ ทาความเขาใจแลวปฏบตตาม หวงเปนอยางยงวา เอกสารฉบบนจะเปนประโยชนแกผทสนใจศกษาการทาเวบไซตดวย joomlaCMS ผจดทามไดหวงผลทางการคา แตอยางใด และไมสงวนลขสทธ สาหรบขอความ รปประกอบ ในทกสวนของเอกสารฉบบน หากผใดตองการนาไปเผยแพรตอ กสามารถทาได แตขอใหระบแหลงทมาของเอกสาร www.joomlathaiclub.com

Page 3: คู่มือการติดตั้งและใช้งานJoomla cms

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

Page 4: คู่มือการติดตั้งและใช้งานJoomla cms

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

Page 5: คู่มือการติดตั้งและใช้งานJoomla cms

5Joomla นนถกออกแบบเวอรชน มาอย 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

Page 6: คู่มือการติดตั้งและใช้งานJoomla cms

6ความตองการของระบบในการตดตง

Software Recommended Minimum More information PHP* 5.2 + 4.3.10 http://www.php.net MySQL** 4.1.x + 3.23 http://www.mysql.com Apache*** (with mod_mysql, mod_xml, and mod_zlib)

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

Microsoft IIS**** 7 6 http://www.iis.net * ไมควรใช PHP 4.3.9, 4.4.2 หรอ 5.0.4. และ Zend Optimizer 2.5.10 สาหรบ PHP 4.4.x ยงมขอบกพรองรายแรงและคณควรขอโฮสตของคณเพออปเกรดเปนเวอรชนใหม . Joomla ยงไมสามารถทางานรวมกบ PHP 5.3 ** Joomla ยงไมสามารถทางานรวมกบ MySQL 6.x. *** เพอทจะใช SEO URL ทคณจะตองม Apache mod_rewrite **** Joomla จะเหมาะสาหรบ Apache แตยงทางานบน Microsoft IIS (แตไมสนบสนนอยางเปนทางการ). ขนอยกบการตงคาของคณตอไปน PHP 5.2

MySQL 5.1

Apache 2.2

Microsoft URL Rewrite Module – ความตองการสาหรบ SEO URLs เทานน Joomla 1.6 will require PHP 5.2+ and MySQL 5.0.4+. จะเหนวาตองม web server ทมความพรอมจรง ๆ ในการลงระบบ joomla หากตองการทาสอบ joomla ในเครองคอมพวเตอรของคณเองสามารถทาไดโดยใชโปรแกรม web server จาลอง ทมความสามารถในการจาลองระบบใหเหมอนกบ web server จรง ๆ โปรแกรม web server มอยหลายตวใหเลอกใชการตดตงงาย ๆ เพยงแค Next ไมกขนตอนกเสรจเรยบรอย อยางเชน - AppServ ดาวนโหลดฟร ๆ ไดท http://www.appservnetwork.com/ - XAMPP ดาวนโหลดฟร ๆ ไดท http://www.apachefriends.org/ เลอกเอาตวใดตวหนงครบ แตผมจะแนะนาคอ XAMPP ความตางกคอมระบบจาลองการทางานของ FTP Server และ Mail Server มาใหดวยทาใหการใชงานเหมอน server จรง ๆ มาขน

Page 7: คู่มือการติดตั้งและใช้งานJoomla cms

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

Page 8: คู่มือการติดตั้งและใช้งานJoomla cms

82. คลก Next จะพบกบหนาจอ ประกาศเรองลขสทธ ซงเปน ลขสทธแบบ GNU/GPL License

3. เมอคลกI Agree เพอยอมรบลขสทธแลว กจะเขาสหนาเลอกโฟลเดอร และไดรฟ ทจะตดตง ในทนเปน C:\AppServ

Page 9: คู่มือการติดตั้งและใช้งานJoomla cms

9 4. เมอคลกNext จะเขาสหนาเลอก คอมโพเนนทจะตดตง ในทนคลกใหหมดทกตว

5. หนาServer Information

ชอง Server Name ใหใสlocalhost

ชอง Admin Email ใหใสemail ของเราไป

ชอง HTTP Port ใหใสหมายเลข Port ทตองการเผยแพรเขาไป ในทนแนะนาเปน 80 จากนนคลก Next

Page 10: คู่มือการติดตั้งและใช้งานJoomla cms

106. ตงคา MySQL

ชองEnter Root Password ใสรหสผานสาหรบ Account User: root หมายเหต กรณาใสรหสทคณจาไดงายๆ

Re-Enter Root Password ใสรหสผานสาหรบ root อกครงใหเหมอนเดม ชอง Character Sets เลอกเปน TIS620 Thai เพอใชงานกบภาษาไทย หรอ UTF-8 กได แต เวลาใชงานจรงบนโอสตงตองตรวจสอบกอนวาโฮสเราสนบสนน UTF-8 หรอไม จากนนคลกInstall

Page 11: คู่มือการติดตั้งและใช้งานJoomla cms

117. จากนนโปรแกรมจะถกตดตง รอจนครบ 100% ในระหวางน หาก Windows มการสอบถามเรองการ Block โปรแกรม ใหคลก Unblock โปรแกรมจะถกตดตงอยางสมบรณ

8. เมอระบบตดตงจนครบ 100 % กจะเขาสหนาสดทาย ระบบจะถามวา จะเรมให Apache และ MySQL ทางานหรอไม จากนน คลก Finish

Page 12: คู่มือการติดตั้งและใช้งานJoomla cms

129. เมอตดตงเสรจ ใหเปด Internet Explorer หรอ Mozilla Firefox ขนมา ชอง Address พมพ http://localhost เพอทดสอบ หากสาเรจ จะมหนาจอดงภาพ

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

Page 13: คู่มือการติดตั้งและใช้งานJoomla cms

13การตดตง XAMPP

XAMPP for windows เปนโปรแกรมจาลอง web serverเอาไวสาหรบทดสอบ สครปหรอเวบไซต ทเราพฒนาภายในเครองของเราเอง เวอรชนทจะแนะนาคอ XAMPP 1.6.8 bate 2 ซงเปนเวอรชนทดลองใชอยแตเทาทใชดกโอเค ดครบ ในตวนม * Apache HTTPD 2.2.9 + Openssl 0.9.8i * MySQL 5.0.67 * PHP 5.2.6 * PHP 4.4.9 * phpMyAdmin 2.11.9.2 * FileZilla FTP Server 0.9.27 * Mercury Mail Transport System 4.52

สามารถสลบระหวาง PHP 4 และ PHP 5 ทาการดาวนโหลดตวตดตงไดท http://www.apachefriends.org/

ขนาด ไฟลประมาณ 38 MB เมอทาการดาวนโหลดเสรจสนทาการตดตงเลยครบ โดยดบเบลคลกท xampp-win32-1.6.8-installer-beta2.exe

1.เลอกภาษาตดตง

2.next

Page 14: คู่มือการติดตั้งและใช้งานJoomla cms

14

3.กาหนดพาททจะตดตง ปกต อยท c:\xampp

Page 15: คู่มือการติดตั้งและใช้งานJoomla cms

15

4.เลอกตดตง service ทงหมด next ตอไป

5.เรมทาการตดตงรอสกคร

Page 16: คู่มือการติดตั้งและใช้งานJoomla cms

166.ทาการตดตงเสรจเรยบรอย กด finish

7.โฟลเดอรทใชเกบขอมลจะอยท C:\xampp\htdocs ลองเขาบราวดเซอร http://localhost เลอกภาษาทจะใชงาน จะพบหนาจะดงรป

Page 17: คู่มือการติดตั้งและใช้งานJoomla cms

178.เขาเมน Security เพอจดการกาหนดรหสผานสาหรบเขาใชงาน server และฐานขอมล

9.คลกท http://localhost/security/xamppsecurity.php

Page 18: คู่มือการติดตั้งและใช้งานJoomla cms

18

10.กาหนดรหสผาน ของ MySQL SuperUser หรอ root ยนยนรหสผานอกครง กด password changing

11.กาหนดชอผใชงาน ไดเรกทอร (เมอตองการ กาหนดหรอไมกได)

Page 19: คู่มือการติดตั้งและใช้งานJoomla cms

19

12.ระบบจะทาการบนทกรหสผานไวทไฟล ดงกลาว

13.ถาเรากาหนดรหสผานการเขาใชไดเรกทอร เวลาเขา http://localhost จะถามชอลอกอนและรหสผานดว

14.เมอเขา http://localhost/phpmyadmin/ รหสตามทตงไว

Page 20: คู่มือการติดตั้งและใช้งานJoomla cms

20 15.เขาปรบแตง FTP server (C:\xampp\FileZillaFTP\FileZilla Server Interface.exe)

16.กาหนดรหสผาน เสรจแลว กด ok

Page 21: คู่มือการติดตั้งและใช้งานJoomla cms

21

17.เขาเมน edit > users > General เลอกยส แกไขรหสผานใหม เสรจแลวกด ok

18.ตรวจด พาท ของ FTP วาถกตองหรอไม ปกตจะอยท C:\xampp\htdocs

Page 22: คู่มือการติดตั้งและใช้งานJoomla cms

22

19.ทาการสตารทเซอรวส ทงหมด โดยคลกท รป ดานบน

20.ทดสอบ ทาการงาน ของ FTP Server เขาทโปรแกรม FTP - host = localhost - username = newuser - password = ตามทไดตงไว

Page 23: คู่มือการติดตั้งและใช้งานJoomla cms

23

21.เขาปรบแตงโปรแกรม mail server คลกท admin ดงในรปดานลางน

22.เมน configruation > manage local user

Page 24: คู่มือการติดตั้งและใช้งานJoomla cms

24

23.เลอกท newuser กดchange

Page 25: คู่มือการติดตั้งและใช้งานJoomla cms

2524.เปลยน 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 ใหมอกรอบ

Page 26: คู่มือการติดตั้งและใช้งานJoomla cms

26

เมอ บตเครองใหม โปรแกรม FTP อาจจะไมทางาน ตองสงใหมนทางานดวยมอเอง ท C:\xampp\xampp-control.exe สงสตารท ทง FTP และ โปรแกรม mail server

Page 27: คู่มือการติดตั้งและใช้งานJoomla cms

27

เรมทาการตดตงและใชงาน

กอนทาการตดตงนนตองทาการดาวนโหลดสตรปสาหรบตดตงกอนครบ โดยสามารถดาวนโหลดไดท http://www.joomla.org เลอกเวอรชน joomla 1.5.14

คลกทรป Download Jomla

เลอกดาวนโหลดแบบ Full Package คลกทลงก ZIP

Page 28: คู่มือการติดตั้งและใช้งานJoomla cms

28

เลอก Save ไฟลไวในเครอง

รอจนดาวนโหลดเสรจสน

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

Page 29: คู่มือการติดตั้งและใช้งานJoomla cms

29

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

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

Page 30: คู่มือการติดตั้งและใช้งานJoomla cms

30ใหกอปปไฟลทงหมด นาไปวางไปบน web server จาลองทไดตดตงไวแลวตาม เนอหากอนหนาน (XAMPP) โฟลเดอร c:\xampp\htdocs\ ทาการสรางโฟลเดอรใหมทชอวา joomla แลวนาไฟลทไดกอปปไวแลวดงขางตน นามาวางในโฟลเดอร joomla น

รปโฟลเดอรททาการสรางขนในชอ joomla

เมอทาการกอปปแลวใหเขาทโปรแกรมเบราวเซอร (browser) พมพในชอง address http://localhost/phpmyadmin เพอเขาจดการสรางฐาน MySQL เอาไวสาหรบตดตง joomla

พมพชอ User name เปน root, password ตามทตงไวตอนตดตงโปรแกรม XAMPP จากนนคลกปม Go เพอลอกอนเขาระบบ

Page 31: คู่มือการติดตั้งและใช้งานJoomla cms

31

จะเขามาสหนาน ในชอง Create new database ใหพมพชอฐานขอมลตามตองการ (ในทนขอตงชอเปน joomla) จากนนคลกปม Create

เมอขนเครองหมายถกพรอมกรอบสเขยวแสดงวา การสรางฐานขอมลเสรจเรยบรอย

จากนนพมพในชอ address วา http://localhost/joomla สครปตดตงจะนาพามาสหนาตดตงโดยอตโนมต ใหทาการเลอกภาทใชในการตดตง ในทนขอเลอกเปนภาษาองกฤษ จากนนคลกปม Next (ดานมมบนขวามอ)

Page 32: คู่มือการติดตั้งและใช้งานJoomla cms

32

ตวหนงสอสแดงทขนวา no ใหปลอยไวยงไมตองสนใจในสวนน ใหคลก Next เพอไปขนตอนถดไป

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

Page 33: คู่มือการติดตั้งและใช้งานJoomla cms

33

ในสวนนใหใสรายละเอยดเกยวกบฐานขอมล

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

จากนนคลก Next

สวนของการกาหนดคา FTP ยงไมใชงานวางไวกอน จากนน คลกปม Next

Page 34: คู่มือการติดตั้งและใช้งานJoomla cms

34

ในสวนนเปนการกาหนดคาในขนตอนสดทาย

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

ในชองลงมา หากตองการตดตงขอมลตวอยางกใหคลกท install sample data (ในทนไมขอตดตงขอมลตวอยาง) ตากนนคลก Next จากนนจะมหนาตางขนมาใหยนยนวาขอมลดงกลาวถกตอง ให คลก OK

เขามาสหนาน ระบบจะบอกวา ชอผใชงานของคณคอ admin ระบบจะบอกใหทาการลบหรอเปลยนชอโฟลเดอร installation ยงไมตองไปไหนในขนตอนนใหทาการยอหนาตางเบราวเซอรไวกอน แลวใหทาการลบโฟลเดอร installation ทงกอน

Page 35: คู่มือการติดตั้งและใช้งานJoomla cms

35

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

จากนนมาทเบราวเซอร คลกท site เพอเขาดหนาเวบไซต หรอ admin เพอลอกอนเขาระบบ

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

Page 36: คู่มือการติดตั้งและใช้งานJoomla cms

36

Note คาทใชตอนตอไป - Front end คอสวนหนาเวบไซต ผใชทวไปทไมตองลงทะเบยนหรอมหนาทดแลระบบสามารถเขาถงได

- Back end คอสวนดานในเวบไซตทผดแลระบบใชจดการตงคาระบบ พมพเนอหาบทความตาง ๆ ผใชทวไปไมสามารถ

เขาถงหนานได

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

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

Page 37: คู่มือการติดตั้งและใช้งานJoomla cms

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

จากนนกด enter กจะเขาสหนาลอกอนของ back end

จากนนพมพ User Name คอ admin, password ตามทตงไวตอนตดตง จากนนคลก login

กจะเขาสหนา cpanel

Page 38: คู่มือการติดตั้งและใช้งานJoomla cms

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

คลกท logout ดานมมบนขวามอของหนาจอ การตงคาเบองตน

ทาการลอกอนเขาหนา back end ของระบบ จากนนคลกท Global Configuration หรอไปท admin menu >> Global Configuration

จะเขามาสหนาน

Page 39: คู่มือการติดตั้งและใช้งานJoomla cms

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 เพอบนทกการตงคาทไดกระทาลงไป

Page 40: คู่มือการติดตั้งและใช้งานJoomla cms

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 - ผดแลระบบแบบซปเปอร กลมนอนญาตใหเขาถงการจดการฟงกชนทงหมด

Page 41: คู่มือการติดตั้งและใช้งานJoomla cms

41การสรางหมวดหมไวเกบเนอหาเวบไซตใน 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 แทน

Page 42: คู่มือการติดตั้งและใช้งานJoomla cms

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 (ไมตองกาหนดกได)

Page 43: คู่มือการติดตั้งและใช้งานJoomla cms

43

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

คลกท Section manager หรอ เขาท admin menu >> content >> section manager

จากนนคลก New เพอสราง Category ใหม

Page 44: คู่มือการติดตั้งและใช้งานJoomla cms

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

Page 45: คู่มือการติดตั้งและใช้งานJoomla cms

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

คลกท Add new Article

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

จากนนคลกท New

Page 46: คู่มือการติดตั้งและใช้งานJoomla cms

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 ททาการเกบบทความ

สวนนสาหรบพมพ ขอความบทความตาง ๆ ใสรปภาพ หรออะไรทตองการได

Page 47: คู่มือการติดตั้งและใช้งานJoomla cms

47การใสรปภาพลงในบทความ การใสรปภาพ โดยใชรปภาพทมอยแลว หรออพโหลดจากเครองคอมพวเตอรของคณ

คลกท Image

เลอกรปทตองการจาก โฟลเดอรทม หรออพโหลดจากเครองคอมพวเตอรของคณ โดยการ Browser เมอเลอกภาพไดแลวกคลก start upload เมอเลอกรปได แลวใหคลก insert เพอแทรกรปภาพลงบนบทความ การแทรกภาพลงบนบทความดวยลงก URL

คลกทรปตนไม จะขนหนาตางใหใสรายละเอยด

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

Page 48: คู่มือการติดตั้งและใช้งานJoomla cms

48

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

ตองการจะตดบทความใหเขามาอานตอตรงสวนไหน กนาเคอรเซอรมาวางแลว คลกท read more

จะเกดเสนขนใหเราเหนวาสวนนลงไปเปนสวนทตองเขามาอานตอ

Page 49: คู่มือการติดตั้งและใช้งานJoomla cms

49

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

ตองการจะแบงบทความตรงสวนไหน กนาเคอรเซอรมาวางแลว คลกท Page Break

จะปรากฏหนาตางนขนมา page title ใสชอตามตองการ Table of contents alias ควรกาหนดเปนภาษาองกฤษ จะดทสด

Page 50: คู่มือการติดตั้งและใช้งานJoomla cms

50

รปแบบการแสดงผลจะเปนแบบน มสารบญอยดานขางของบทความ การไมใช เครองมอ editor สามารถทาไดโดยไมใช เครองมอ editor หรอเครองมอในการสรางบทความ แถบเครองมอทเหนมหนาทอานวยความสะวกในการแทรกคาสง ตาง ๆ ลงไปไดรวดเรวขนโดยทไมตองมานงพมพ แทกคาสงเอง ทงหมด

หากตองการแทรกคาสง HTML เองกสามารถทาไดโดย คลกท Toggle Editor

จะเหนคาสงทสามารถแกไขไดเอง

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

Page 51: คู่มือการติดตั้งและใช้งานJoomla cms

51

สวนนเปนการกาหนดชอผเขยน ชอแทนผเขยน วนททาการสรางบทความ คณสามารถกาหนดวนท งดเผยแพรบทความไดทนดวย การกาหนดพารามเตอรแบบ advanced

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

การกาหนด metadata information

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

- Description ใสคาอธบายเกยวกบบทความ วาเปนบทความอะไร กาหนดตามตองการ - Keywords ใสคาคนหาหลกสาหรบบทความ กาหนดเปนคา ๆ หรอประโยคทสนเขาใจงายสามารถใสเทาไหร

กไดโดยการเวนขนคาใหมใหใช (,) จลภาค ขนไว เชน joomla, joomla thai เปนตน - robots เปนคาสงทใชบอก robots (โปรแกรมสาหรบคนหาของ Search Engine) วาวรจะตองทาอะไรในบทความ

น คาสงหลก ๆ มดงน - index ใหนาบทความนไปแสดงท Search Engine - follow ใหคนหาตอ กรณมลงกในบทความและตองการให robots ไปตามลงก URL ปลายทาง

Page 52: คู่มือการติดตั้งและใช้งานJoomla cms

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

ใสคาสงใดคาสงหนงกได หรอใสทงสองคาสงโดยใช (,) ขนระหวางคาสง การใชงาน menu manager การสรางเมนลงกไปหาบทความ section และ category ทาไดโดยคลกท menu manager

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

จากนนคลกท new เพอทาการสรางเมนยอย ใน main menu

Page 53: คู่มือการติดตั้งและใช้งานJoomla cms

53

คลกเลอก Articles

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

- Archive คอลงกไปหาบทความทถกเกบ - Article คอลงกไปหาบทความ - Category คอลงกไปหา Category - Section คอลงกไปหา Section

รปแบบการแสดงผล

Page 54: คู่มือการติดตั้งและใช้งานJoomla cms

54 จะเหนวามสวนของ blog layout และ list layout blog layout จะเปนแบบรปดานลางเหมอนหนา front page

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

เมอเขาใจรปแบบการแสดงผลแลวตอไปกทาเมนลงกไปหาบทความตามตองการ ในทนจะทาลงกไปหา section

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

Page 55: คู่มือการติดตั้งและใช้งานJoomla cms

55

เลอก section ทตองการ เมอกาหนดเรยบรอยแลวกคลก save เพอบนทกการเปลยนแปลง

จะเหนเมนทสรางขนดงในรป

การสรางลงกเมนอน ๆ กทาลกษณะคลาย ๆ กนน

Page 56: คู่มือการติดตั้งและใช้งานJoomla cms

56การสรางเมนใหม เมนนมลกษณะการทางานเหมอนกบ main menu ไปท admin menu >> menu manager

คลกท new เพอสรางเมนใหม

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

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

Page 57: คู่มือการติดตั้งและใช้งานJoomla cms

57 การใชงานเมนทสรางน จะเหมอนกบการใชงาน main menu ดงทกลาวมาแลวในขางตน

เมนทสรางใหม จะกลายเปนโมดล ไปโดยอตโนมต Trash manager ทางานเปนถงขยะ มในสวนของ article และ menu เทานน ประโยชนคอเมอคณทาการลบ บทความหรอเมน บทความหรอเมนดงกลาวจะลงมาอยในถงขยะ เพอปองกนความผดพลาดกรณลบผดหรอตองการนามาใชใหม ได ถาทาการลบออกจาก ถงขยะนบทความหรอเมนนนจะหายไปและไมสามารถกไดอกตอไป

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

Page 58: คู่มือการติดตั้งและใช้งานJoomla cms

58User Manager สวนจดการผใช สามารถลบ แกไขชอ รหสผาน กาหนดสทธการใชงาน เพมผใชงานใหมไดทน ผทมสทธใชในสวนนคอ administrator และ super administrator

การเพมผใชงานใหม คลกท New กรอกรายละเอยด name, username, e-mail, password กาหนด group จากนนคลก save

Page 59: คู่มือการติดตั้งและใช้งานJoomla cms

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

เลอนมาทแทบเมน categories เพอสราง categories กอนเพอใชในการเกบ banner clients คลกท new เพอสราง categories

Page 60: คู่มือการติดตั้งและใช้งานJoomla cms

60ตงชอตามตองการเหมอนขนตอนการสราง section

เลอนมาแทบเมน clients คลก new เพอสราง banner clients ใหม กาหนดชอ ชอผตดตอ อเมล และคาอธบายเกยวกบแบนเนอร จากนนทาการ save

เลอนมาแทบเมน banners คลก new สราง banner ใหม จากนนทกหาร save

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

Page 61: คู่มือการติดตั้งและใช้งานJoomla cms

61การสรางแบนเนอรโดยใช Banner Code

นาโคดปายโฆษณามาใสในชอง 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 ปลายทาง

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

Page 62: คู่มือการติดตั้งและใช้งานJoomla cms

62การสรางรายชอผตดตอ Contact ไปท admin menu >> component >> contacts

คลกแทบเมน Categories จากนนคลก new เพอสราง Categories ใหม

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

Page 63: คู่มือการติดตั้งและใช้งานJoomla cms

63คลกแทบเมน Contacts จากนนคลก new เพอสรางชอผตดตอ

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

ในชอง information ใสรายละเอยดเกยวกบทอยตดตอ

Page 64: คู่มือการติดตั้งและใช้งานJoomla cms

64กาหนดพารามเตอร ตองการจะแสดงหรอไมแสดงในสวนไหนของ contact ใหผเยยมชมเวบไซตเหน

Advanced Parameter สาหรบเลอกรปไอคอน

Page 65: คู่มือการติดตั้งและใช้งานJoomla cms

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

Page 66: คู่มือการติดตั้งและใช้งานJoomla cms

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

คลกแทบเมน Categories จากนนคลก new เพอสราง Categories ใหม

ใสชอ title, alias, description จากนน save

Page 67: คู่มือการติดตั้งและใช้งานJoomla cms

67คลกแทบเมน Feeds คลก New เพอสราง Feed ใหม

ใส name, alias, เลอก category , ใส link เมอกาหนดทกอยางเสรจ คลก svae

Page 68: คู่มือการติดตั้งและใช้งานJoomla cms

68ตวอยางลงก feed

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

จากนนคลก new สรางเมนใหม คลกเลอก news feed

Page 69: คู่มือการติดตั้งและใช้งานJoomla cms

69

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

Page 70: คู่มือการติดตั้งและใช้งานJoomla cms

70ตงชอ title, alias เลอก feed ทาการ save

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

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

ไปท admin menu >> components >> polls

Page 71: คู่มือการติดตั้งและใช้งานJoomla cms

71 คลก New

Option ของ poll มทงหมด 12 ตวเลอก

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

จากนนทาการ save

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

Page 72: คู่มือการติดตั้งและใช้งานJoomla cms

72Search component

เปนสวนเกบสถตการคนหาภายในเวบไซต ปกตจะปดการทางาน สามารถเปดการทางานไดโดยคลกตงคาท parameter

คลก yes จากนน save

ระบบจะทาการเกบขอมล คาคนหาทผใช ใชคนหา จานวนครงททาการคนหา

Page 73: คู่มือการติดตั้งและใช้งานJoomla cms

73Web Link Manager สาหรบเกบลงก URL ของเวบไซตตาง ๆ ใหเปนหมวดหม งายตอการใชงาน

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

คลกทแทบเมน Categories จากนน คลก new เพอสราง Categories

ใสชอ tile, alias

Page 74: คู่มือการติดตั้งและใช้งานJoomla cms

74

คลกทแทบเมน links จากนน คลก new เพอสราง links

ใสขอมลตาง ๆ ของลงก ตามตองการ จากนน save

เลอกรปแบบการแสดงผล - all category การแสดงผลรวมทก ๆ category - category การแสดงเฉพาะ category ทระบ - web link submission layout สาหรบใสเวบลงกใหม ในหนา front end

Page 75: คู่มือการติดตั้งและใช้งานJoomla cms

75

ตงชอ title, alias เลอก category ทาการ save

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

Page 76: คู่มือการติดตั้งและใช้งานJoomla cms

76Media Manager สวนนมไวสาหรบจดการเกยวกบรปภาพตาง ๆ ทงสรางโฟลเดอรสาหรบเกบไฟลภาพ อพโหลดรปภาพ ลบรปภาพ

การสรางโฟลเดอรสาหรบรปภาพ พมพชอทตองการแลวคลก Create Folder

Page 77: คู่มือการติดตั้งและใช้งานJoomla cms

77การอพโหลดรปภาพ

คลก Browser จะปรากฏหนาตางสาหรบเลอกไฟลภายในเครอง จากนนกด open คลก Start Upload

การลบรปภาพ

คลกเลอกรปทตองการลบจากนนคลก Delete กรณตองการลบหลายรป การลบรปเดยวใหคลกเครองหมายกากบาทสแดงใตรปภาพ

Page 78: คู่มือการติดตั้งและใช้งานJoomla cms

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 ตองแนใจวาใชงานกบเวอรชนไหน ไมเชนนนจะไมสามารถตดตงได

Page 79: คู่มือการติดตั้งและใช้งานJoomla cms

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

เลอกแทบเมน Extensions ทตองการถอนการตดตง

คลกเลอก extension ทตองการ จากนน คลก uninstall

Page 80: คู่มือการติดตั้งและใช้งานJoomla cms

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

ทาการสรางเมนคนหา (Search) มาท menu manager คลกท new เพอสรางโมดลใหม

คลกเลอกท Search จากนนคลก Next

Page 81: คู่มือการติดตั้งและใช้งานJoomla cms

81

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

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

Page 82: คู่มือการติดตั้งและใช้งานJoomla cms

82

การใชงานพมพขอความในชอง subject, message เลอกรปทตองการสง จากนนคลก Send mail

Clean Cache Cache เปนไฟลชวคราว ทระบบเกบไว เมอมผใชเปนประจา เพอเปนการลดจานวนการคนหาขอมล จากฐานขอมล เปนการเพมประสทธภาพ การแสดงขอมลทรวดเรวยงขน เพราะขอมลทใชประจา ๆ จะอยใน Cache ระบบไมจาเปนตองไปคนหาขอมลในฐานขอมลใหมทงหมด

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

Page 83: คู่มือการติดตั้งและใช้งานJoomla cms

83

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

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

Purge Expired Cache สาหรบลบเฉพาะ cache ทหมดอายแลวเทานน

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

Page 84: คู่มือการติดตั้งและใช้งานJoomla cms

84

ลงมอปฏบต

Page 85: คู่มือการติดตั้งและใช้งานJoomla cms

85

เรมทาการสรางเนอหา และสวนประกอบตาง ๆ บนเวบไซต เมอเรมเขาใจหลกการทางาน การสรางเนอหา สราง section และ category แลว คราวนมาเรมสราง เนอและโมดลกนเลย

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

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

Page 86: คู่มือการติดตั้งและใช้งานJoomla cms

86

โดยจะเลอก template ตามในรป จากนนกหาดาวนโหลดมาไวในเครอง เลอกเวอรชนใหตรงกบ joomla ทใช ทาการตดตง template ไปท admin menu >> extensions >> install/uninstall

คลก Browser เพอเลอกไฟล template ทดาวนโหลดมา

Page 87: คู่มือการติดตั้งและใช้งานJoomla cms

87

เมอเลอกไฟลทจะทาการตดตงไดแลว ใหทาการคลก Upload file & install

เมอตดตงสาเรจ จะขนคาวา Install Template Success

Page 88: คู่มือการติดตั้งและใช้งานJoomla cms

88

จากนนเขา Template manager

จะเหน Template ทเราไดทาการตดตงไปแลว เมอสกคร

การเปลยน template สามารถทาไดโดยการคลกเลอกทหนาชอ template ทตองการจากนนคลก Default (รปดาวสเหลอง)

Page 89: คู่มือการติดตั้งและใช้งานJoomla cms

89

จากนน ลอง preview ด

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

Page 90: คู่มือการติดตั้งและใช้งานJoomla cms

90การแกไข template สามารถทาไดดดยการคลกเลอกท template ทตองการ จากนนคลก edit

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

กอนจะวางตาแหนงโมดล บนหนา template เราตองรกอนวา ใน template นมการกาหนดโมดลไวตรงสวนไหนบาง หากไมทราบ ใหใชการกาหนดแบบเดาสม เลอกตรงไหนแลวขนตรงนนกวางตามความเหมาะสม

Page 91: คู่มือการติดตั้งและใช้งานJoomla cms

91

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

จากนนคลกเขาไปท main menu

User3

User4

Right

Left

Body

Debug

Page 92: คู่มือการติดตั้งและใช้งานJoomla cms

92

เลอก position เปน left จากนน save

Main menu กจะมาอยดานซายมอของจอภาพ จากนนจะทาการสรางเมนคนหา (Search) มาท menu manager คลกท new เพอสรางโมดลใหม

Page 93: คู่มือการติดตั้งและใช้งานJoomla cms

93คลกเลอกท Search จากนนคลก Next

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

Page 94: คู่มือการติดตั้งและใช้งานJoomla cms

94จากนนคลก save แลวลอง preview

จะเหนวาโมดลคนหาไดเพมขนมาตามทเราตงไว สรางโมดล Who’s online ไวทางดานตาแหนงขวาของ template ทาตามขนตอนเดมดงทกลาวขางตน

เลอกท Who’s online

Page 95: คู่มือการติดตั้งและใช้งานJoomla cms

95

ตงชอโมดล เลอกตาแหนง position right จากนนทาการ save

โมดล Who’s online เพมขนมาทางดานขวา

Page 96: คู่มือการติดตั้งและใช้งานJoomla cms

96ตอไปสรางเนอหา เพอนามาแสดงทหนา Front page

เนอหาทถกสรางเพอนามาแสดงบนหนาเวบไซต

Page 97: คู่มือการติดตั้งและใช้งานJoomla cms

97สรางโพล (Poll) เพอสารวจความคดเหนเกยวกบเวบไซตน ใน joomla มระบบโพล (Poll) อยแลว ไมตองตดตงเพมเตม ไปท admin menu >> components >> polls

คลก New

Page 98: คู่มือการติดตั้งและใช้งานJoomla cms

98

Option ของ poll มทงหมด 12 ตวเลอก

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

จากนนทาการ save

จากนนมาท module manager เลอก new เพอสรางโมดล poll ใหม

Page 99: คู่มือการติดตั้งและใช้งานJoomla cms

99

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

โมดลโพลทไดสรางขนมา

Page 100: คู่มือการติดตั้งและใช้งานJoomla cms

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

เลอนมาทแทบเมน categories เพอสราง categories กอนเพอใชในการเกบ banner clients คลกท new เพอสราง categories

ตงชอตามตองการเหมอนขนตอนการสราง section

Page 101: คู่มือการติดตั้งและใช้งานJoomla cms

101

เลอนมาแทบเมน clients คลก new เพอสราง banner clients ใหม กาหนดชอ ชอผตดตอ อเมล และคาอธบายเกยวกบแบนเนอร จากนนทาการ save

เลอนมาแทบเมน banners คลก new สราง banner ใหม จากนนทกหาร save

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

Page 102: คู่มือการติดตั้งและใช้งานJoomla cms

102จากนนมาท module manager คลก New เพอสรางโมดล banner ใหม

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

ตงชอโมดล กาหนด position จากนนทาการ save

Page 103: คู่มือการติดตั้งและใช้งานJoomla cms

103

ตาแหนง banner ทเพมขนมา

Page 104: คู่มือการติดตั้งและใช้งานJoomla cms

104เกรดความรเลก ๆ นอย ๆ ขนตอนในการ Upgrade Joomla

เนองจาก joomla มผใชจานวนมาก และมผพฒนาตอเนอง และไมมโปรแกรมใดสมบรณแบบ 100% ดงนนผพฒนาจงทาการปรบปรงชองโหวและแกไขขอผดพลาดตาง ๆ เพมเตมสวนทจาเปนหรอพฒนาใหเกดรปแบบใหม ๆ ออกมาเรอย ๆ ทาใหเราตองทาการอพเกรดระบบของเราใหทนตามยคสมย ไมใชวาเชย นะครบแตเพอความปลอดภยของเวบไซตเรา ถาเวบไซตเราโดงดงขนมา ระบบเกา ๆ อาจจะเปนทสนใจของบรรดาผร ผทดลองทงหลาย แฮกเขามาทามดมราย กบขอมลของเราได บรรยายมานานแลว เรมอพเกรดเลยดกวา

กอนอนกตองรกอนวา joomla เรารนไหน โดยดไดท หนา back end มมขวาดานบนสด

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

Page 105: คู่มือการติดตั้งและใช้งานJoomla cms

105

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

Page 106: คู่มือการติดตั้งและใช้งานJoomla cms

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

ลอกอนเขาไปดผล ใหม เปนตามเวอรชนทเราอพเกรดหรอไม

Page 107: คู่มือการติดตั้งและใช้งานJoomla cms

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.

Page 108: คู่มือการติดตั้งและใช้งานJoomla cms

108สแดงแสดงวาตองปรบปรง สเหลยงใชได สเขยวดเมอทาการแกไขแลวใหลองมาตรวจสอบอกครง วาจะผานไหม

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

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

cache (system cache) แค ชเปนอกทางหนงทชวยให joomla โดยหลกการทางานของแคช การเกบไฟลทใชงานบอยหรอใชงานเปนประจานน ไวในแคช เมอมการเรยกใชงานครงใหม กจะนาขอมลจากแคชไปใชงานไดโดยตรง ไมตองไปประมวลผลหรอเรยกหาขอมลในฐานขอมลอกครง

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

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

• คอมโพเนนท - ยกเลกหรอถอนการตดตง คอมโพเนนททไมใชงานออก

• ปลกอน - ควรคดถงประโยชนสงสดกอนทจะทาการตดตง ปลกอนนนลงไป เชน ถาตดตง JCE ลงไป คาขอ HTTP เพมขน 11 คาสง กาลงโหลดทเพมขนอก 50 วนาท (อนเตอรเนต 56k) javascript เพม CSS เพม โดยรวมตองโหลดเพมอก 225396 ไบต Real time monitoring (live users – stats)

• ปดการเกบสถตทงหมดใชเพยงแค Google Analytics แทนกพอ การเกบสถตนน จะเกบไวในฐานขอมลทาใหเสยเวลาในการคนหาขอมลในฐานขอมลเปนจานวนมาก ทงบคคลทสาม คอมโพเนนท โมดล ทางน google ชวยทาได

o template ควรนาเทมเพต ทาการ analyzer กอนวาควรแกไขจดไหน

o เพมประสทธภาพ CSS โดยใชเครองมอนในการ http://www.cssoptimiser.com/index.php, สามารถรนออนไลทได สามารถชวยลดขนาดของไฟล css ได 10 - 30 %

o ทาการบบอดไฟล js โดยใชเครองมอ http://javascriptcompressor.com/ รนไฟลผานเบราเซอร ผลลพธคอ ลบไฟล js ทไมจาเปนและไมเปนปญหาตอการแสดงผลหนาเวบเพจ

o อยาใชเครองมออพโหลดรปภาพทลดขนาดรปภาพโดยอตโนมต ใหใชการยอรปภาพดวยตนเองดกวาโดยอาจจะใช photoshop และเลอก save for web ในภาพแตละภาพไมควรมขนาดใหญกวา 10k เปนด เพยงพอตอการมองเหนรายละเอยดของรปภาพ

Page 109: คู่มือการติดตั้งและใช้งานJoomla cms

109o CSS image เปนภาพทโหลดโดยเทมเพลท ของคณ หากคณใชจานวน CSS image นอยกจะทาใหโหลดหนา

เวบเพจเรวยงขน

o ลาง joomla ลบโมดล ปลกอน คอมโพเนนท ทไมจาเปนหรอไมไดใชประโยชนออก

o ใชเครองมอรวม CSS js เพอลดการรองขอของ HTTP เชน minify ซงทางานแยกออกจากตว joomla หรอ com_minify ซงสามารถตดตงใชงานบน joomla ไดเลย

การใชงาน system legacy

Legacy โหมดถกสรางขน เพอใชกบ joomla 1.5 ใหสามารถใชงาน extensions ของเวอรชน 1.0 ได โดยตองเปดโหมด system legacy ขนตอนการเปดใชงานโหมด system legacy มดงน

ไปท admin menu >> extensione >> plugin manager หาปลกอนทชอ system - legacy

ทาการ enable

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

Page 110: คู่มือการติดตั้งและใช้งานJoomla cms

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

Page 111: คู่มือการติดตั้งและใช้งานJoomla cms

111เพอความปลอดภยของเวบไซต เมอทาการตงคาเสรจใหเปลยนคา permissions ของไฟล configuration.php เปน 640 (chmod 640)

ทาให url joomla 1.5 เปน search engine friendly

ทาให url joomla 1.5 เปน search engine friendly เพอทา seo แลวมนมประโยชนอะไร คอ ชวยใหเวยเราตดอนดบใน search engine งายมากขน เมอตดอนดบมากขน คนกเขามากขนเปนทรจกมากขน ปจจบนน คนกใช search engine กนทงนน เรยกวาแทบทกคนเลยดวยซา คดอะไรไมออกบอก google (สาหรบเมองไทยนะ ตางประเทศเขากนยมอกแบบตามแบบของเขา) มาดดกวา -- URL แบบทยงไมเปดใช search engine friendly http://127.0.0.1/joomla15test/index.php?option=com_content&view=article&id=19:joomla-overview&catid=29:the-cms&Itemid=37 เปนแบบนเปนทจดจายาก เตมไปดวยพารามเตอรและเซสชนมากมาย -- URL แบบทเปดใช search engine friendly http://127.0.0.1/joomla15test/joomla-overview/more-about-joomla/29-the-cms/19-joomla-overview.html งายกวาเดมขนเยอะ

การเปดใชงาน search engine friendly เขาไปเปดไดเลยท Global Configuration(รปดานบน)

จากนนตงคาตามรปเลย

จากนนไปแกไฟล htaccess.txt เปน .htaccess สาคญคอ Alias ใน section,category,menu,content ใสใหหมดและหามซากน เชน http://www.youdomain.com/youcategory/18-joomla-youpage.html youcategory มาจาก Alias ของ category 18-joomla-youpage มาจาก Alias ของ content http://www.youdomain.com/youpage.html youpage มาจาก Alias ของ menu มนจะทาให google คนหาเวบเราไดงายขนใชไดกบโฮส Apache ทเปด mod_rewrite เทานน สวนถาเวบคณอยบน subdirectory เชน http://www.yourdomain.com/th ไฟล .htaccess ตรง #RewriteBase /

Page 112: คู่มือการติดตั้งและใช้งานJoomla cms

112แกเปน ในไฟล .htaccess ไมตองแกอะไรเลย

มาเปลยน favicon ให joomla กนเถอะ

- favicon มไวทาไม favicon ทมอยตรงหนา address bar นนเปนรปสญลกษณแทน สงของหรอบคคลนนๆ จะชวยใหมนษยจดจาไดด จะ ทาใหสมาชก หรอแขกผเยยมชมนน สามารถจดไดวาไอคอนนนะ...เปนของเวบนๆ ซงจะทาใหชวยในการจดจาไดมากขน ทางวทยาศาสตรเขาวางน เวลา เรากด Bookmarks หรอ บนทกหนานนไวเปน รายการโปรด ของเรากจะเหนไอคอนนนไดเดนชด ใน joomla 1.5 นนจะเกบรปสญลกษณ ไวในชอ favicon.ico จะอยในพาท /templates/youtemplate/favicon.ico สาหรบ favicon หนา front end และหนา back end จะอยท administrator/templates/khepri/favicon.ico สาหรบเทมเพลทมาตรฐานทมอยแลว - ขนาดมาตรฐานของ favicon กมขนาด 16*16 Pixel มนามสกลเปน *.ico ชอกตงเปนมาตรฐานตามเขาคอ favicon อาาจะใชโปรแกรมตกแตงภาพทาขนมาเองหรอใชบรการจากเวบไซตซงกทางาย ๆ แคเตรยมรปไวและวเขาไปทเวบ http://www.html-kit.com/favicon/ หรอเวบอน ๆ ทมบรการทาให เมอได ไอดอนแลวกจดการอพโหลดไปทบ favicon.ico ทมอยเดมใน joomla

- /templates/youtemplate/favicon.ico สาหรบ favicon หนา front end

- หนา back end จะอยท administrator/templates/khepri/favicon.ico

RewriteBase /th

Page 113: คู่มือการติดตั้งและใช้งานJoomla cms

113

Page 114: คู่มือการติดตั้งและใช้งานJoomla cms

114Upload joomla ททาเสรจจากเครองขน hosting หลาย ๆ ทานอาจจะนงทาเวบในเครองตนเองโดยใชโปรแกรม web server ตดตงในเครองกอน เพอความรวดเรวและสะดวกในการปรบแตงและไมคอยยงยากเหมอน ทาใน host จรง ๆ เสรจแลวทาการอพขน host ในทเดยวเลย ในครงน เราลองมาอพโหลดเวบ ททาโดยสครป joomla จากเครองตนเองขน hosting กนเถอะ 1.กอนอนกทาการ export ฐานขอมลของ joomla ททาไวในเครองออกมากอนครบ โดยเขาหนา phpmyadmin (http://localhost/phpmyadmin) เลอกฐานขอมลของ joomla ทาการคลกทเมน export

Page 115: คู่มือการติดตั้งและใช้งานJoomla cms

115 กจะมาสหนานจดการเลอกท select all เพอเลอกทจะนาฐานขอมลทงหมดออกมา จากนนเลอกท SQL (ทวงกลมไวนะครบ) เลอกท save as file จากนนกด GO

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

Page 116: คู่มือการติดตั้งและใช้งานJoomla cms

116

จากนนทาการลอกอนเขา phpmyadmin ของ host การเขาจดการฐานขอมลดวยโปรแกรม phpmyadmin ของแตละ host จะแตกตางกน แลวแต control panel ททาง host เลอกใช

เมอลอกอนเขา phpmyadmin เรยบรอยแลว ใหทาการ import ฐานขอมล ดวยเมน import ดงรปดานลาง

กดปม bowser... เลอกไฟล SQL ทเซฟไวตามขนตอนขางตน จากนนกด GO เพอนาเขาฐานขอมล

Page 117: คู่มือการติดตั้งและใช้งานJoomla cms

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 = '[email protected] '; ชอผใช 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 = 'รหสผานฐานขอมล';

Page 118: คู่มือการติดตั้งและใช้งานJoomla cms

118

หากไมรพาทของ host กสามารถดไดดงน - ทาการสรางไฟล php ขนมา 1 ไฟล ทาใน notepad กได ใสสครป php นลงไป

เซฟ เปนชอ phpinfo.php แลวทาการอพโหลดขน host เรยกตาม url (http://www.youdomain.com/phpinfo.php) ทาการหาพาทไดในนน เซฟไฟล configuration.php ทาการอพโหลดขน host จรง โดยใชโปรแกรม FTP อยางเชน โปรแกรม FileZilla (ดาวนโหลดใชงานไดฟร)

ใสชอ host ชอยสสาหรบลอกอน และรหสผาน (ในชองทขดเสนสแดงไว) จากนนกด Quickconnect อพโหลดสครปไฟล joomla ทงหมดขนบน host เปนอนเสรจสน การอพ โหลด joomla จากเครองขน host ใชเพยงการแกไขไฟล configuretion.php เพยงไฟลเดยว สาคญตองใสพาท ชอฐานขอมล ชอผใชฐานขอมลและรหสผานใหถกตอง

<? phpinfo () ; ?>

Page 119: คู่มือการติดตั้งและใช้งานJoomla cms

119 การใชงาน phpmyadmin เบองตน phpmyadmin เปนโปรแกรมจดการฐานขอมล MySQL ผานทางเวบบราดวเซอร ซงเปนเครองมอ ทสะดวกในการจดการฐานขอมลในระยะไกล การใชงานนนกไมยงยากอะไร แตจะขอกลาวแบบพน ๆ ทใชงานกน เชน การสรางฐานขอมล การนาเขาฐานขอมล การนาออกฐานขอมลการลบตารางฐานขอมล ทจาเปนตองใชกนเปนประจา อยแลว 1.การสรางฐานขอมล Create new database

กอนอนกใหทาการลอกอนเขา phpmyadmin กอน ซงการเขาระดบลอกอนของ phpmyadmin ของแตละ host กม URL ทแตกตางกนไป ตามแตโปรแกรมทผใหบรการ host นนตดตง

Page 120: คู่มือการติดตั้งและใช้งานJoomla cms

120เมอลอกอนเขามาแลวจะเหนชองใหกรอกชอฐานขอมลทตองการสราง Create new database เมอกรอกชอฐานขอมลทตองการเสรจใหกด ปม Create

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

Page 121: คู่มือการติดตั้งและใช้งานJoomla cms

121เมอทาการสรางฐานขอมลเสรจ หนาเวบจะนาพามาสหนาน เลอกแทบ import ดานบน

ในชอง Location of the text file ใหคลกทปม Browse.. เพอเลอกฐานขอมลทตองการนาเขา โปรดสงเกต ตรง Max : ดวยวา ใหนาเขาฐานขอมลขนาดไมเกนเทาไหร ถาฐานขอมลมขนาดพนทใหญกวาทกาหนดจะไมสามารถนาเขาฐานขอมลได หมด ฐานขอมลทจะนาเขาตองมนามสกล *.sql เมอเลอกฐานขอมลทจะนาเขาเสรจเรยบรอยใหกด ปม Go

3.การสงออกฐานขอมล Export database ในกรณนเปนการนาฐานขอมลออกมา เพอนาไปตดตงทอน หรอสารอง เอาไวเผอ เกดความเสยหายของฐานขอมล

Page 122: คู่มือการติดตั้งและใช้งานJoomla cms

122แทบดานบนเลอกท Export

เลอกตาราง ทตองการนาออก หรอเลอกทงหมด 1.ใหเลอกนาออกไฟลเปน SQL 2.คลกเลอก save as file 3.กดปม Go จากนนโปรแกรมจะทาการเซฟและดาวนโหลดมายงเครองคอมพวเตอรของเรา

Page 123: คู่มือการติดตั้งและใช้งานJoomla cms

1233.การลบตารางฐานขอมล Drop Table database

คลกเลอกตารางทตองการลบ เลอกทดรอบดาวนเมน "Drop" จากนนโปรแกรมจะถามเพอเปนการยนยนวาตองการจะลบจรงหรอไม ใหกดปม yes

การกระทาใด ๆ ใหแนใจวาไดสารองฐานขอมลไวแลว เพอกนความผดพลาดทอาจจะมานงปวดหวในภายหลงได

Page 124: คู่มือการติดตั้งและใช้งานJoomla cms

124การใชงาน filezilla FTP manager

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

กจะมหนาตาอยางนขนมา

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

Page 125: คู่มือการติดตั้งและใช้งานJoomla cms

125

การอพโหลดขอมลจากเครองขน server กมาทฝงซาย คลกทไฟลทตองการอพโหลดแลวคลกขวา จะมเมนแสดงขนมา คลกท upload

Page 126: คู่มือการติดตั้งและใช้งานJoomla cms

126

การดาวนโหลดขอมลจาก server ลงมายงเครองเรา กมาฝงขวามอ เลอกไฟลทตองการเสรจแลวคลกขวา เลอกเมน download

รปดานบนเปนการแกไขไฟล ทเปนไฟลสครป ของโปรแกรม ทขางในนนเปน text file หรอไฟลทเปนตวอกษรขางใน

Page 127: คู่มือการติดตั้งและใช้งานJoomla cms

127รปดานบนเปนการสรางไดเรกทอร ฝง server สวนทางดานเครองเรากสามารถทาได ดวยวธนเชนกน

การเปลยนคา permission หรอการกาหนดสทธในการใชไฟล ทาโดยการคลกขวาไฟลหรอไดเรกทอรทเลอก เลอกทเมน file attributes...

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

Page 128: คู่มือการติดตั้งและใช้งานJoomla cms

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