33
การใช้งาน Joomla เบื้องต้น แนะนาโปรแกรม Joomla "joomla" เป็นระบบบริหารจัดการเว็บไซต์ (content management system: cms) ที่ช่วยให้การ พัฒนาเว็บไซต์เป็นเรื่องง่ายและรวดเร็ว สามารถติดตั้งใช้งานและอัพเดทข้อมูลได้ทุกที่ทุกเวลาตามต้องการ โปรแกรม joomla จะแบ่งเว็บไซต์ออกเป็นสองส่วนหลัก ๆ คือ frontend คือส่วนที่แสดงผลให้กับผู้เข้าชมเว็บไซต์ หรืออีกนัยหนึ่งก็คือเนื้อหาของเว็บไซต์นั่นเอง backend คือส่วนการจัดการเนื้อหารวมถึงโครงสร้างของเว็บไซต์ หรือเรียกอีกชื่อหนึ่งว่าส่วน administrator ภาพแสดงส่วนของ frontend ภาพแสดงส่วนของ backend

การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

  • Upload
    others

  • View
    20

  • Download
    0

Embed Size (px)

Citation preview

Page 1: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

การใชงาน Joomla เบองตน

แนะน าโปรแกรม Joomla

"joomla" เปนระบบบรหารจดการเวบไซต (content management system: cms) ทชวยใหการ

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

โปรแกรม joomla จะแบงเวบไซตออกเปนสองสวนหลก ๆ คอ

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

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

administrator

ภาพแสดงสวนของ frontend

ภาพแสดงสวนของ backend

Page 2: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

2

สวนของ frontend เปนสวนของเวบไซตทคนอนจะเขามาด สวน backend จะเปนสวนใหผดแล

เวบไซตเขาไปแกไขขอมลตาง ๆ นนเอง ซงการเขาสสวน backend เพอจดการขอมลตางๆ จะตอง Loginท

http://web.agri.cmu.ac.th/it/administrator

โครงสรางการจดเกบเนอหา (Content)

กอนทจะเรมสรางเนอหาภายในเวบไซตนน ควรท าความเขาใจเรองความสมพนธระหวาง

section หมวดหมหลก

category หมวดหมยอย

content item เนอหา ขอมลหรอบทความ

เราอาจเปรยบ เปน Folder ใหญ ซงภายในจะเกบ Folder ยอยในทนกคอ Category และภายใน

Category จะเปนทเกบ Content Item หรอไฟลเอกสารและไฟลขอมลตาง ๆ ดงรปตวอยาง

ภาพตวอยางโครงสรางการจดเกบเนอหา (content)

Section

Category

Page 3: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

3

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

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

1. Menubar คอสวนทแสดงชอค าสงทงหมดของโปรแกรม Joomla

2. Infobar คอสวนทแสดงขอมลรายละเอยดตอไปน

- ชอของเวบไซต

- ต าแหนงปจจบน (Current Location) ใน Admin Section ทก าลงใชงานอย

- จ านวนขอความทไดรบจาก Users อน ๆ

- จ านวนผเขาใชงานโปรแกรม Joomla ในขณะนน

- ชอผใชท Login เขามา เชน admin

3. Toolbar คอเมนค าสงยอยจะปรากฏหลงจากคลกเลอกค าสงบน Menubar แลว (อาจจะแสดง

จ านวนปมไมเทากน เมอคลกเลอกค าสงบน menubar)

Page 4: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

4

4. Workspace คอพนทแสดงการท างานตาง ๆ ซงอยดานลาง Menubar, Infobar และ Toolbar

ความหมายของปมค าสงตาง ๆ

สราง Content Item, Category, Section

แกไข content item, category, section

เปดใหผอนสามารถเหนได

ซอนไมใหผอนสามารถเหน

ยาย item ไปยง Category อน หรอ ยาย category ไปยง Section อน

คดลอก content item, category, section

ลบ

บนทกและกลบไปยงหนากอนหนา

บนทกแตยงคงท างานทหนาเดม

ยกเลกการสรางหรอการแกไข

Page 5: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

5

ยาย Content Item ไปเกบในสวน Archive

แสดง popup preview การเปลยนแปลงทไดท าไวกบ item

การจดการ Section

Section (หมวดหมหลก) ท าหนาทจดเกบ Category (หมวดหมยอย)

การเขาสสวนการจดการ Section

การสราง Section

การลบ Section

การแกไข Section

การเปดและซอน section

การเขาสสวนการจดการ Section (Section Manager) สามารถท าได 2 วธดงน วธท 1 1. คลก Menubar แลวเลอกค าสง Content => Section Manager

วธท 2

1. คลก menubar แลวเลอกค าสง Home เพอไปทหนาแรก (สวนของ Control Panel) 2. คลกปม Section Manager

Page 6: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

6

เมอเขาสสวนการจดการ Section โดยวธท 1 หรอ 2 จะปรากฏสวนแสดงรายละเอยดภายใน Section Manager ดงรป

ภาพสวนการจดการ section (Section Manager)

การสราง Section สามารถท าไดดงน 1. เขาสสวนการจดการ Section (section manager)

2. กดปม จากนนจะเขาสสวนการก าหนดคาตาง ๆ

Page 7: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

7

3. ก าหนดชอของ Section ลงใน Title และ Section Name (ใชชอเดยวกนได) และก าหนดระดบของผทสามารถเขามาดในสวนของ Access Level ซงประกอบดวย

Public ทกคนสามารถเปดดได

Registered เฉพาะผทผานการ Log in เขาระบบสมาชกจงจะสามารถเปดดได

Special ส าหรบผทอยกลมพเศษ(กลมทแกไขขอมลได)เทานนทเปดดได

4. เมอก าหนดเสรจเรยบรอยใหกดปม หรอ

การลบ Section สามารถท าไดดงน

Page 8: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

8

1. เขาสสวนการจดการ section (section manager) 2. เชคเครองหมาย √ ของ Section ทตองการลบ

3. กดปม (การลบ Section นนภายในตองไมม Category ใด ๆ อย)

การแกไข Section สามารถท าไดดงน

1. เขาสสวนการจดการ section (Section Manager) 2. เชคเครองหมาย √ ทกลองสเหลยมหนาชอ Section ทตองการแกไข

3. กดปม เพอเขาสการแกไข Section

4. เมอแกไขเสรจเรยบรอยใหกดปม หรอ

การเปดและซอน Section สามารถท าไดดงน

1. เขาสสวนการจดการ section (section manager) 2. หากตองการเปด Content ใด ๆ ทอยภายใน Section นน ใหปรากฏบนเวบไซต สามารถท าไดโดยคลกรปสญลกษณ ในคอลมนของ published และหากไมตองการใหปรากฏบนเวบไซตใหคลกเปลยนเปนรปสญลกษณ

การจดการ Category

Category (หมวดหมยอย) ท าหนาทจดเกบ Content Items (เนอหา ขอมลหรอบทความ)

การเขาสสวนการจดการ Category

การสราง Category

การลบ Category

Page 9: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

9

การแกไข Category

การเปดและซอน Category

การเขาสสวนการจดการ Category (Category Manager) สามารถท าได 2 วธดงน วธท 1 1. คลก Menubar แลวเลอกค าสง Content => Category Manager

วธท 2 1. คลก menubar แลวเลอกค าสง Home เพอไปทหนาแรก (สวนของ Control Panel) 2. คลกปม Category Manager

เมอเขาสสวนการจดการ Category โดยวธท 1 หรอ 2 จะปรากฏสวนแสดงรายละเอยดภายใน Category

Manager ดงรป

Page 10: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

10

ภาพสวนการจดการ Category (Category Manager)

การสราง Category สามารถท าไดดงน

1. เขาสสวนการจดการ Category (Category manager)

2. กดปม จากนนจะเขาสสวนการก าหนดคาตาง ๆ

3. ก าหนดชอของ Category ลงใน Category Title และ Category Name (ใชชอเดยวกนได) 4. ก าหนด Section ทจดเกบ Category น 5. ก าหนดระดบของผทสามารถเขามาดในสวนของ Access Level ซงประกอบดวย - Public ทกคนสามารถเปดดได - Registered เฉพาะผทผานการ Log in เขาระบบสมาชกจงจะสามารถเปดดได - Special ส าหรบผทอยกลมพเศษ(กลมทแกไขขอมลได)เทานนทเปดดได

4. เมอก าหนดเสรจเรยบรอยใหกดปม หรอ

Page 11: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

11

การลบ Category สามารถท าไดดงน

1. เขาสสวนการจดการ Category (Category manager) 2. เชคเครองหมาย √ ของ Category ทตองการลบ

3. กดปม (การลบ Category นนภายในตองไมม Category ใด ๆ อย)

การแกไข Category สามารถท าไดดงน

1. เขาสสวนการจดการ Category (Category Manager) 2. เชคเครองหมาย √ ทกลองสเหลยมหนาชอ Category ทตองการแกไข

3. กดปม เพอเขาสการแกไข Category

4. เมอแกไขเสรจเรยบรอยใหกดปม หรอ

การเปดและซอน Category สามารถท าไดดงน

1.เขาสสวนการจดการ Category (Category manager) 2.หากตองการเปด Content ใด ๆ ทอยภายใน Category นน ใหปรากฏบนเวบไซต สามารถท าไดโดยคลกรปสญลกษณ ในคอลมนของ published

และหากไมตองการใหปรากฏบนเวบไซตใหคลกเปลยนเปนรปสญลกษณ

การจดการ Content Item

Content Items (เนอหา ขอมลหรอบทความ)

การเขาสสวนการจดการ Content Item

Page 12: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

12

การสราง Content Item

การลบ Content Item

การแกไข Content Item

การน า content item แสดงบนหนาแรกของเวบไซต

การเปดและซอน Content Item

การเขาสสวนการจดการ Content Item (Content Items Manager) สามารถท าได 2 วธดงน วธท 1 1. คลก Menubar แลวเลอกค าสง Content => All Content Items

วธท 2 1. คลก menubar แลวเลอกค าสง Home เพอไปทหนาแรก (สวนของ Control Panel) 2. คลกปม Content Items Manager

เมอเขาสสวนการจดการ Content Item โดยวธท 1 หรอ 2 จะปรากฏสวนแสดงรายละเอยดภายใน Content Items Manager ดงรป

Page 13: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

13

ภาพสวนการจดการ Content Item (Content Items Manager)

การสราง Content Item สามารถท าไดดงน 1. เขาสสวนการจดการ Content Item (Content Items manager)

2. กดปม จากนนจะเขาสสวนการก าหนดคาตาง ๆ

Page 14: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

14

3. ก าหนดชอของ Content Item ลงใน Title และ Title Alias (ใชชอเดยวกนได) 4. ก าหนด section และ Category ทจดเกบ Content Item น 5. พมพและใสขอมลลงในกรอบ Intro Text และ Main Text

6. ระหวางพมพและใสขอมลสามารถกดปม เพอเปด pop up แสดง Content Item

7. เสรจเรยบรอยใหกดปม หรอ

การลบ Content Item สามารถท าไดดงน

1. เขาสสวนการจดการ Content Item (Content Items manager) 2. เชคเครองหมาย √ ของ Content Item ทตองการลบ

3. กดปม (การลบ Content Item นนภายในตองไมม Content Item ใด ๆ อย)

การแกไข Content Item สามารถท าไดดงน

1. เขาสสวนการจดการ Content Item (Content Items manager) 2. เชคเครองหมาย √ ทกลองสเหลยมหนาชอ Content Item ทตองการแกไข

3. กดปม เพอเขาสการแกไข Content Item

4. ระหวางแกไขสามารถกดปม เพอเปด pop up แสดง content item

5. เมอแกไขเสรจเรยบรอยใหกดปม หรอ

การน า Content Item แสดงบนหนาแรกของเวบไซต สามารถท าไดดงน 1. เขาสสวนการจดการ content item (content items manager) 2. คลกในคอลมนของ Front Page ใหแสดงเครองหมาย ของ content item ทตองการแสดงบนหนาแรก หากไมตองใหคลกอกครงใหแสดงเครองหมาย

การเปดและซอน Content Item สามารถท าไดดงน 1.เขาสสวนการจดการ Content Item (Content Items manager) 2.หากตองการเปด Content ใด ๆ ทอยภายใน Content Item นน ใหปรากฏบนเวบไซต สามารถท าไดโดยคลกรป ในคอลมนของ published และหากไมตองการใหปรากฏใหคลกเปลยนเปนรป

Page 15: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

15

การใชงาน TinyMCE ส าหรบใสและแกไขขอมล Content Item

การใสและแกไขขอมลลงใน Content จะมลกษณะคลาย ๆ กบโปรแกรมออกแบบเวบไซตทวไป เชน Macromedia Dreaweaver โดยจะมกรอบทสามารถใสขอมลสองสวนคอ

สวนแรก Intro Text เปนสวนท Content Item จ าเปนตองม อาจจะใสขอมลทงหมดหรอขอความบางสวนทเกรนถงเนอหาใน Content Item ทงหมด

สวนทสอง Main Text เปนสวนทแสดงเนอหาทเหลอตอจาก Intro Text ทงหมด

Page 16: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

16

Page 17: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

17

ความหมายของปมค าสงบน Toolbar

ตวหนา, ตวเอยง, ขดเสนใต, ตวขดทบ

จดขอความ ชดซาย, ชดขวา, กงกลาง, เตมบรรทด

ชนดตวอกษร

ขนาดตวอกษร

ตดขอความ, คดลอกขอความ, วางขอความแบบ Plain Text, วางขอความแบบ Word, เลอกทงหมด

สรางรายการแบบสญลกษณ, สรางรายการแบบล าดบ

ยกเลก, ท าซ า

ใส Link, น า Link ออก, ใส Link ภายในหนาเดยวกน

ใสรปภาพ

เปด pop up เพอแกไขขอมลในรปแบบ HTML

คนหาหรอแทนท

วนท, เวลา

รปอมยม

สตวอกษร, สพนหลงตวอกษร

ลบรปแบบทถกก าหนด

ตวหอย, ตวยก

ตวอกษรพเศษ

เสนคน

ใส Flash, ใสไฟล Multimedia (Flash, Quicktime, Shockwave, Windows Media, Real Media)

ใสตาราง

Page 18: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

18

การจดการตาราง (Table)

การแทรกตาราง

1. ใหกดปม ท Toolbar ของ TinyMCE Editor

2. ก าหนดคาตาง ๆ ดงน Columns จ านวนของแถวในแนวตง Rows จ านวนของแถวในแนวนอน Cellpadding ระยะหางระหวางชอง Cell กบตวอกษรภายในชอง Cell Cellspacing ระยะหางระหวางชอง Cell Alignment ก าหนดใหตารางชดซาย ขวาหรอกงกลาง Width, Height ก าหนดความกวางและความสงหนวยเปน pixels (สามารถเปลยนหนวยเปน % ได โดยเตม % ตอทาย) และกดปม แทรกตาราง

3. กดปม เพอแทรกตาราง

การแทรกและลบ Row หรอ Column

1. คลกชอง Cell 2. เลอกกดปมค าสงบน Toolbar ดงน

แทรก Row ใหมตรงดานบน แทรก Column ใหมกอนหนา

แทรก Row ใหมตรงดานลาง

แทรก Column ใหมดานหลง

ลบ Row

ลบ Column

Page 19: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

19

การรวม ชอง Cell 1. คลกชอง Cell จากนนกดปม จะปรากฏสวนก าหนดคาตาง ๆ ดงรป

2. ก าหนดคาการรวมชอง Cell ในสวน Merge table cells การรวมชอง Cell จะรวมโดยยดต าแหนงจากชอง Cell ทเลอกไวไปดานซายในกรณ Column และดานลางในกรณ Row) 3. กดปม Update (การรวมจะเรมรวมจากทางขวาและดานลาง ของชอง Cell ทคลกเลอกไว)

การแยก ชอง Cell

1. คลกชอง cell ทไดถกรวมไว จากนนกดปม

การใช Media Manager ส าหรบการจดเกบไฟลรปภาพและไฟลอน ๆ

Media Manager เปนสวนทดแลและจดการไฟลท Upload เขามาเกบไวทเวบไซต ส าหรบไฟลทอนญาตใหสามารถ Upload ไดจะมดวยกน 9 ประเภทประกอบดวย doc, xls, ppt, bmp, gif, jpg, png, swf, pdf Folder ทจดเกบไฟล โปรแกรม Joomla ไดก าหนด folder ส าหรบการใชงานมาใหสอง folder ประกอบดวย

1. banners เปน folder ส าหรบจดเกบไฟลรปภาพทจะถกน าไปใชเปน Banner

2. stories เปน folder รปภาพทถกใชกบ MOSImage ซงจะถกแสดงออกมาในสวน Tab Images เมอมการแกไข Content Item

Page 20: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

20

การเขาส Media Manager

การยายไปยง Folder อน

การ Upload ไฟล

การสราง Folder

การลบไฟล

การเขาส Media Manager สามารถท าได 2 วธดงน

วธท 1 1. คลก Menubar แลวเลอกค าสง Site => Media Manager

Page 21: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

21

ภาพ Media Manager

วธท 2 1. คลก menubar แลวเลอกค าสง Home เพอไปทหนาแรก (สวนของ Control Panel) 2. คลกปม Media Manager

การยายไปยง Folder อน 1. เขาส Media Manager

2. คลก เพอเลอก Folder ทตองการไป

หากตองการยายไปยง Folder กอนหนาใหกดปม

Page 22: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

22

การ Upload ไฟล

1. เขาส media manager

2. ยายไปยง Folder ทตองการเกบไฟล

3. กดปม เพอเลอกไฟล

4.กดปม

การสราง Folder 1. เขาส media manager 2. ยายไปยง folder ทตองการเกบ Folder ใหม 3. พมพชอ Folder ทตองการสรางในชอง create directory

4. กดปม

การลบไฟล 1. เขาส media manager 2. ยายไปยง folder ทเกบไฟลทตองการลบ 3. กดปม ตรงไฟลทตองการลบ

Page 23: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

23

การจดการเนอหาบนหนาแรกของเวบไซตดวย Frontpage Manager

การเขาสสวน Frontpage Manager เพอจดการ Content Item ทถกเลอกมาไวในหนาแรกของเวบไซต สามารถท าได 2 วธดงน วธแรก 1. คลก Menubar แลวเลอกค าสง Content => Frontpage Manager

ภาพ Frontpage Manager

วธท 2 1. คลก menubar แลวเลอกค าสง Home เพอไปทหนาแรก (สวนของ Control Panel)

2. คลกปม Front page Manager

การเปดและซอน Content Item ในหนาแรก 1. เขาสสวน frontpage manager 2. หากตองการให Content Items ปรากฏใหหนาแรกใหคลกสวน Published ใหเปนรปสญลกษณ และหากไมตองใหปรากฏใหคลกเปลยนเปนรปสญลกษณ

การสลบล าดบของ Content Items ทแสดงในหนาแรก 1. เขาสสวน Frontpage Manager 2. ใหคลกรปสญลกษณ หรอ ทแถว Reorder เพอเปลยนล าดบ

Page 24: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

24

การจดการเมน (Menu Manager) กบ Content Item

Menu เปนสวนทน าขอมล Content Item มาแสดงบนเวบไซต เมนจะมทงหมด 4 รปแบบ ดงน

Main Menu (เมนหลก ปกตจะปรากฏทางดานซาย)

top menu (เมนดานบน)

user menu (เมนส าหรบสมาชก จะปรากฏเมอสมาชก Login)

Other Menu (เมนอน ๆ)

การจดการปม () บนเมน

การเขาสสวนการจดการเมน (Menu Manager)

การสรางปมเพมบนเมน

การลบปม

การสลบล าดบปม

การเปดและซอนปม

การเขาสสวนการจดการเมน (Menu Manager) (ในทนจะเปนการสรางปมบน main menu) 1. คลก menubar แลวเลอกค าสง menu => mainmenu

เมอเขาสสวนการจดการ menu จะปรากฏสวนแสดงรายละเอยดภายใน menu manager ดงรป

Page 25: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

25

ภาพสวนการจดการ menu (Menu Manager)

การสรางปมเพมบนเมน สามารถท าไดดงน

1. เขาสสวนการจดการเมน (menu manager)

2. กดปม 3. เลอกประเภทของปม (Menu Item)

4. กดปม

Page 26: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

26

การลบปม สามารถท าไดดงน

1. เขาสสวนการจดการเมน (Menu Manager) 2. เชคเครองหมาย √ ของ menu ทตองการลบ

3. กดปม (การลบ menu item นนภายในตองไมม menu item ใด ๆ อย)

การสลบล าดบปม สามารถท าไดดงน

1. เขาสสวนการจดการเมน (menu manager)

2. ใหคลกรปสญลกษณ หรอ ทแถว reorder เพอเปลยนล าดบ

การเปดและซอนปม สามารถท าไดดงน

1.เขาสสวนการจดการเมน (Menu Manager) 2.หากตองการใหปมใด ๆ ปรากฏอยภายในเมน สามารถท าไดโดยคลกรปสญลกษณ ในคอลมนของ published และหากไมตองการใหปรากฏบนเมนใหคลกเปลยนเปนรปสญลกษณ

ความหมายของปม (Menu Item) ประเภทตาง ๆ

Page 27: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

27

ท าความเขาใจกบชอของปม (Menu Item)

หากสงเกตชอชนดของปม (Menu Item) เชน Blog - Content Category จะสามารถเขาใจไดวารปแบบของชอปม (Menu Item) จะประกอบดวย [รปแบบการแสดงขอมล] - [ชนดของกลมเนอหา]

ดงนน Blog - Content Category สามารถเขาใจไดวาปมนเมอคลกแลวจะ [แสดงขอมลรปแบบแบบ Blog] - [เนอหาน ามาจาก Category] รปแบบการแสดงขอมล ไดแก 1. Blog แสดงเนอหาเฉพาะในสวน Intro Text เปนบทน าและม Link เพอใหผสนใจคลกอานเนอหาของ Content Item ตอทงหมด 2. Table แสดงเฉพาะหวขอขาวออกมาในรปแบบตาราง 3. Link แสดงเนอหาทงหมด

ชนดของกลมเนอหา ไดแก Section, Category, Content Item, Static Content Item, Url, Component ตาง ๆ และอน ๆ ปมบนเมนจะถกแบงออกตามกลมตาง ๆ ดงน

Content

Page 28: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

28

Components

Links

Miscellaneous

กลม Content

Blog - Content Category ปมส าหรบ Link ไปยงหนาทแสดงรายชอรวมของ Content Item ภายใน Category ทเลอก

Blog - Content Category Archive ปมส าหรบ Link ไปยงระดบหมวดหมยอยของเนอหา Category ซงจะท าการแสดงลกษณะของขอมลเหมอนหนาแรก โดยทขอมลดงกลาวถกก าหนดใหเปน Archive

Blog - Content Section ปมส าหรบ Link ไปยงหนาทแสดงรายละเอยดของ Content Item ภายใน Category ทเลอกในรปแบบรายละเอยดยอย

Blog - Content Section Archive ปมส าหรบ Link ไปยงระดบหมวดหมหลกของเนอหา Section ซงจะท าการแสดงลกษณะของขอมลเหมอนหนาแรก โดยทขอมลดงกลาวถกก าหนดใหเปน Archive

Link - Content Item ปมส าหรบ Link ไปยง Content Item

Link - Static Content ปมส าหรบ Link ไปยง Static Content Item

Table - Content Category ปมส าหรบ Link ไปยงหนาทแสดงรายชอรวมของ Content Item ภายใน Category ทเลอกในรปแบบ List

Table - Content Section ปมส าหรบ Link ไปยงหนาทแสดงรายชอรวมของ Content Item ภายใน Section ทเลอกในรปแบบ List

Page 29: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

29

กลม Components

Component ปมส าหรบ Components ทตดตงบนเวบไซต ซงรวม Components ทตดมากบการตดตง Joomla ในครงแรก รวมทง Component ของผพฒนารายอนทไดตดตงใชงานบนเวบไซต

Link - Component Item ปมส าหรบ Link ไปยงรายการยอยของ Component

Link - Contact Item ปมส าหรบ Link ไปยง Contact Us

Link - Newsfeed ปมส าหรบ Link ไปยงเวบไซตทใหบรการดงขาวมาแสดงบนเวบไซตของเรา

Table – Contact Category ปมส าหรบ Link ไปยง Contact Us ในลกษณะ List

Table – Newsfeed Category ปมส าหรบ Link ไปยงเวบไซตทใหบรการดงขาวมาแสดงบนหนาเวบไซตเราในรปแบบ List หวขอ

Table – Weblink Category ปมส าหรบ Link ไปยง Weblink Component

กลม Links

Link - Component Item ปมส าหรบ Link ไปยงเนอหาของ Component

Link - Contact Item ปมส าหรบ Link ไปยงรายการทอยส าหรบตดตอ

Link - Content Item ปมส าหรบ Link ไปยง Content Item

Link - Newsfeed ปมส าหรบ Link ไปยงรายการเวบไซตทใหบรการดงขาวมาแสดงบนเวบไซตของเรา

Link - Static Content ปมส าหรบ Link ไปยง Static Item

Link - Url ปมส าหรบ Link URL ตาง ๆ เชน เวบไซตมหาวทยาลยกรงเทพ

กลม Miscellaneous

Page 30: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

30

Separator / Placeholder ปมส าหรบคน Menu ตาง ๆ โดยท Menu ประเภทนจะไมมการก าหนด Link ปลายทาง

Wrapper ปมส าหรบ Link Wrapper

Page 31: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

31

ความหมายของปม (Menu Item) ประเภทตาง ๆ

เวบไซต joomla สามารถเปลยนรปแบบเวบไซต (Template) ไดอยางงายและรวดเรว ส าหรบขนตอนการจดการตาง ๆ มดงน

การเปลยน template

การตดตง template

การลบ template ออกจากเวบไซต

การเปลยน template สามารถท าไดดงน 1. คลก menubar แลวเลอกค าสง Site => Template Manager => Site Templates

เมอเขาสสวน template manager จะปรากฏสวนแสดงรายละเอยดดงรป (สามารถทราบไดวาเราเลอกใช template อะไรอยโดยใหสงเกตสญลกษณ ในคอลมนของ default)

ภาพ template manager

2. คลกวงกลมเลอก template ทตองการเปลยน

3. กดปม

Page 32: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

32

การตดตง template สามารถท าไดดงน 1. คลก menubar แลวเลอกค าสง Installers => Templates - Site

เมอเขาสสวนการตดตง template จะปรากฏสวนแสดงรายละเอยดดงรป

ภาพสวนการตดตง template

3. กดปม เพอเลอกไฟล template 4. กดปม

การลบ template ออกจากเวบไซต สามารถท าไดดงน 1. คลก menubar แลวเลอกค าสง Site => Template Manager => Site Templates

เมอเขาสสวน template manager จะปรากฏสวนแสดงรายละเอยดดงรป

Page 33: การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

33

ภาพ template manager

2. คลกวงกลมเลอก template ทตองการลบออกจากเวบไซต

3. กดปม (จะไมสามารถลบ template ออกได หาก template นนถกเลอกใชอย)

การเรยกด (Preview) เวบไซตหลงการแกไข

เมอมการเปลยนแปลงใด ๆ ทไดท าขนในสวน administrator สามารถทจะเปดดการเปลยนแปลงบนเวบไซต (Frontend) ไดโดย 1. คลก menubar แลวเลอกค าสง Preview => In New Window

จากนนโปรแกรม Joomla จะ popup โปรแกรม Internet Explorer (Web Browser) ขนมาพรอมกบเปดเวบไซต