คู่มือ Joomla3.0

คมอการใชงาน Joomla 3.0 ส าหรบผดแลระบบ

Joomla คออะไร?

Joomla คอระบบทชวยในการจดการเนอหา (Content Management System: CMS) บนเวบไซต เพอชวยในการอ านวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยทผใชไมจ าเปนตองมความรในดานการเขยนโปรแกรม หรออกแบบเวบไซตกสามารถจดท าเวบไซตดวยตวเองได

ซงโปรแกรม Joomla จะแบงเวบไซตออกเปนสองสวนหลก ๆ คอ Frontend คอสวนทแสดงผลใหกบผเขาชมเวบไซต หรอสวนของเนอหาเวบไซต

รปแสดงสวนของ Frontend

Backend คอสวนการจดการเนอหารวมถงโครงสรางของเวบไซต หรอสวน administrator

รปแสดงสวนของ Backend

การเขา – ออกระบบ ผดแลระบบ

การเขาส control panel สามารถท าไดโดยเขา หนา frontend ตามปกตแลวพมพชอ /administrator ตามหลง URL เดม ตวอยางเชน จากนนกด enter กจะเขาสหนา Login ของ backend

รปแสดงหนา Login ของ backend

จากนนพมพ User Name และ Password ตามทตงก าหนดไว จากนนคลก เขาสระบบ กจะเขาสหนา

Control panel

รปแสดงหนา Control panel

การออกจากระบบ สามารถท าไดโดยการคลกทออกจากระบบ ดานลางสดของจอ

รปแสดงภาพการออกจากระบบ

สวนประกอบตาง ๆ ภายใน Joomla 3.0

หลงจาก Login เขามาในสวน administrator แลวจะพบสวนประกอบตาง ๆ ดงน

รปแสดงภาพสวนประกอบตาง ๆ ภายใน Joomla 3.0

1. เมนบาร คอสวนทแสดงชอค าสงทงหมดของโปรแกรม Joomla 2. สวนเสรม คอ แสดงชอผใชท Login เขามา และซอนเมนยอยในการแกไขบญชผใช และการออกจาก

ระบบ 3. เมนยอย คอเมนยอยทส าคญ จะปรากฏหลงจากคลกเลอกค าสงบนเมนบาร 4. คอนโทลพาเนล คอ พนทการท างานตาง ๆ ทอยตรงการ 5. ไอคอนดวน คอ ไอคอนค าสงทใชบอย 6. ลงคทายกระดาษ คอ สวนทายทมการเชอมโยงลงคตาง ๆ

การจดการหมวดหม

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

จะปรากฏหนาการจดการหมวดหม: เนอหา ซงสามารถสรางใหม แกไข ลบ หมวดหมได และแสดงชอหมวดหมทงหมด ดงรปตอไปน

การสรางหมวดหมใหม สามารถท าไดโดยคลกค าสงสรางใหม จะปรากฏหนาตางดงรปตอไปน

ก าหนดรายละเอยดของหมวดหม

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

เมอท าการก าหนดคาเสรจเรยบรอยแลวใหคลกค าสงบนทก

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

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

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

จะปรากฏหนาการจดการเนอหา: เนอหาทงหมด ซงสามารถสรางใหม แกไข ลบ เนอหาได และแสดงชอเนอหาทงหมด ดงรปตอไปน

การสรางเนอหาใหม สามารถท าไดโดยคลกค าสง ส ร า ง ใ ห ม

จะปรากฏหนาตางดงรปตอไปน

ก าหนดรายละเอยดของเนอหา

ชอ เปนชอของเนอหาทตองการสราง หมวดหม เปนการเลอกหมวดหมทเกบ ดงทไดสรางไวขางตน เนอหา เปนการเพมเนอหาตาง ๆ ทตองการ โดยการจดรปแบบคลาย ๆ กบโปรแกรม Microsoft Word คอมการจดตวอกษรหนา เอยง ขดเสนใต จดดานซาย ดานขวา ตรงกลาง ดงรปตอไปน

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

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

รายละเอยด

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

(Public) - เดน เปนการก าหนดความตองการใหเนอหาทเพมเปนเนอหาเดนหรอไม ถาเปน

เนอหาเดนจะไปปรากฏกอยหนาแรกของเวบไซตดวย - ภาษา เปนการเลอกภาษาไทย องกฤษ หรอทงหมด - แทก เปนการแทกเนอหาอน

1

2

3 4

รปแสดงรายละเอยดการเพมเนอหา

เมอท าการก าหนดคาเสรจเรยบรอยแลวใหคลกค าสงบนทก

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

เรยบรอยแลวใหคลกค าสงบนทก

การจดการเมน

การจดการเมน สามารถท าไดโดยการคลกท เมนเมน จากนนเลอกค าสงจดการเมน ดงรปตอไปน

จะปรากฏหนาการจดการเมน: กลมเมน ซงสามารถสรางใหม แกไข ลบ เมนได และแสดงชอกลมเมนทงหมด ดงรปตอไปน

การสรางเมนใหม สามารถท าไดโดยการคลกทชอกลมเมนทตองการเพม จากนนจะปรากฏชอเมนเดมทงหมดทมอย จากนนคลกค าสงสรางใหม จะปรากฏหนาตางดงน

ก าหนดรายละเอยดของเมน

ชนดของเมน เปนการเลอกชนดของเมนทสราง ซงชนดของเมนจะมใหเลอกหลายรปแบบ เชน การตดตอ เนอหา Smart Search ฯลฯ และในแตละชนดเมอท าการคลกเขาไปกจะเจอชนดยอยใหเลอก ดงรปตอไปน

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

คลงเนอหา เปนการแสดงเนอหาในคลง เนอหาเดยว เปนการแสดงเนอหาเดยว แสดงหมวดหมทงหมด เปนการแสดงเมน แสดงรายการ เนอหาทงหมด ทอยในหมวดหม

หมวดหม แสดงแบบ บลอก เมน เปนการแสดงเนอหาใน หมวดหม รปแบบบลอก ซงสามารถใหแสดงเปนคอลมนเดยว หรอหลายคอลมนได หมวดหม แสดงแบบ ลสรายการ เมน เปนการแสดงเนอหาในหมวดหม รปแบบลสรายการ เนอหาเดน เมน เปนการแสดงเนอหาเดน ในรปแบบบลอก ซงสามารถใหแสดงเปนคอลมนเดยว หรอหลายคอลมนได

เขยน เนอหาใหม เปนการสรางเมน สราง เขยน เนอหาใหม

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

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

การเขาถง เปนการก าหนดบคคลใดสามารถเขาถงเนอหาไดบาง เชนบคคลทวไป (Public) หนาเรมตน เปนการก าหนดคาใหเมนนเปนคาเรมตนหรอไม คอหนา Index นนเอง

หนาตางบราวเซอรเปาหมาย เปนการก าหนดใหเปดหนาเมนทสรางในเมนหลก หรอจะใหเปดเมนนในหนาตางใหม รปแบบเทมเพลต เปนการเลอกรปแบบเทตแพลตตามตองการ

ภาษา เปนการเลอกภาษาไทย องกฤษ หรอทงหมด บนทก เปนการบนทกขอความส าหรบเมนทสราง

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

การจดการหนาแรก

การจดการหนาแรก เปนการจดรปแบบของเนอหาในหนาแรกใหแสดงผลออกมาในรปแบบใด ซงสามารถท าไดโดยการคลกเลอกค าสงเมน จากนนเลอก Main Menu ดงรปตอไปน

จะปรากฏหนาการจดการเมน: เมน เปนการแสดงชอเมนทงหมด จากนนคลกเลอกเมนทชอหนา

แรก ดงรปตอไปน

จะปรากฏหนาการจดการเมน: แกไขเมน ใหคลกค าสงตงคาขนสง จะปรากฏหนาดงรปตอไปนจากนนจะเปนสวนของการก าหนดรายละเอยด ซงจะอธบายไวทายรป พรอมตวอยางประกอบ

ก าหนดรายละเอยด

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

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

#ลงก เปนการก าหนดการแสดงผลเนอหาแบบลงก แลวจะแสดงผลเนอหาเตมหนาถดไป

ตวอยางการตงคา

#บทความน า =1 #บทความรอง =2 #คอลมน =1 #ลงก =0

ผลลพธกจะไดตามน

เมอท าการก าหนดคาเสรจเรยบรอยแลวใหคลกค าสงบนทก

การจดการรปภาพ (ภาพกจกรรม) การจดการรปภาพในหนาภาพกจกรรม เปนการเพมรปภาพในหนาภาพกจกรรม ซงสามารถท าได

โดยการคลกเลอกค าสงเนอหา จากนนเลอก จดการรป/ไฟล ดงรปตอไปน

จะปรากฏหนาการจดการมเดย เปนการแสดงตวอยางรปภาพทงหมด จากนนคลกเลอกโฟลเดอร banners ดงรปตอไปน

เมอเขามาสโฟลเดอร banners กสามารถท าการอพโหลดรปภาพทตองการเพมในหนาภาพกจกรรมได โดยการคลกทค าสงอพโหลด

จะปรากฏหนาใหสามารถคลกเลอกไฟล จากนนคลกเรมอพโหลด ดงรปตอไปน

2 1

คมอการใชงาน Joomla 3.0 ส าหรบผใชทวไป

Joomla คออะไร?

Joomla คอระบบทชวยในการจดการเนอหา (Content Management System: CMS) บนเวบไซต เพอชวยในการอ านวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยทผใชไมจ าเปนตองมความรในดานการเขยนโปรแกรม หรออกแบบเวบไซตกสามารถจดท าเวบไซตดวยตวเองได ซงโปรแกรม Joomla จะแบงเวบไซตออกเปนสองสวนหลก ๆ คอ

Frontend คอสวนทแสดงผลใหกบผเขาชมเวบไซต หรอสวนของเนอหาเวบไซต

รปแสดงสวนของ Frontend

Backend คอสวนการจดการเนอหารวมถงโครงสรางของเวบไซต หรอสวน administrator

รปแสดงสวนของ Backend

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

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

สามารถท าไดโดยการคลกทค าสง ใหม ดงรปตอไปน

จากนนจะปรากฏหนาตางขนมาดงรปตอไปน ซงจะเปนการก าหนดรายละเอยดตาง ๆ ของเนอหา ซงไดมการอธบายไวดานลาง

ก าหนดรายละเอยดของเนอหา

ชอ เปนชอของเนอหาทตองการสราง เอเลยส เปนชอแทนของหมวดหม ควรก าหนดเปนภาษาองกฤษจะดทสด เนอหา เปนการเพมเนอหาตาง ๆ ทตองการ โดยการจดรปแบบคลาย ๆ กบโปรแกรม Microsoft Word คอมการจดตวอกษรหนา เอยง ขดเสนใต จดดานซาย ดานขวา ตรงกลาง ดงรปตอไปน

และสามารถใสรปภาพไดโดยการคลกทค าสงใสรปภาพ แลวจะปรากฏกลองโตตอบขนมา

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

หมวดหม เปนการเลอกหมวดหมทเกบ ดงทไดสรางไวขางตน แทก เปนการแทกเนอหาอน นามปากกา

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

การเขาถง เปนการก าหนดบคคลใดสามารถเขาถงเนอหาไดบาง เชนบคคลทวไป (Public) ภาษา เปนการเลอกภาษาไทย องกฤษ หรอทงหมด รายละเอยดยอ เปนการก าหนดรายละเอยดโดยยอของเนอหา (ไมใสกได) ความส าคญ เปนการก าหนดความส าคญของเนอหา (ไมใสกได) เมอท าการก าหนดคาเสรจเรยบรอยแลวใหคลกค าสงบนทก

1

2

3 4

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