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

Joomla คออะไร?

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

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

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

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

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

การเขา ออกระบบ ผดแลระบบ–การเขาส control panel สามารถทำาไดโดยเขา หนา frontend ตามปกตแลวพมพชอ /administrator ตามหลง URL เดม ตวอยางเชน localhost/cstu/administrator/ (กรณตดตงทเครองผใช) หรอ www.cs.tu.ac.th/administrator/ (กรณตดตงอยบน Server) จากนนกด enter กจะเขาสหนา Login ของ backend

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

จากนนพมพ User Name และ Password ตามทตงกำาหนดไว จากนนคลก เขาสระบบ (log in) กจะเขาสหนา Control panel

รปแสดงหนา Control panel

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

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

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

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

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

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

แกไขบญชผใชและการออกจากระบบ 3. เมนยอย คอเมนยอยทสำาคญ จะปรากฏหลงจากคลกเลอกคำาสงบนเมน

บาร

4. คอนโทลพาเนล คอ พนทการทำางานตาง ๆ ทอยตองการ 5. ไอคอนดวน คอ ไอคอนคำาสงทใชบอย 6. ลงคทายกระดาษ คอ สวนทายทมการเชอมโยงลงคตาง ๆ7. สวนเสรม K2 Quick Icons (admin)8. สวนเสรม JSN imageshow Quick Icons9. สวนเสรม JSN PowerAdmin Quick Icons

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

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

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

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

กำาหนดรายละเอยดของหมวดหม Title (ชอ) : เปนชอของหมวดหมทตองการสราง Alias (เอเลยส) : เปนชอแทนของหมวดหม ควรกำาหนดเปนภาษา

องกฤษจะดทสด Description (รายละเอยด) : เปนการเพมเตมเนอหาในทนยงไมตอง

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

การแกไขหมวดหม สามารถทำาไดโดยการ ทชอหมวดหมทตองการ

แกไข จากนนใหคลกคำาสงแกไข(Edit) จะปรากฏหนาตาง ๆ เหมอนกบการสรางหมวดหมใหม เมอทำาการแกไขเสรจเรยบรอยแลวใหคลกคำาสงบนทกหรอ Save

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

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

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

กำาหนดรายละเอยดของเนอหา Title (ชอ) : เปนชอของเนอหาทตองการสราง Category (หมวดหม) : เปนการเลอกหมวดหมทเกบ ดงทไดสรางไว

ขางตน (เนอหา) : เปนการเพมเนอหาตาง ๆ ทตองการ โดยการจดรปแบบ

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

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

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

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

รายละเอยด - Status (สถานะ) : เปนการกำาหนดความตองการวาจะเผยแพรหรอไม

เผยแพร

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

- Featured (เดน) : เปนการกำาหนดความตองการใหเนอหาทเพมเปนเนอหาเดนหรอไม ถาเปนเนอหาเดนจะไปปรากฏกอยหนาแรกของเวบไซตดวย

- Language (ภาษา) : เปนการเลอกภาษาไทย องกฤษ หรอทงหมด - Tags (แทก) : เปนการแทกเนอหาอน

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

เมอทำาการกำาหนดคาเสรจเรยบรอยแลวใหคลกคำาสงบนทก(Save)การแกไขเนอหา สามารถทำาไดโดยการ ทชอเนอหาทตองการแกไข

จากนนใหคลกคำาสง Edit (แกไข) จะปรากฏหนาตาง ๆ เหมอนกบ

การสรางเนอหาใหม เมอทำาการแกไขเสรจ เรยบรอยแลวใหคลกคำาสงบนทกหรอ Save

การจดการเมนการจดการเมน สามารถทำาไดโดยการคลกทเมนบาร ท Menus(เมน) จากนนเลอกคำาสง Menu Manager (จดการเมน) ดงรปตอไปน

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

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

กำาหนดรายละเอยดของเมน ชนดของเมน เปนการเลอกชนดของเมนทสราง ซงชนดของเมนจะมให

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

ซงในทนจะเนนไปในสวนของเนอหา มรายละเอยดดงน Archived Articles (คลงเนอหา) เปนการแสดงเนอหาในคลง Single Articles (เนอหาเดยว) เปนการแสดงเนอหาเดยว

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

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

List All Categories (หมวดหม แสดงแบบลสรายการ) เมน เปนการแสดงเนอหาในหมวดหม รปแบบ ลสรายการ

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

Create Articles (เขยน เนอหาใหม) เปนการสรางเมน สราง เขยน เนอหาใหม

Menu Title (ชอเมน) : เปนชอของเมนทตองการสราง Alias (เอเลยส) : เปนชอแทนของเมน ควรกำาหนดเปนภาษาองกฤษ

จะดทสด Status (สถานะ) : เปนการกำาหนดความตองการวาจะเผยแพรหรอ

ไมเผยแพร Link (ลงก) : เปนการกำาหนดลงกภายนอกในกรณทเลอกชนดของ

เมนเปนลงกภายนอก Menu Location (ทอยเมน) : เปนการเลอกกลมของเมน

Parent Item (เมนหลก) : เปนการกำาหนดคาใหเมนทสรางเปนเมนหลก หรอเปนเมนยอยภายใตเมนใด ๆ

Ordering (เรยงลำาดบ) : เปนการจดลำาดบของเมน Access (การเขาถง) : เปนการกำาหนดบคคลใดสามารถเขาถงเนอหา

ไดบาง เชน บคคลทวไป (Public) Default Page (หนาเรมตน) : เปนการกำาหนดคาใหเมนนเปนคาเรม

ตนหรอไม คอหนา Index นนเอง Target Window (หนาตางบราวเซอรเปาหมาย) : เปนการกำาหนด

ใหเปดหนาเมนทสรางในเมนหลก หรอจะใหเปดเมนนในหนาตางใหม Template Style (รปแบบเทมเพลต) : เปนการเลอกรปแบบเทต

แพลตตามตองการ Language (ภาษา): เปนการเลอกภาษาไทย องกฤษ หรอทงหมด Save (บนทก) : เปนการบนทกขอความสำาหรบเมนทสราง

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

การสรางเมนยอย (Sub Menu)

1. Menu Item Type : เลอกแบบ Single Articles (เนอหาเดยว) 2. Select Article : เลอกบทความตามหใวหมทสรางไว เชน ประวต

ความเปนมา3. Menu Title : ประวตความเปนมา

Alias : history เปนชอแทนของเมน ควรกำาหนดเปนภาษาองกฤษ

4. Parent Item : ขอมลภาควชา เลอกเปนเมนยอยของเมนขอมลภาควชา

5. กด Save & Close เพอบนทกและออกจากงาน

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

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

จะปรากฏหนา Menu Manager : Menu Items (การจดการเมน : เมน) เปนการแสดงชอเมนทงหมด จากนนคลกเลอกเมนทชอหนาแรก ดงรปตอไปน

จะปรากฏหนา Menu Mager : Edit Menu Item (การจดการเมน : แกไขเมน) ใหคลกคำาสง Advanced Option (ตงคาขนสง) จะปรากฏหนาดงรปตอไปน จากนนจะเปนสวนของการกำาหนดรายละเอยด ซงจะอธบายไวทายรป พรอมตวอยางประกอบ

กำาหนดรายละเอยด # Leading Articles (#บทความนำา) เปนการกำาหนดการแสดงผล

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

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

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

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

ตวอยางการตงคา # Leading Articles (#บทความนำา) =1 # Intro Articles (#บทความรอง) =2 # Columns (#คอลมน) =1 #Link (#ลงก) =0เมอทำาการกำาหนดคาเสรจเรยบรอยแลวใหคลกคำาสง Save (บนทก)

การจดการรปภาพ (ภาพกจกรรม)

การจดการรปภาพในหนาภาพกจกรรม เปนการเพมรปภาพในหนาภาพกจกรรม ซงสามารถทำาได โดยการคลกเลอกคำาสง Content (เนอหา) จากนนเลอก Media Mamager (จดการรป/ไฟล) ดงรปตอไปน

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

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

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

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

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

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

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

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

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

กำาหนดรายละเอยดของเนอหา Title (ชอ) : เปนชอของเนอหาทตองการสราง

Alias (เอเลยส) : เปนชอแทนของหมวดหม ควรกำาหนดเปนภาษาองกฤษจะดทสด

เนอหา เปนการเพมเนอหาตาง ๆ ทตองการ โดยการจดรปแบบคลาย ๆ กบโปรแกรม

Microsoft Word คอมการจดตวอกษรหนา เอยง ขดเสนใต จดดานซาย ดานขวา ตรงกลาง ดงรปตอไปน

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

Category (หมวดหม) : เปนการเลอกหมวดหมทเกบ ดงทไดสรางไวขางตน

Tags (แทก) : เปนการแทกเนอหาอน Created by alias : นามปากกา Status (สถานะ) : เปนการกำาหนดความตองการวาจะเผยแพรหรอไม

เผยแพร

Featured (เนอหาเดน) : เปนการกำาหนดความตองการใหเนอหาทเพมเปนเนอหาเดนหรอไม ถาเปนเนอหาเดนจะไปปรากฏอยหนาแรกของเวบไซตดวย

Start Publishing (วนทเรมเผยแพร) : เปนการกำาหนดวนทตองการเผยแพรเนอหาดงกลาว

Finish Publishing (วนทหยดเผยแพร) : เปนการกำาหนดวนทตองการหยดการเผยแพรเนอหาดงกลาว

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

Language (ภาษา) : เปนการเลอกภาษาไทย องกฤษ หรอทงหมด รายละเอยดยอ เปนการกำาหนดรายละเอยดโดยยอของเนอหา (ไมใส

กได) ความสำาคญ เปนการกำาหนดความสำาคญของเนอหา (ไมใสกได)

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

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