คู่มือ อบรม joomla! 3.x

www.colorpack.co.th

3

พศาล เชอชาตไชย (บ)

Project Manager - ColorPack Creations Co., Ltd.

www.facebook.com/chueachatchai

www.colorpack.co.th

www.joomlachannel.com

ทำเวบเพออะไร

เขาใจเปาหมายของเวบททำ

การวางแผนทด

ออกแบบใหใชงานงาย

กำหนดกลมเปาหมาย

2. เมอมาแลวเขาจะไดอะไรกลบไป ?

3. เมอมาแลวอยากใหเขาจะทำอะไรกบเวบเรา ?

1. คนกลมไหนทเราตองการใหมาเวบเรา ?

เพมคนเขาเวบ

Joomla! เปนระบบจดการเนอหาบนเวบ หรอ CMS (Content management system) ทเปน Open Source ทเขยนดวยภาษา PHP และ

ใชฐานขอมล MySQL

- ใชงาย (ตองเรยนร) - เปดเผยโคด Open Source - รองรบเวบไซตขนาดใหญ - ฟร (ถาลงมอทำเอง) - ลขสทธเปนแบบ GNU/GPL

ทำไมเลอก joomla!

ใครใช Joomla! บาง

ขนตอนการสรางเวบไซตโดยทวไป1. จดชอโดเมน (Domain Name)2. เชาพนทเกบเวบ (Hosting)3. ออกแบบเวบไซต ตามแผนงาน4. Upload เวบขน hosting5. ประชาสมพนธเวบไซตใหเปนทรจก6. Update และพฒนาเวบไซต

IP Address หมายเลขประจำเครองคอมพวเตอรหรออปกรณทใชเชอมตอกบ internet เชน

203.146.102.112 203.150.3.242 192.168.1.1 10.107.1.1

ชอโดเมน คอ ชอเรยกเสมอน เชน www.webmaster.or.th

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

Install Joomla!

การตดตงจมลา

Site Name = ชอของเวบ อาจใสชอ องคกร กลม

Description = ขอความอธบายเวบ ใสขอความอธบายวาเวบทำเกยวกบอะไร

Admin Email = ใสอเมลของผดเล

Admin Username = ชอทใช login * อยาใช คำวา admin

Admin Password = ใสรหสผาน * เพอความปลอดภยควรใส อยางนอย 8 ตว

Confirm Password = ใสรหสผาน อกครง * ใสใหเหมอนชองแรก

Joomla! Article Manager

การจดการเนอหา

สราง Category ตาม Sitemapคด SiteMap

ขนตอนการทำงาน

ใสเนอหาตาม Category

สรางเมนเพอแสดงเนอหา

ในCategory

หนาแรก Category Sub Category

ขาวกฬา

ขาวการเมอง

Articleขาวบนเทง1

ขาวบนเทง1



ทองเทยว บทความ 1

บทความ 1

คอมพวเตอรบทความ



ประกาศ

ขาวบนเทง

ขาว

Home

Site Map

เพม Category

สรางหมวดหมใหม

หากตองการดหมวดหมทงหมด คลกท Category Manager

ใสชอของหมวดหม

บนทก

ใชแสดงใน URL

เพม หมวดหมยอย

เลอกหมวดหมหลกเพอกำหนดใหหมวดหมนเปนหมวกยอยของหมวดใด

เพม เนอหา

สรางเนอหาใหม

ใสชอเนอหา

ใสเนอหา

เลอกหมวด

แสดงในหนาแรก

เอดเตอร

ลงกไปยงเนอหาอนๆ

ใสรป

แบงหนา

อานตอ

เปด/ปด เอดเตอร

เพม link บทความ

คลกเพอใส ลงกไปยงเนอหาทเลอก

ใสรปในเนอหา

เลอกรป

จดรป

ใสรปลงเนอหา

ใสปมอานตอ

ปมอานตอ ( read more) จะแสดงในหนารวม เนอหาใน

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

เพมใหคลกอานตอ

ใสปมอานตอ

Joomla! Content Editor

เพมความสามารถในการทำงานเนอหา

www.joomlacontenteditor.net

การตดตง JCE

การตงคาใชงาน JCE

การใชงาน JCE

ลงกไปยงเนอหาอนๆ หรอไฟล

ใสรป

อานตอ

การจดการรปใน JCE

สรางโฟลเดอร

อพโหลดรป

ใสรปในเนอหา

จดรปซายขวา

การจดการลงคใน JCE

ลงคไปสวนอนของเวบเรา หรอ

เวบอน

เลอกไฟล

ใสลงคในเนอหา

ใสขอความ

การจดการลงคใน JCE

ใสลงค

สรางโฟลเดอร

อพโหลดไฟล

Joomla! Menu Manager

การจดการเมน

àเÁม¹นÙ

รายการ เมน

รายการเมน

ใชชวยกรอง

เมนหลก

แกไขเมนหนาแรก

ใสชอเมน

คอลมพ 1 คอลมพ 2 คอลมพ3

สรางเมน ใหม

คลกสรางใหม

ใสชอเมน

เลอกชนดเมน

เลอกชนดของเมน

เลอกชนดเมนวาจะใหแสดงอะไร

แบบไหน

สรางเมน ไปหา Category

เลอกหมวดหม

สรางเมนไปหา Category เปนเมนยอย

เลอกเมนหลก ขาวบนเทงจะเปนเมน

ยอยของขาว

สรางเมนไปหา Category เปนเมนยอย

Joomla! Module Manager

การจดการโมดล

Module Manager

โมดล ใน Joomla เปนตวตวแสดงผล บนหนาเวบ ม 2 แบบ

1.โมดลของ คอมโพเนน

2.โมดล ท<แสดงผลไดดวยตวอง

Module Managerโมดลของ คอมโพเนน

โมดลประเภทนB จะอาศยขอมลจาก คอมโพเนนมาแสดงผล หากคอมโพเนนไมมขอมล โมดลกไมสามารถแสดงขอมลได ตวอยาง

โมดล แสดงเนBอหาลาสด จะนาขอมลจาก Component Content มาแสดง

โมดล แสดงเมน จะนาขอมลจาก Component Menu มาแสดง

โมดล แสดงกระทลาสด จะนาขอมลจาก Component Webboard มาแสดง

Module Managerโมดลของท<แสดงผลดวยตวเอง

โมดลประเภทนB จะสามารถแสดงผลไดดวยตวเอง เชน

โมดล แสดงราคานามน เปนโมดลท<แสดงผลโดยการดงหนาราคานามนมาจากเวบบรษทนามน

โมดล Custom HTML เปนโมดลท<เรา ใสขอความรปภาพลงไปในโมดลไดเลย

Module Manager

ชอโมดลตำแหนงทแสดง

สรางโมดลใหม

เลอกโมดลทจะใช

การตงคาโมดลสวนของ Toolbar

1

ชอโมดล2

สวนรายละเอยดโมดล3

กำหนดตำแหนง4

สถานะขอโมดล5

โมดลสามารถนำไปแสดงตามตำแหนงของเทมเพลต

เลอกตำแหนงทจะแสดงโมดล

New Module สวนการตงคาแสดงผล

สวนนตองบอกกอนเลยวา แตละโมดลไมเหมอนกน ตองศกาาวธการตงคาของ

แตละโมดล

1. เลอก Category ทตองการใหโมดล

ดงมาแสดง

2. จำนวนเนอหาทตองการใหแสดง

3. แสดงเนอหาทเปน Featured หรอไม

4. ลำดบทตองการใหแสดง

5. ผเขยนทตองการใหแสดง

New Module

On All Page คอ แสดงทกหนา No Page คอไมแสดง Only on the pages selected คอ เฉพาะหนาท<เลอก On all pages except those selected คอ แสดงหนาท<ไมไดเลอก

สวนของการกำหนดเชอมโยงเมน

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

Module Position

คอ ตาแหนงตางๆบนแทมเพลต โดยช<อของตาแหนงจะแตกตางกนไป แลวแตคนทาแทมเพลต

1 ตาแหนง สามารถวางไดหลายโมดล

Module Position

เรยกด Module Position

User Viewing Access Levels

Public = ทกคน

Registered = เฉพาะสมาชก

Special = ผมหนาท

Access คอการจำกดการเขาถง Guest = กลม Guest

Super User = กลม ผดแล

User Group กลม Special

Manager = สามารถเขาหลงบานได แตไมสามารถใชงาน คอมโพเนนได

Author = สามารถเขยนบทความได แกไขบทความของตวเอง

ได แตไมสามารถเผยแพร

Administrator = สามารถเขาหลงบานทางานไดทกอยาง ยกเวน Global Configuration

Editor = สามารถเขยนบทความได แกไขบทความของคนอ<น

ได แตไมสามารถเผยแพร

Publisher = สามารถเขยนบทความได แกไขบทความของ

คนอ<นได สามารถเผยแพร บทความได

กลมทำงานสวนหลงบาน

กลมทำงานหนาเวบ

User Manager

User Manager เปนสวนของการจดการสมาชก จะแสดงรายชอสมาชกทงหมด และสามารถเพม

สมาชกใหมไดจากทน

User Manager

สมาชกยงไมเปดใชงาน1

สมาชกยงไมยนยนตวตน2

แสดงกลมทสงกด3

ปมสรางสมาชกใหม4

User Manager

สราง User Menu

ท Menu Manager เปนการเพม กลมเมนใหม นอกเหนอจาก

MainMenu


ชอของกลมเมน1

ชอชนดของเมน2

รายละเอยด3


จะเหนวาเรามกลมเมนใหมขนมาแลว

สราง เมน แกไขขอมลสวนตว

สราง เมน แกไขขอมลสวนตว

เมน แกไขขอมลสวนตว จะแสดงกตอเมอ สมาชก Login เขาสระบบแลว

สราง เมน เขยนบทความ

สราง เมน เขยนบทความ

เมน เขยนบทความ จะแสดงกตอเมอ สมาชก

Login เขาสระบบเปนสมาชกระดบ


ชอเมน1

Access ของเมน2

ชนดของเมน3

สราง Module User Menu

1 Module Manager 2 คลก New 3 เลอกชนดโมดล Menu

สราง Module User Menu

โมดลเมนสมาชก จะแสดงเฉพาะ ท Login (4) แลว และดงเมน User Menu มา

แสดง (2)

User Access ViewPublic Registered Special

Joomla! Extensions

การจดการสวนเสรมของ

Joomla!

สวนเสรมของ Joomla!joomla! เปน ระบบจดการเนBอหา ท<สามารถเพ<มความสามารถได โดยตดตBง สวนเสรมเขาไป ซ<งสวนเสรมของจมลา จะแบงออกเปน

• Components • Modules • Plugins • Templates • Languages

สวนเสรมของ Joomla!

Joomla! Component

Cคอมโพเนน ถอเปนสวนเสรมใหญท3สด

เรยกไดวาเปน โปรแกรมขนาดเลก ในจมลาอกทกได คอมโพเนนตาง ๆ จะถกพฒนาขJนมาเพ3อทางานเฉพาะดาน และการทางานของคอมโพเนนทจะอยท3สวนของหลงบาน (back end) เปนหลก

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

ตวอยางเชน Content (com_content) เปนคอมโพเนนท3ใชแสดงเนJอหา โดยคนเขาเวบจะเหนเนJอหา สวนผ ดแลกเพ3มแกไขเนJอหาท3หลงบาน

Joomla! Module

Mโมดล เปนสวนเสรมเลกๆ ท3แสดงเปนกลองๆ

สวนใหญใชประกอบตกแตงเวบ โดยจะอาศยขอมลจาก คอมโพเนนมาแสดงผล หากคอมโพเนนไมมขอมล โมดลกไมสามารถแสดงขอมลได ตวอยางเชน โมดล แสดงเนBอหาลาสด ( mod_articles_latest) จะนาขอมลจาก Component Content มาแสดง

แตกมโมดลบางตว จะสามารถแสดงผลไดดวยตวเอง เชน โมดล Custom HTML เปนโมดลท3เรา ใสขอความรปภาพลงไปในโมดลไดเลย

Joomla! Plugin

Pปล Rกอน เปนสวนเสรมท3ทางานอยเบJองหลง

เสรมการทางานของคอมโพเนน เราจะไมเหนรปรางชดเจนของปลTกอนนก

ยกตวอยางเชน ปลTกอน Search - Content จะทาหนาท3ไปคนหาขอมลใน Content (com_content) เม3อมคนพพมคาคนหา หากปด ปลTกอน ตวนJกจะคนหาไมเจอ ปลTกอน Authentication - Joomla จะทาหนาท3ตรวจสอบ เม3อมคน Login วา User Name กบ Password ตรงกนหรอไม หากปด ปลTกอน ตวนJกจะไมสามารถ loginได

Joomla! Plugin

Tแทมเพลต เปนสวนเสรมท3เปนเหมอน

หนากากของเวบ ท3กาหนดส ขนาดตวอกษรเปนตวกาหนดการแสดงผลท3หนาเวบ รปรางหนาตาของเวบไซต วาสามารถวางโมดลไวตาแหนงใดๆไดบาง

แทมเพลตมการวางตาแหนงและช3อตาแหนงแตกตางกนไปแลวแตคนสรางแทมเพลต

Joomla! Plugin

L ภาษา เปนสวนเสรมท3แสดงเมน คาอธบายในจมลาเปนภาษาตางๆได

Joomla! Extension Install เมนจดการสวนเสรม

1

ใชเลอกไฟลแลวตดตง2

ใสโฟลเดอรบนเวบเพอตดตง

3

ใส URL เพอตดตง4

Joomla! Contact Manager

การจดการ การตดตอ

การจดการการตดตอ

ระบบจดการการตดตอในจมลา ใชสรางฟอรมในการตดตอและแสดง

ขอมลการตดตอ

สามารถแบงหมวดหมของผตดตอ

สราง รายชอผตดตอสราง

Category ในการตดตอ

ขนตอนการทำงาน - การตดตอ

สรางเมนเพอแสดงผลการตดตอ

การจดการการตดตอ - เพมหมวดหม

การจดการการตดตอ - เพมผตดตอ

การจดการการตดตอ - สรางเมน

* การสรางเมน จะนำไปไวกลมเมนไหนขนอยกบเจาของเวบ ไมจำเปนตองเปน Mainmenu

การจดการการตดตอ - สรางเมน

List All Contact Categories = แสดงรายการหมวดหมการตดตอทงหมด

List Contacts in a Category = แสดงรายชอผตดตอในหมวดหมทเลอก

Single Contact = แสดงรายละเอยดผตดตอคนใดคนหนง

Featured Contacts = แสดงรายชอผตดตอทถกเลอกใหเปน Featured Contacts

การจดการการตดตอ - เมนแสดงหมวดหมทงหมด

การจดการการตดตอ - สรางแสดงรายชอในหมวด

การจดการการตดตอ - เมนไปยงผตดตอ 1คน

Joomla! Weblink Manager

การจดการเวบลงค

การจดการเวบลงค

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

สราง รายการเวบลงคสราง

Category ของเวบลงค

ขนตอนการทำงาน - เวบลงค

สรางเมนเพอแสดงผลเวบลงค

การจดการเวบลงค - สรางหมวดหม

การจดการเวบลงค - สรางเวบลงค

การจดการเวบลงค - สรางเมน


การจดการเวบลงค - สรางเมน

List All Weblink Categories = แสดงรายการหมวดหมเวบลงคทBงหมด

List Weblink in a Category = แสดงรายช<อเวบลงคในหมวดหมท<เลอก

Submit a Web Link = เมนใหสมาชกสงเวบแนะนา

การจดการเวบลงค - สรางเมนเวบลงค

Joomla! Newsfeeds Manager

การจดการ Newsfeeds

การจดการ Newsfeeds

Newsfeeds เปนระบบเอาไวรวบรวมขาวจากเวบท<นาสนใจ โดยจะดง ช<อขาว เนBอหาบางสวนมาแสดงท<เวบเราได

สราง รายการNewsfeed

สราง Category

Newsfeeds

ขนตอนการทำงาน - Newsfeeds

สรางเมนเพอแสดงNewsfeeds

การจดการ Newsfeeds - สรางหมวดหม

การจดการ Newsfeeds - สราง Feed

การจดการ Newsfeeds - หาขาวทปลอย Feed

การจดการ Newsfeeds - สราง Feed

การจดการ Newsfeeds - สรางเมน



List All News Feeds Categories = แสดงรายการหมวดหม News Feeds ทBงหมด

List News Feeds in a Category = แสดงรายช<อ News Feeds ในหมวดหมท<เลอก

Single News Feeds = แสดงขาว News Feeds เดยว

Joomla! Banner Manager

การจดการปายโฆษณา

สราง รายการBanner

สราง Category Banner

ขนตอนการทำงาน - Banner

สรางModule เพอแสดงBanner

สราง Clients

* เพราะลกษณะการแสดงผลของแบนเนอร ตองนำไปแสดงตามจดตางๆ จงอาศยโมดลในการแสดง

www.colorpack.co.th

การจดการ Banner

Banner เปนคอมโพเนนทใชจดการ ปายโฆษณา สามารถกำหนด

ใหจำนวนครงในการแสดงได สามารถแสดงตาม tag ได และสามารถแสดงไดหลายจดบนหนา

การจดการ Banner - สราง Clients

การจดการ Banner - สราง หมวดหม

การจดการ Banner - สราง Banners

การจดการ Banner - สราง โมดล

Joomla! Search Manager

การจดการสถตคำคน

การจดการ สถตคำคน

การจดการ สถตคำคน - เปดการเกบสถต

คลกท Options เพอตงคา


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

ของคนเขาเวบ * หากเวบมคนเขาเยอะ การเกบสถตจะมการใชพนทในฐานขอมลมากขน

Joomla! Language Manager

การจดการภาษา

การจดการภาษา - การตดตงภาษาเพม

การจดการภาษา - การตงคาภาษาหลก หนาเวบ

การจดการภาษา - การตงคาภาษาหลก ผดแล

Joomla! Template Manager

การจดการเทมเพลต

การจดการเทมเพลต

เทมเพลต เปน รปรางหนาตาของเวบไซตท<เราเหนท Bงหมด ท Bงลกษณะตวอกษร ส และรปแบบการจดวางโมดล เทมเพลตจงเปรยบเหมอน บาน พรอมอยท <รอการตกแตง ดวยโมดลตางๆ

การจดการเทมเพลต - การตงคาเทมเพลตหลก

เทมเพลตทมรปดาวอยคอเทมเพลตทเราใชงานเปนเทมเพลตหลกอย หากตองการเปลยนใหคลกทรปดาวสขาว

การจดการเทมเพลต - การตดตงเทมเพลต

การจดการเทมเพลต - การตงคาเทมเพลตหลก

การจดการเทมเพลต - การดตำแหนงโมดล

การจดการเทมเพลต - การปรบโมดลใหตรงตามตำแหนง

เมอเราเปลยนเทมเพลตแลว ตำแหนงโมดลจะเปลยนไปตามเทมเพลตนน ชอเรยกจะไมเหมอนกน เมอเรารตำแหนงโมดลของแตละแทมเพลตแลว ให มาเปลยนตำแฟนงของโมดลใหตรงกบเทมเพลตทเราใชงาน


เลอกตำแหนงของเทมเพลตทเราใชงานในรปใชเทมเพลต Yoo_master2


โมดล Main menuจะถกแสดงในตำแหนงทชอ

menu ของเทมเพลต

Joomla! Backup

การสำรองขอมล

การสำรองขอมล - Backup

การสำรองขอมล หรอ Backup เปนเรองสำคญ เพราะการทำเวบ มความเสยงตอการทขอมลสญหายอยตลอดเวลา การสำรองขอมลจงเปนเรองสำคญ

การวางแผนการสำรองขอมลขนอยกบ เจาของเวบ วาจะทำการสำรองเปน รายสปดาห รายเดอน หรอรายวน

*เมอทำการสำรองขอมลแลวใหโหลดมาเกบ อยาทงไวบนเวบ


คอมโพเนนทเราจะใชสำรองขอมลคอ Akeeba backup

จากเวบ http://akeebabackup.com/

การสำรองขอมล - ตดตง Akeeba Backup

การสำรองขอมล - ตงคา Akeeba

การสำรองขอมล - Akeeba Backup

หากเวบมขนาดใหญเกน 1GB ใหใช JPA

การสำรองขอมล - Backup Progress

การสำรองขอมล - Backup Completed

หากอยหนาแรกของ akeeba เขามาจาก

iconน

การสำรองขอมล - Download Backup

Download Backup ลงมาเกบ

Joomla! Restore

การกคนขอมล

การกคนขอมล - Restore

การกคน ขอมลจาก Akeeba Backup ใหเราแตกไฟล ทเราสำรองไว จากนนนำโฟลเดอรและไฟลทงหมด ไปไวบน Server ทตองการตดตง แลวเรยกหนาเวบ

การกคนขอมล - Restore

คู่มือ อบรม joomla! 3.x

Documents