สารบญ

1. การตดตงและใชงาน AppServ 1 2. ตดตง Joomla! 9 3. การลอกอน (Login) 20 4. การจดการเวบไซต (Website Configurations Manager) 22 5. การตดตงภาษา (Language) 27 6. การจดการเนอหา (Content Manager) 31

6.1 การจดการหมวดหมบทความ (Section Manager) 32 6.2 การจดการประเภทของบทความ (Category Manager) 36 6.3 การจดการบทความ (Article Manager) 40

7. การสรางบทความใหม (New Article) 43 8. การตดตงเทมเพลต (Template Manager) 49 9. การตดตง Module และ Plugin 54 10. การสราง Module ใหมทมมาใน Joomla 55 11. การจดการเมน (Menu Manager) 58

2

การตดตง Joomla!

ขนตอนการตดตง Joomla! จะเปนเรองงาย แตขนตอนการเตรยมการกอนการตดตงอาจจะไมงายนก เพราะผดแลเวบไซตจะตองเตรยมระบบใหพรอม โดยเฉพาะเรองของฐานขอมลทตองสรางขนกอน จงจะท าการตดตง Joomla! ได โดยฐานขอมลจะตองอยในรปแบบท Joomla! สามารถใชงานได และส าหรบบางเซรฟเวอรแลว การตดตง Joomla! ไมไดมเพยงแคขนตอนของการตดตงเทานน บางครงผดเวบไซตจะตองปรบแตงคาทอยในซอรสโคดของ Joomla! เพมเตมดวย โดยเฉพาะเวบทตดตงบนเซรฟเวอรทท างานดวย IIS สวนเซรฟทท างานดวย Apache มกจะไมคอยมปญหาเรองนมากนก อาจจะเปนเพราะถกออกแบบาใหท างานคกนกได

รปแบบของการตดตง Joomla! สามารถตดตง Joomla! ได 2 แบบดวยกนคอ การตดตงแบบโลคอล (Local Installation) ซงตองจ าลองเครองคอมพวเตอรทใชงานอยเปนเวบ

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

แบบทสองคอการตดตงบนเซรฟเวอร (Web Server Installation) ซงเปนการตดตงบนเวบเซรฟเวอรเพอการสรางเวบไซตจรง ๆ

แตกอนทจะตดตงใชงาน Joomla! จะตองมการตรวจสอบกอนวาคอมพวเตอรทเราใชงานหรอเวบเซรฟเวอรทจะใชงานพรอมส าหรบการใชงาน Joomla! แลวหรอยง

3

ความตองการของระบบ (System Requirements) ความตองการเบองตนของคอมพวเตอร ทจะตดตงใชงาน Joomla! เวอรชน 1.5 ทงการตดตงแบบโล

คอลและการตดตงบนเซรฟเวอร จะมความตองการของระบบทเหมอนกน ดงน 1. Apache เวอรชน 1.3 หรอสงกวา โดยปจจบนเปนเวอรชน 2.2 Apache เปนโปรแกรมเวบเซฟเวอร

แบบ Open Source ทใชงานไดฟร และดาวนโหลดไดท www.apache.org 2. PHP 4.3 หรอสงกวา โดยปจจบนเปนเวอรชน 5.2.5 แลว ส าหรบประมวลผลภาษาสครปบน

Web Server สามารถดรายละเอยดและดาวนโหลดไดท www.php.net 3. ฐานขอมล เวอรชน 3.23 หรอสงกวา โดยปจจบนเปนเวอรชน 6.0 ส าหรบเกบขอมลส าหรบการ

ท างานทกอยางของ Joomla! สามารถดาวนโหลดมาใชไดฟรท www.MySQL.com

4

การตดตงและใชงาน AppServ

การจ าลอง PC เปน Server เพอทดลองใชงาน นนมวธหลากหลายวธ และหลากหลายโปรแกรม

โปรแกรมทแนะน าคอ AppServ รน 2.5.10 (ณ วนทเขยน) ซง มรายละเอยดดงน Apache 2.2.8 PHP 5.2.6 MySQL 5.0.51b phpMyAdmin 2.10.3 เหตทเลอกเปนรนนเพราะ ใช php เวอรชน5 ซงจะรองรบการใชงานในอนาคต ซงโอสตงสวนใหญก

นาจะเรมมใหใชกนแลว หมายเหต กอนอนตองแนใจวาคณไมเคยตดตงโปรแกรมจาลองเครองเปน Server หากเคยใหถอนออก

กอนการตดตง หากตดตง IIS ไวตองปดการทางานกอนเชนกน

เรมตดตง 1. ดบเบลคลกappserv-win32-x.x.x.exe เพอตดตง AppServ บนเครองPC รปท1 เมอดบเบลคลกแลว

จะพบกบหนาจอตอนรบ

รปท1 เมอดบเบลคลกแลวจะพบกบหนาจอตอนรบ

5

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

รปท2 หนาประกาศลขสทธ GNU/GPL License 3. เมอคลก I Agree เพอยอมรบลขสทธแลว กจะเขาสหนาเลอกโฟลเดอร และไดรฟ ทจะตดตง

ในทนเปน C:\AppServ

รปท 3 เลอกโฟลเดอร

6

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

รปท 4 เลอกคอมโพเนนทจะตดตง 5. หนาServer Information

รปท 5 Server Information

7

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

Next

6. ตงคา MySQL

รปท 6 ตงคา MySQL

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

8

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

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

รปท 8 หนาสดทายของการตดตง

9

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

รปท 9 หนาจอทดสอบการตดตง AppServ

เสรจเรยบรอยสาหรบการเตรยมเครอง PC ของเราเปน Server จาลอง หากใครตดตงไมผาน ตองตรวจสอบใหดวาไมม โปรแกรมจาลอง Server อนๆ อยบนเครองเรา และหากใครใช Skype ตองตงคาให Skype ไม Auto run เมอเปดเครอง หรอทาการปดโปรแกรมกอน

โครงสรางของ AppServ

เมอตดตงแลว ตวโปรแกรมจะสราง ไดแรกเทอรตางๆ ดงรป ซงไดเรกเทอรทใชในการ Copy ไฟลแมมโบลงไปคอ www หมายเหต การจาลอง PC เปน Server ดวย AppServ นนเปนการทาเพอทดลองสครปเทานนไมแนะนาใหใชเปน Server จรงเนองจากความปลอดภย

10

ตดตง Joomla!

หลงจากจ าลอง PC เปนเครองแมขายแลว กสามารถตดตง Joomla! เพอพฒนาเวบไซตทตองการไดคณสามารถดาวนโหลดไฟล Joomla! เวอรชนลาสดไดท www.Joomla!.org จากตวอยางทใหตดตงเปน Joomla! เวอรชน

เมอคณดาวนโหลดไฟล Joomla!_ Joomla_1.5.10-Stable-Full_Package.zip มาเรยบรอยแลว กใหคณคลกขวาเลอกแยกไฟล... จากนนคลกปม OK

11

รปท 10 หนาจอแสดงการแยกไฟล

รอจนกวาจะแยกไฟลส าเรจ จากนนเปลยนใหเขาไปคลกขวาทโฟลเดอร เลอก Rename > พมพชอทตองการลงไปในทนใหพมพเปน test จากนนคลกแปนพมพ Enter

ขนตอนการสราง ฐานขอมลของเวบไซต 1. เปดโปรแกรม เวบเบราเซอรขนมา พมพแอดเดรสของเวบในชองแอดเดรสบารของโปรแกรมเวบ

เบราเซอรพมพ http://localhost/phpmyadmin ใส User name และ Password ทไดตดตง Appserv ไว แลวเลอก OK

รปท 11 ใส User และ Password

2. ตงชอฐานขอมลทตองการเกบขอมลของเวบไซต

12

รปท 12 หนาจอ phpMyAdmin

ชอง สรางฐานขอมลใหม พมพชอฐานขอมลทตองการเกบขอมลของเวบลงไป เชน test1 จากนนคลกทปม สราง จากนนปดหนาตางลงปดหนาตาง

ขนตอนการตดตง Joomla! 1. เปดเวบเบราเซอรขนมา พมพแอดเดรสของเวบในชองแอดเดรสบารของโปรแกรมเวบเบราเซอร

พมพ http://localhost/ ตามดวยชอโฟลเดอรทได Rename ในทนคอ test จะปรากฏหนาตาง ขนตอนแรกเปนการเลอกภาษาของการตดตง สามารถเลอกจอภาพลงมาเลอกภาษาทตองการได ในทนเลอกเปน th-TH – Thai (ภาษาไทย) > คลกปมถดไป

รปท 13 หนาตางเลอกภาษาส าหรบการตดตงภาษา

2. หนาตางตรวจสอบการตดตง คลกปมถดไป

13

รปท 14 หนาตางตรวจสอบระบบกอนการตดตง

3. หนาตางแสดงขอความลขสทธของ Joomla! จะแสดงขนมา จะเหนวา Joomala เปนซอฟตแวรเสรภายใตลขสทธแบบ GNU/GPL เมออานรายละเอยดลขสทธแลวใหคลกปม ถดไป

รปท 15 หนาตางแสดงขอความลขสทธของ Joomla!

14

4. หนาตางรายละเอยดเกยวกบฐานขอมล จะแสดงขนมาดงรปท 16 เราจะตองกรอกขอมลรายละเอยดของฐานขอมล ทจะน ามาใชงานเวบไซตลงไป ซงเปนฐานขอมลทเราไดสรางไวแลว ในขนตอนกอนหนานนนเอง

รปท 16 หนาตางรายละเอยดเกยวกบฐานขอมล

รายละเอยดของการกรอกขอมลในขนตอนน ดงน คา รายละเอยด

ชนดฐานขอมล ส าหรบเลอกชนดของโปรแกรมฐานขอมล ทใชงานกบเวบไซต มใหเลอก 2 ชนด mysql และ mysqli ซงสวนใหญแลวจะใช mysq กนเปนหลก และเราเองกไดตดตงใชงาน mysql ไวเชนเดยวกน ดงนนใหเลอกไวท mysql

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

ชอผใชฐานขอมล เปนชอของผมสทธเขาใชฐานขอมลทไดก าหนดไวในขนตอนของการสรางไฟลฐานขอมล ในตวอยางเปน root

รหสผาน เปนรหสผานส าหรบเขาใชงานฐานขอมล ทไดก าหนดไวในขนตอนของการสรางไฟลฐานขอมล ในตวอยางเปน 1234

ชอฐานขอมล เปนชอไฟลฐานขอมลทไดสรางไวซงตามตวอยางขางตนทเราสรางฐานขอมลกนไวมชอวา test

15

คา รายละเอยด

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

ตองการส ารองขอมลตารางหรอไม

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

ชอน าหนา (prefix) ตาราง ส าหรการก าหนดชอน าหนาของตารางตาง ๆทอยในฐานขอมล คาปกตคอ jos_ ซงแนะน าใหใชคาน

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

5. เมอการตดตงเสรจแลว หนาตางส าหรบการตงคาระบบ FTP (File Transfer Protocal) จะแสดงขนมากดงรป

รปท 17 หนาตางการตดตงระบบ FTP

16

รายละเอยดในการก าหนดคาในหนาตาง การตงคาระบบ FTP ตามรปท 17 มดงน คา รายละเอยด

เปดการใชงาน FTP Filesystem Layer

ก าหนดการเปดใชงานคณสมบตดาน FTP คลก Yes เพอเปดใชงาน หรอคลก No เพอไมเปดใชงาน

ชอผใช FTP ใสชอผใชงาน FTP

รหสผาน FTP ใสรหสผาน FTP

ราก FTP พาธ ใสต าแหนงโฟลเดอรหลกของ FTP

คนหา FTP พาธอตโนมต กดเพอให Joomla! หาต าแหนงหลกของ FTP อตโนมต

ตรวจสอบคาก าหนดของ FTP กดเพอให Joomla! ตรวจสอบคาก าหนดของ FTP จากเซรฟเวอรทใชงานอย

นอกจากนยงมแทบ “การตงคาขนสง” เพอก าหนดคาตาง ๆ เพมเตมอกดวย เมอคลกลงบนแทบนแลว กจะมรายละเอยดเพมขนมาดงน

คา รายละเอยด

FTP โฮสต ต าแหนงโฮสตของ FTP server

FTP Port พอรตทใชส าหรบ FTP server

เกบบนทกรหสผาน FTP “Yes” ส าหรบใหบนทกรหสผานเอาไว “No” ไมตองบนทกรหสผาน

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

6. หนาตางการตงคาระบบหลกจะแสดงขนมราดงรป

รปท 18 หนาตางการตดตงระบบหลก

17

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

ชอเวบไซต ส าหรบใสชอเวบไซต ซงชอของเวบไซตไมใชชอของโดเมนเนม เชน ชอเวบ “มหาวทยาลยพระจอมเกลาพระนครเหนอ” โดเมนเนมเปน www.kmutnb.ac.th หรออาจจะใสสดลแกนของเวบไซตสน ๆ ลงไปกได ชอของเวบไซต ทอยบนไตเตลบารของเวบเบราเซอร

อเมลของทาน ใสอเมลของผดแลเวบไซตลงไป

รหสผานของผด ใหตงรหสผานส าหรบผดเวบไซตลงไป

ยนยนรหสผานของผดแล ใสรหสผานส าหรบผดเวบลงไปอกครง

ตองการตดตงขอมลตวอยางหรอไม

การตดตงเพอทดลองใชงาน Joomla! เปนครงแรก กแนะน าใหตดตง ขอมลตวอยางตาง ๆ ของเวบลงไป เพอดเปนตวอยาง

ถดลงมาทดานลางจะเปนพนทส าหรบจดการฐานขอมล ส าหรบกรณทเปนการยาย (ฐานขอมล) เวบไซตจากเวบไซตเกาทสราดวย Joomla! เวอรชน 10.0.X มาเปน (ฐานขอมล) เวบไซตทสรางดวย Joomla! 1.5 สามารถอานไดท www.dodeeweb.com

หลงจากก าหนดคาเสรจเรยบรอยแลว ใหคลกปม ถดไป 7. หนาตางแสดงการตดตง Joomla! เสรจแลวจะแสดงดงรปท 19

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

18

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

9. การลบไฟลเดอร Installation ส าหรบการตดตงแบบโลคอล สามารถเขาไปลบไดท ไดเรกทอรส าหรบเกบไฟลเวบไซต ในตวอยางคอ C:\AppServ\www\test ทโฟลเดอร installation ใหเปลยนชอหรอ Delete โฟลเดอรออก

เมอลบหรอเปลยนชอ installation เรยบรอยแลว กสามารถเขาหนาเวบไซตและหนาผดแลระบบได กระบวนการตดตง Joomla! กเสรจสน

การเขาสหนาเวบไซต เปดเบารเซอรขนมา พมพ URL ของเวบไซต ตามตวอยางคอ http://localhost/test

รปท 20 หนาเวบไซต

19

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

20

แตละสวนในรป มชอเรยกและรายละเอยดดงตอไปน 1. โลโกขอเวบ 2. โมดล Breadcrumb อยในต าแหนงโมดล breadcrumb แสดงต าแหนงในปจจบนของหนาเวบเพจ 3. โมดล Menu ชอ Main Menu อยในต าแหนงโมดล left แสดงรายการเมนทอยใน Main Menu 4. โมดล Menu ชอ Resources อยในต าแหนงโมดล left แสดงรายการเมนทอยใน Resources 5. โมดล Menu ชอ Key Concepts อยในต าแหนงโมดล left แสดงรายการเมนทอยใน Key Concepts 6. โมดล Login From อยในต าแหนงโมดล left แสดงแบบฟอรมส าหรบใหสมาชกของเวบไซตลอก

อนเขาสเวบไซต 7. โมดล Banner อยในต าแหนง Footer แสดงปายโฆษณา 8. โมดล Footer อยในต าแหนง Footer แสดงขอความลขสทธเวบไซต 9. โมดล Menu ชอ Top Menu อยในต าแหนงโมดล user3 แสดงรายการเมนทอยใน Top Menu 10. โมดล Newsflash อยในต าแหนงโมดล top แสดงแบบฟอรมส าหรบคนหาขอมลในเวบไซต 11. โมดล Search อยในต าแหนงโมดล user4 แสดงแบบฟอรมส าหรบคนหาขอมลในเวบไซต 12. โมดล Popular อยในต าแหนงโมดล user2 แสดงรายชอบทความยอกนยม 13. โมดล Latest News อยในต าแหนงโมดล user1 แสดงรายชอบทความลาสด 14. โมดล Polls อยในต าแหนงโมดล right แสดงแบบฟอรมแสดงความคดเหน (โพลล) 15. โมดล Who’s online อยในต าแหนงโมดล right แสดงจ านวนผเขาชมเวบไซตในปจจบน 16. โมดล Advertisement อยในต าแหนงโมดล right แสดงขอความโฆษณาทก าหนด 17. บทความหลกของเวบไซต แสดงในต าแหนงโมดลคอมโพเนนต 18. ปายน าทาง (Page navigation) ส าหรบไปยงหนาอนของบทความหลกบนเวบไซต

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

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

21

การลอกอน (Login)

การจดการเวบไซต และการจดการเนอหาบนเวบไซต ทสรางดวย Joomla! เรมตนดวยการลอกอนเขา

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

1. การลอกอนทางดานหลง (Backend Login) 2. การลอกอนทางดานหนา (Frontend Login)

การลอกอนทางดานหลง (Backend Login) การลอกอนเขาทางดานหลง คอการเชอมโยงเขากบโครงสรางของเวบไซตซงควบคมดวยไฟลซอร

สโคดทแตกตางจากการลอกอนเขาทางดานหนาเวบไซต การลอกอนแบบนท าไดโดยการเตม /administrator ตอเขาไปดานหลงชอแอดเดรสของเวบไซต เชน http://localhost/test/administrator เปนตน เปนการเรยกหนาตางส าหรบผดแลเวบไซต

1. เปดเวบเบราเซอร พมพ URL เขาหนาผดแล จากตวอยางนคอ http://localhost/test/administrator จะปรากฎหนาตางส าหรบการกรอกรหสผานเพอเขาสหนาผดแลเวบไซต ดงรปท 22

รปท 22 หนาลอกอนกอนการเขาสหนาผดแลเวบไซต

22

2. กรอกขอมล Username และ Password ทไดตดตง Joomla! เมอกรอกขอมลเรยบรอยแลวกดปม Login หรอ เคาะปม Enter จากนนจะปรากฏหนาจอหลกส าหรบผดแลเวบไซต

รปท 23 หนาตางหลกส าหรบผดแลเวบไซต

การลอกอนทางดานหนา (Frontend Login) การลอกอนดานหนาเวบไซต หรอทาง Frontend คอ การทผใชงานเปดหนาเวบไซตปกตขนมา ในสวนขอเมน Login Form ใหกรอกขอมล User name และ Passwordการลอกอนหนาเวบ สามารถเขาดเนอหาในสวนทปองกนไวส าหรบสมาชก การเขยนบทความและการจดการเนอหาของเวบไซตบางสวน แตไมสามารถจดการคณสมบตดของเวบไซตเหมอนกบการลอกอ นเขาทางดานหลง และเมอผใชงานลอกอนเขาดานหนาเวบไซตเรยบรอยแลว กจะเจออกบเมนเครองมอส าหรลสรางเนอหา ซงจะมเมนเครองมอใดบางนนกขนอยกบการตงคาของ Super Administrator

รปท 24 ต าแหนงการ login ดานหนาเวบ หรอ Frontend

23

การจดการเวบไซต (Website Configurations Manager)

การตงคาคอนฟกหลก (Global Configuration)

เปนการก าหนดคณสมบตในการท างานของเวบไซต สามารถเรยกใชได 2 แบบคอ แบบท 1 เลอก Icon Global Configuration

รปท 25 แผงควบคมหลก (Control Panel)

แบบท 2 คลกเมน Site > Global Configuration

รปท 26 เมน Site

หลงจากเลอกค าสงดวยวธแบบท 1 หรอแบบท 2 เรยบรอยแลวกจะเขาสหนาตางเครองมอตงคาคอนฟกหลก ดงรปท 27

24

รปท 27 หนาตางการตงคาคอนฟกหลก ในหนาตางส าหรบการตงคาคอนฟกหลก แบงการก าหนดคาใหกบสวนตาง ๆ ของเวบไซตออกเปน 3

แทปดวยกนคอ เวบ (Site), Systems และเซรฟเวอร (Server) รายละเอยดดงน

การตงคาคอนฟก “เวบ” (Site) หนาตางส าหรบตงคาคอนฟกทอยในแทบเวบแบงกรอบพนทส าหรบการก าหนดปรบแตงคาคณสมบต

ออกเปน 3 ดาน คอ ตงคาเวบ (Site Setting), การตงคาเมตาดาดา (Metadata Setting) และการตงคา SEO (SEO Setting)

รปท 28 ตงคาเวบ (Site)

25

รายละเอยดของการก าหนดคาในกรอบตงคาเวบ (Site Setting) ตามรปท 28 คา รายละเอยด

เวบออฟไลน (Site Office)

การออฟไลนเวบจะท ากตอเมอ มการปรบปรงเวบไซตทตองใชเวลาในการด าเนนงานมากหรอการตดตงโปรแกรมเสรมใหกบเวบไซต ซงมผลตอคณสมบต หรอหนาตาของเวบไซต จงตองตงเปนออฟไลนไวกอน การตงคาเปน ไม : เปด (Online) เวบไซต ใช : ปด (Offline) เวบไซต

ขอความออฟไลน (Offline Massage)

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

ชอเวบ (Site Name)

การตงชอของเวบไซตไมใชชอของโดเมนเนม ชอของเวบไซตควรเปนชอทสอถงเอกลกษณของเวบไซต หรอสงทเวบไซตน าเสนอเปนหลก และทส าคญคอชอเวบนจะถกมองเหนไดโดยตรงจากเสรชเอนจนตาง ๆ อยาง Google, Yahoo อกดวย

WYSIWYG เอดเตอรปกต (Default WYSIWYG Editor

ตวเลอกของเครองมอเขยนบทความ หรอเขยนเนอหาในสวนตาง ๆ ของ Joomla! มอย 2 ตวเลอกคอ No Editor หมายถง เปนเครองมอเขยนบทความทผใชงานตองเขยนแทกของภาษา HTML และ TinyMCE 2.0 เปนเครองมอแบบ WYSIWYG (What you see is what you get) เปนการเขยนบทความทมเครองมอชวยในการเขยนในลกษณะการใชงาน icon

แสดงรายการความยาว (List Length)

ก าหนดคาจ านวนของรายการขอมลตาง ๆ ทจะใหแสดงในแตละหนาของเวบไซต เชน รายการบทความในหนาการจดบทความ ถาก าหนดไวท 30 หนาจดการบทความกจะสามารถแสดงผลรายการบทความ 30 บทความตอหนาเปนตน ตวเลอกทมคอ 5, 10, 15, 20, 25, 30, 50, 100

Feed Length ก าหนดคาจ านวนเนอหา ทจะใหน าไปแสดงใน Feed ตวเลอกทมคอ 5, 10, 15, 20, 25, 30, 50, 100

กรอบการตงคาเวบ หรอ Site Setting ดงรปท 29

รปท 29 การตงคา Metadata Setting

26

รายละเอยดการก าหนดคาในกรอบการตงคาเมตา (Metadata Setting) คา รายละเอยด

รายละเอยดคาแทกเมตาของเวบ (Global Site Meta Description)

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

ค าสงในการแทกเมตาของเวบ (Global Sit Meta Keywords)

เปนคาค าส าคญ หรอคยเวรดของเวบไซต จ านวนค าไมควยเกน 300-500 ตวอกษร ระหวางค าใชเครองหมาย “,” ถาเปนค าส าคญทประกอบดวยค าหลายค าลอมค านนดวย ‘’ เชน ‘มหาวทยาลยพระจอมเกลาพระนครเหนอ’ และอยาใชค าซ ากนมากจนเกนไป

แสดงชอเวบในแทกเมตาของเวบ (Show Title Meta Tag)

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

แสดงชอผเขยนในแทกเมตา (Show Author Meta Tag)

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

การตงคา SEO (SEO Setting)

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

รปท 30 การตงคา SEO

27

รายละเอยดการตงคา SEO คา รายละเอยด

ชอ URL แบบงายเหมาะกบเสรชเอนจน (Search Engine Friendly URLs)

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

ใช Apache mod_rewrite (User Apach mod_rewrite)

เปนตวเฉพาะส าหรบเวบเซรฟเวอรทท างานดวยโปรแกรม Apache เทานน ส าหรบการก าหนดวาจะใหเปลยน ส าหรบจะใหเปลยน URL ของหนาเวบเพจใหอยในรปทอานเขาใจไดงานหรอไม ถาเลก “ใช” กจะตองเปลยนชอไฟล htaccess.txt ทอยในโฟลเดอรหลกของเวบไซตใหเปน . htaccess กอนดวย ไม : ไมเปลยน ใช : เปลยน

Add suffix to URLs ก าหนดวาจะใหใส .html ซงเปนนามสกลของไฟลหนาเวบเพจลงไปทดานหลง URL ของเวบเพจดวยหรอไม ไม : ไมใส .html ใช : ใส .html

ในสวนของการตงคา SEO ใหเปลยนคาดงตอไปน 1. คาชอ URL แบบงายเหมาะกบเสรชเอนจน (Search Engine Friendly URLs) ใหเปลยนคาเปน ใช 2. ถาใชงานเวบเซรฟเวอรทท างานดวยลนกซและโปรแกรม Apache เปนเวบเซรฟเวอรทคาใช

Apache mod_rewrite (User Apach mod_rewrite) ใหเปลยนคาเปน ใช และเปลยนชอไฟล htaccess.txt เปน . htaccess

28

การตดตงภาษา (Language)

Joomla! เรมตนการพฒนาเวบดวยภาษาองกฤษ และยงเปนเชนนมาจนถงปจจบน ดงนน Joomla! ในภาษาอน ๆ ทไมใชภาษาองกฤษ ตองมทมพฒนาแกไขใหแสดงผลภาษาของประเทศตนเองได ภาษาไทยกเชนเดยวกน ขนตอนการตดตงภาษาไทยใหกบ Joomla!

1. เขาไปยงหนาตางผดแลเวบไซตแลว ใหคลกเลอกเมน Extensions แลวคลกเลอกเมนยอย Install/Uninstall ดงรปท 24

รปท 24 เมน Extensions > Install/Uninstall

2. หนาตาง Extensions Manager จะแสดงขนดงรปท 25

29

รปท 25 หนาตาง Extensions Manager ส าหรบตดตงโปรแกรมเสรมใหกบ Joomla!

3. ทชอง Package File : ใหคลกไปทปม Browse … เมอหนาตาง File Upload แสดงขนมาดงรปท 26

รปท 26 หนาตาง File Upload ส าหรบการเลอกไฟลทตองการตดตงภาษาให Joomla!

คลกปม Open จะปรากหนาตางดงภาพท 25 แตจะแตกตางกนทมไฟลทเลอกไวในชอง Package File : th-TH_joomla_lang_full.1.5.14v1.zip จากนนใหคลกปม Upload File & Install และเมอตดตงไดหรอเสรจสมบรณจะปรากฎขอความ “Install Language Success” ดงรปท 27

30

รปท 27 แสดงขอความการตดตงภาษาไทยเสรจเรยบรอยแลว

4. ขนตอนการตงคาการใชภาษาไทยหลงการตดตง ไปทเมน Extensions เลอกเมนยอย Language Manager

รปท 28 เมน Language Manager การตงคาภาษาใหกบเวบไซต

5. หนาตาง Language Manager จะแสดงขนมากดงรปท 29 ซงเปนหนาตางส าหรบการตงคาภาษาของหนาเวบไซตและหนาผดแลระบบ

วธการตงคาภาษาไทยใหกบหนาเวบ คลกเลอกท Tap Site > คลกทชองวางเลอกภาษาไทย > คลกเลอกปม Default หนาเวบกจะเปลยนจาก

ภาษาองกฤษเปนภาษาไทย

31

รปท 29 ภาษาปกตของเวบไซต

วธการตงคาภาษาไทยใหกบหนาผดแลเวบไซต คลกเลอกท Tap Administrator > คลกทชองวางเลอกภาษาไทย > คลกเลอกปม Default หนาผดแลเวบกจะเปลยนจากภาษาองกฤษเปนภาษาไทย

รปท 30 ภาษาปกตของผดแลเวบไซต

เพยงเทานการตดตงภาษาไทยใหกบ Joomla กเสรจเรยบรอย ถาเราเรยดดหนาเวบไซตปกตกจะพบวา Login From กจะกลายเปน “ชอผใช” กบรหสผาน ท Who’s online กจะเปน “เราม 1 บคคลทวไปออนไลน” และท Read more…กจะเปลยนเปน “อานเพมเตอม ...” เปนตน แตสวนทเปนเนอหายงเปนภาษาองกฤษเหมอนเดมเนองจากขาวทเขยนขนเขยนดวยภาษาอกกฤษ

32

การจดการเนอหา (Content Manager)

Joomla! แบงโครงสรางเนอหาเวบเปน 3 ระดบ โดยเปนระดบของโครงสราง 2 ระดบ และเปนระดบของเนอหา 1 ระดบ โครงสรางเนอหาของเวบไซต 3 ระดบประกอบดวย

1. Section หมวดหมบทความ 2. Category ประเภทของบทความ 3. Article บทความ

เราอาจเปรยบ Section เปน Folder ใหญ ซงภายในจะเกบ Folder ยอยในทนกคอ Category และภายใน Category จะเปนทเกบ Content Item หรอไฟลเอกสารและไฟลขอมลตาง ๆ ดงรป

รปท 31 แสดงโครงสรางเนอหาของ Joomla!

33

การจดการหมวดหมบทความ (Section Manager) หมวดหมเปนบทความเปนโครงสรางเนอหาทอยสงสดของ Joomla! สามารถท าได 2 วธคอ วธท 1 เลอก icon ทหนาแผงควบคมหลก การจดการหมวดหม (Section Manager) ดงรปท 32

รปท 32 แผงควบคมหลก (Control Panel)

วธท 2 เลอกเมน บทความ (Content) > เลอกเมนยอย การจดการหมวดหม (Section Manager)

รปท 33 เมน Content > Section Manager หรอการสรางหมวดหมบทความ

หลงจากเลอกเขาสการตงคาการจดการ Section (Section Manager) เรยบรอยแลวจะปรากฎหนาตาง

การท างานดงรปท 34

รปท 34 หนาตางหลกส าหรบจดการหมวดหมบทความ (Section Manager)

34

ความหมายของปมค าสงตาง ๆ บนหนาตาง Section ปม ชอปม รายละเอยด

เผยแพร (Publish)

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

ไมเผยแพร (Unpublish)

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

คดลอก (Copy)

คดลอกรายการขอมลทเลอกไวจากทหนงไปไวอกทหนง

ลบ (Delete)

ลบรายการขอมลทเลอกไวออกไปจากฐานขอมลอยางถาวร

แกไข (Edit)

แกไขรายการขอมลทถกเลอก

สรางใหม (New)

สราง Section ใหม

ชวยเหลอ (Help)

หนาตางชวยเหลอการใชงาน

การสรางหมวดหมบทความ (New Section)

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

ขนตอนในการสรางหมวดหมบทความใหม

1. คลกเลอกปมสรางใหม (New) หนาตางสรางใหมจะเปดขนมาดงรปท 35

35

รปท 35 หนาตางหลกส าหรบการสรางหมวดหมใหม (Section Manager)

2. กรอกคาส าหรบการสรางหมวดหมบทความใหม รายละเอยดหนาตางสรางหมวดหมบทความใหม

คา รายละเอยด ขอบเขต (Scope)

เปนตวระบชนดของหมดหมท Joomla! ก าหนดมาใหโดยอตโนมต โดยปกตจะมคาเปน Content หมายถงเปนหมวดหมทเปนเนอหาของเวบไซตเทานน

ชอเรอง (Title)

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

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

เผยแพร (Published)

ส าหรบเลอกวาจะใหเนอหาทอยในหมวดหมบทความน สามารถเผยแพรบนเวบไซตหรอไม ตวเลอกทมคอ “ใช” : เผยแพร และ “ไม” : ไมเผยแพร

36

คา รายละเอยด จดเรยง (Order)

ก าหนดการจดเรยงหมวดหมบทความ

ระดบการเขาถง (Access Level)

ก าหนดกลมผเขาใชงาน ทสามารถเขาถงเนอหาทอยในหมวดหมของบทความน

รปภาพ (Image)

ส าหรบเลอกภาพประกอบหมวดหมบทความ โดยเปนภาพทอยในโฟลเดอร images/stories

ต าแหนงรปภาพ (Image Position)

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

ค าอธบาย (Description)

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

3. เมอก าหนดคารายละเอยดตาง ๆ ของหมวดหมบทความทสรางครบถวนแลวเรยบรอยแลวใหคลก

ปม บนทก (Save) หรอปม น าไปใชงาน (Apply) บนแถบเครองมอเพอบนทกคาเกบไวกลบมาทหนาตางการจด Section อกครง

รปท 36 แสดงรายการหมวดหมบทความ “ภาวะโลกรอน” ทถกสรางขนใหม

37

การจดการประเภทของบทความ (Category Manager)

ประเภทของบทความเปนโครงสรางเนอหาทอยลองลงมาจาก Secton การสรางประเภทบทความ (Category) ของ Joomla! สามารถท าได 2 วธคอ

วธท 1 เลอก icon ทหนาแผงควบคมหลก การจด Category (Category Manager) ดงรปท 32

รปท 37 แผงควบคมหลก (Control Panel)

วธท 2 เลอกเมน บทความ (Content) > เลอกเมนยอย การจด Category (Category Manager)

รปท 38 เมน Content > Category Manager หรอการสรางประเภทบทความ

หลงจากเลอกเขาสการตงคาการจดการประเภทบทความ (Category Manager) เรยบรอยแลวจะปรากฎหนาตางการท างานดงรปท 39

รปท 39 หนาตางหลกส าหรบจดการประเภทบทความ (Category Manager)

38

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

ปม ชอปม รายละเอยด

เผยแพร (Publish)

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

ไมเผยแพร (Unpublish)

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

ยาย (Move)

ยายรายการขอมลทเลอกไว ออกจากทหนงไปอกทหนง

คดลอก (Copy)

คดลอกรายการขอมลทเลอกไวจากทหนงไปไวอกทหนง

ลบ (Delete)

ลบรายการขอมลทเลอกไวออกไปจากฐานขอมลอยางถาวร

แกไข (Edit)

แกไขรายการขอมลทถกเลอก

สรางใหม (New)

สราง Category ใหม

ชวยเหลอ (Help)

หนาตางชวยเหลอการใชงาน

การสรางหมวดหมบทความ (New Category)

การสรางประเภทบทความใหม ในเวบไซตจะท าไดเมอไดมการสรางหมวดหมของบทความ (Section Manager) ไวแลวอยางนอย 1 หมวดหม เนองจาก Category จะถกบรรจไวใน Section นนเอง

ขนตอนในการสรางประเภทบทความใหม

1. คลกเลอกปมสรางใหม (New) หนาตางสรางใหมจะเปดขนมาดงรปท 40

39

รปท 40 หนาตางหลกส าหรบการสรางประเภทบทความใหม (Category Manager)

2. กรอกคาส าหรบการสรางประเภทบทความใหม รายละเอยดหนาตางสรางหประเภทบทความใหม (Category Manager)

คา รายละเอยด ชอเรอง (Title)

ชอประเภทบทความ เปนชอทจะถกน าไปแสดงเปนหวขอของ Category และ Breadcrumbs บหนาเวบเพจ

Alias ชอแบบยาวของประเภทบทความ เปนชอทจะถกน าไปแสดงในแถบแอดเดรสบารหรอในลงกบนหนาเวบเพจ ทเสรชเอนจนสามารถมองเหนได (ในสวนนจะตองเลอกวาตองการให Category ทสรางอยภายใต Section ใด กรณทมเพยงหนง Section กไมตองเลอกเพราะระบบจะก าหนดใหอตโนมต)

เผยแพร (Published)

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

40

คา รายละเอยด

จดเรยง (Order)

ก าหนดล าดบประเภทบทความ

ระดบการเขาถง (Access Level)

ก าหนดกลมผเขาใชงาน ทสามารถเขาถงเนอหาทอยในประเภทของบทความน

รปภาพ (Image)

ส าหรบเลอกภาพประกอบประเภทบทความ โดยเปนภาพทอยในโฟลเดอร images/stories

ต าแหนงรปภาพ (Image Position)

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

ค าอธบาย (Description)

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

3. เมอก าหนดคารายละเอยดตาง ๆ ของประเภทบทความทสรางครบถวนแลวเรยบรอยแลวใหคลกปม

บนทก (Save) หรอปม น าไปใชงาน (Apply)

รปท 41 แสดงรายการหมวดหมบทความ “สาเหตโลกรอน” ทถกสรางขนใหม

41

การจดการบทความ (Article Manager)

การสรางบทความใหม สามารถท าได 2 วธคอ วธท 1 เลอก icon ทหนาแผงควบคมหลก บทความ Article (Article Manager) ดงรปท 42

รปท 42 แผงควบคมหลก (Control Panel)

วธท 2 เลอกเมน บทความ (Content) > เลอกเมนยอยการจดการบทความ Article (Article Manager)

รปท 43 เมน Content > Article Manager การสรางบทความ

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

หลงจากเลอกเขาสการ เรยบรอยแลวจะปรากฎหนาตางการท างานดงรปท 44

รปท 44 หนาตางหลกส าหรบจดการบทความ (Article Manager)

42

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

ปม ชอปม รายละเอยด

คลงบทความ

(Archive) ส าหรบสงบทความทเลอกไว เขาไปเกบในคลงบทความ

ยกเลกคลงบทความ

(Unarchive) ส าหรบสงยกเลกรายกาบทความทถกเกบไว ในคลงบทความ ใหกลบออกมอยทเดม

เผยแพร

(Publish) สงเผยแพรรายการขอมลทเลอกไว ใหแสดงผลบนเวบไซตได

ไมเผยแพร

(Unpublish) สงงดการเผยแพรรายการขอมลทเลอกไว ไมใหแสดงผลบนเวบไซตได

ยาย

(Move) ยายรายการขอมลทเลอกไว ออกจากทหนงไปอกทหนง

คดลอก (Copy)

คดลอกรายการขอมลทเลอกไวจากทหนงไปไวอกทหนง

ลบ

(Delete) ลบรายการขอมลทเลอกไวออกไปจากฐานขอมลอยางถาวร

แกไข (Edit)

แกไขรายการขอมลทถกเลอก

สรางใหม

(New) สรางบทความใหม

Parameters เปดหนาตางส าหรบก าหนดคาคณสมบตพนฐาน ของรายการขอมลทก าลง

แสดงผลอยในขณะนน

ชวยเหลอ

(Help) หนาตางชวยเหลอการใชงาน

การสรางบทความใหม (New Article)

การสรางบทความใหมมขนตอนดงตอไปน 1. เขาสหนาตางการจดการบทความ คลกทเมน บทความ (Content) เลอกเมนยอย การจดการ

บทความ (Article Manager)

2. คลกเลอกปมสรางใหม (New) หนาตางสรางใหมจะเปดขนมาดงรปท 45

43

รปท 45 หนาตางหลกส าหรบการสรางบทความใหม

3. กรอกคาส าหรบการสรางบทความใหม

44

แถบแทรกรป และแบงเนอหา เลขหนา

รายละเอยดหนาตางสรางบทความใหม (Article Manager) ประกอบดวย 4 สวนดงน สวนท 1 รายละเอยดของบทความ

รปท 46 หนาตางรายละเอยดของบทความ

คา รายละเอยด ชอเรอง (Title)

ชอประเภทบทความ เปนชอทจะถกน าไปแสดงเปนหวขอของ Category และ Breadcrumbs บหนาเวบเพจ

Alias ชองส าหรบใสชอสน ๆ ของบทความจะแสดงผลในหนาผดแลระบบและในลงตาง ๆ บนหนาเวบเพจดวย

Section ส าหรบเลอกหมวดหมบทความทตองการ ใหกบบทความทก าลงจะสราง Category ส าหรบเลอกประเภทบทความทตองการ ใหกบบทความทก าลงจะสราง เผยแพร

(Published) ส าหรบก าหนดวา บทความทก าลงจะสรางใหมน สามารถเผยแพรบนเวบไซตไดหรอไม ตวเลอกทม “ไม” No : งดเผยแพร และ “ใช” Yes : เผยแพร

หนาแรก (Front Page)

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

สวนท 2 เครองมอ TinyMCE 2.0 WYSIWYG Editor

ป มค าสงตาง ๆ

พนทส าหรบการ

เขยนบทความ

45

ปมจดรปแบบเนอหา เครองมอ TinyMCE 2.0 WYSIWYG Editor

รปท 47 ปมในการสรางบทความ

คา รายละเอยด

ตวหนา

ตวเอยง

ชดเสนใต

ขดเสนทบ

จดขอความชดซาย

จดขอความตรงกลาง

จดขอความชดขวา

จดขอความชดขอบทงซายและขวา

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

การใชงานปมส าหรบก าหนดฟอรแมตใหกบขอความหรอประโยคนน กจะคลายกนกบการก าหนดสไตล เพยงแตการก าหนดฟอรแมตนน จะเปนการก าหนดรปแบบทเปนมาตรฐานของภาษา HTML เชน HEADING 1 <H1>, HEADING 2 <H2> เปนตน ไมสามารถสรางรปแบบหรอฟอรแมตทก าหนดใหมได แตสามารถก าหนดรปแบบของฟอรแมตทก าหนดไวแลวนได โดยจะเปนการก าหนดไวในไฟล CSS ของเทมเพลตทใชงานอย เชนเดยวกน

ก าหนดใหยอหนาเปนหวขอยอย

ก าหนดใหอยหนาเปนหวขอล าดบตวเลข

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

เพมการเยองหนา

ยกเลกการกระท าลาสด

ใหกระท าซ าการกระท าลาสดอกครง

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

ลบลงก ใชลบลงกทอยบนเนอหาในสวนทเลอกไวทงไป

สรางหมด (Anchor)

แทรกรปภาพ ก าหนดต าแหนงและขนาดของภาพทตองการใหแสดงในหนาเนอหา

ลางโคด HTML

46

คา รายละเอยด

ปมเปดหนาตางภาษา HTML ใชส าหรบเปดหนาตางของบทความทอยในแบบของแทกภาษา HTML ขนมา เพอท าการแกไขกบซอรสโคดภาษา HTML ได

คนหา ขอความทตองการภายในบทความทก าลงสรางอย

แทนทขอความ

แทรกวน เดอน ป ลงในบทความ ณ ต าแหนงทเคอรเซอรเมาสชอย (Y.M.D)

ปมแทรกเวลาใชส าหรบแทรกเวลาปจจบน (H:M:S)

แทรกไอคอนอารมณ (Emotion Avatat)

แทรกมลตมเดย ไฟล Flash, Quicktime, Shockwave,Windows Media และ Real Media

แทรกเลเยอร

เลอนเลเยอรขนมาซอนไวดานหนา

เลอนเลเยอรขนมาซอนไวดานหลง

ก าหนดรปแบบวธการจดต าแหนง สลบไปมา

เลอกสส าหรบขอความ

แทรกเสนคน แนวนอนลงในบทความ ณ ต าแหนงทเคอรเซอรเมาสชอย

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

ตวหอย

ตวยก

แทรกสญลกษณพเศษ

แทรกเสนแนวนอน

แทรกตาราง

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

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

แทรกแถวดานบน ใชแทรกแถวเพม 1 แถวทดานบนของแถวทเลอกไว

แทรกแถวดานลาง ใชแทรกแถวเพม 1 แถวทดานลางของแถวทเลอกไว

ลบแถว ใหลบแถวในตารางทเลอกไว

แทรกคอลมนดานหนา

แทรกคอลมนดานหลง

ลบคอลมน

แยกเซลลทเลอกไวออกเปนเซลลยอย ๆ

รวมเซลลใชส าหรบรวมเซลลหลาย ๆ เซลลทไดเลอกไว

โหมดเตมจอ

ก าหนดรปแบบอกษรดวย CSS

47

สวนท 3 รายละเอยดการก าหนดคาพารามเตอร (Parameters) พารามเตอรบทความ Parameters (Article)

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

คา รายละเอยด Author ผเขยน

Author Alias ชอแทนผเขยน Access Level ระดบการเขาถง Created Date วนทสราง

Start Publishing เรมเผยแพร Finish Publishing การเผยแพรเสรจสน

Parameters -Advanced

รปท 49 Parameters –Advanced

48

คา รายละเอยด แสดงไตเตล Show Title

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

ลงกหวเรอง Title Linkable

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

ขอความสวนตน Intro Text

ก าหนดใหแสดงขอความสวนตนเมอคลกอานรายละเอยด ซอน : ไมใหแสดง แสดง : ใหแสดง

ชอ Section Section Name

ก าหนดการแสดงชอหมวดหมของบทความหรอไม ซอน : ไมใหแสดง แสดง : ใหแสดง

ชอ Section เปนลงก Section Title Linkable

ใหชอหมวดหมของบทความลงกไปยงหมวดหมหรอไม ไม : ไมเปนลงก ใช : เปนลงก

ชอ Category Category Title

ก าหนดใหแสดงประเภทบทความหรอไม ซอน : ไมใหแสดง แสดง : ใหแสดง

ลงกไปยงชอ Category Category Title Linkable

ใหชอประเภทบทความลงกไปยงหนารายการประเภทบทความหรอไม ไม : ไมเปนลงก ใช : เปนลงก

การใหคะแนน Article Rating

ใหแสดงปมใหคะแนนกบบทความทอาน ซอน : ไมใหแสดง แสดง : ใหแสดง

ชอผเขยน Author Name

ใหแสดงชอผเขยนบทความ ไวในสวนน าหนาเวบเพจของบทความดวยหรอไม ซอน : ไมใหแสดง แสดง : ใหแสดง

วนทสราง และเวลา Created Date and Time

จะใหแสดงวนทและเวลาทสรางบทความหรอไม ซอน : ไมใหแสดง แสดง : ใหแสดง

วนทแกไขและเวลา Modified Date and Time

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

ไอคอน PDF PDF Icon

จะใหแสดงไอคอนหรอค าสงบทความใหเปนเอกสาร PDF หรอไม ซอน : ไมใหแสดง แสดง : ใหแสดง

ไอคอนพมพ Print Icon

จะใหแสดงไอคอนหรอสงพมพบทความบน บทความหรอไม ซอน : ไมใหแสดง แสดง : ใหแสดง

ไอคอนอเมล E-mail Icon

จะใหแสดงไอคอนอเมลบทความหรอไม ซอน : ไมใหแสดง แสดง : ใหแสดง

ภาษาบทความ Content Language

เลอกภาษาหลกของบทความ

ขอความอางอง Key Reference

ใสขอความทตองการใหเปน ขอความอางอง

Alternative Read more text ขอความทางเลอกอานรายละเอยดเพมเตม

49

รายละเอยดเมตา (Metadata Information)

รปท 50 รายละเอยดเมตา

คา รายละเอยด ค าอธบาย

Description ใสค าอธบายหรอขอความแสดงบทสรปของบทความทเขยนอย

ค าส าคญ Keywords

ใสค าส าคญ หรอคยหลกเพอเปนค าคน ในการคนหาบทคาม

Robots ผเขยน Author

แสดงชอผเขยนบทความ

สวนท 4 แถบแทรกรป และแบงเนอหา เลขหนา

คา รายละเอยด รปภาพ Image

ส าหรบการอพโหลดภาพและการแทรกภาพเขาสบทคาม

หนาใหม Pagebreak

ตวแบงหนาเนอหาบทความ

อานตอ Read more

ก าหนดบทความออกเปนสองสวนคอ บทน า และบทความทเหลอ

50

การตดตงเทมเพลต (Template Manager)

เทมเพลตคอ กลมของไฟลซอรสโคดหลาย ๆ ไฟล ทเขยนขนดวยภาษาสครปตตาง ๆ เชน PHP,

HTML, CSS, Java และ XML ซอรสโคดจากไฟลตาง ๆ เหลานจะท างานรวมกนในการก าหนดและควบคม

รปแบบของการแสดงผลเนอหาชนดตาง ๆ บนเวบไซต

รปท 51 ตวอยางไฟลตาง ๆ ของเทมเพลต beez

51

ขนตอนการตดตงเทมเพลตใหม 1. จากหนาแผงควบคมหลกของ Joomla ใหคลกเลอกเมน Extensions > Install/ Uninstall จะปรากฎ

หนาตาง

รปท 52 Extension Manager

2. กลม Upload Package File คลกทปม Browse เลอกไฟล เทมเพลตทตองการตดตง ไฟลทใชในการตดตงจะเปน .zip ไฟล

3. เมอเลอกไฟลเรยบรอยแลวใหคลกทปม Upload File & Install 4. หากตดตงเทมเพลตส าเรจจะมขอความแจง

Install Template Success

5. ขนตอนตอไป หลงจากตดตงเทมเพลตเรยบรอยแลว จะตองเปดการใชงาน เทมเพลตทตดตงถงจะใชงานได โดยคลกเลอกเมน Extensions > Template Manager > จากนนคลกเลอก Template ทตองการหนาชอจะมปมกลม ๆ หรอจะคลกทชอเพอดตวอยางวาเทมเพลตมหนาตาแบบไหนกอนกได

รปท 53 แสดงตวอยางเทมเพลตและเลอกเทมเพลตทตองการ

52

6. หากตองการใชงานเทมเพลตตวนหลงจากคลกเลอกท Template แลวใหคลก Icon Default ขางบน

หากตองการให Template เปน Template หลกของเวบไซต

รปท 54 แสดงการเลอก Template themza_j15_16 เปน Template หลกของเวบไซต

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

รปท 55 หนาตางเวบไซตเมอเปลยน Template ใหม

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

7. วธการเรยดดต าแหนงของ Template ใหพมพ URL ของเวบตามดวย/?tp=1 ตวอยาง ถา URL : http://localhost/test1/ ดต าแหนงโมดล : http://localhost/test1/?tp=1

53

8. จะปรากฎการแสดงผลต าแหนงตาง ๆ ของ Template ดงรป

รปท 56 แสดงต าแหนงตาง ๆ ของ Template ทใชงานอย

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

1. เลอกเมน Extensions > Module Manager จะปรากฎหนาตางดงรป

รปท 57 หนาตางการท างาน Module Manager

54

2. กรณตองการยายต าแหนง Module ใหม ใหคลกเลอก Module ทตองการจะยายต าแหนง เชน ตองการยาย Module Poll จากต าแหนง right ไป ไว ณ ต าแหนง left คลกเลอกท Module Poll จะปรากฏหนาตาง ดงรป

รปท 58 แสดงรายละเอยดการตงคา Module Poll

3. ณ ต าแหนง Position ใหเปลยนจาก right เปน left 4. กดปม Save เพอบนทกการเปลยนแปลง Module Poll กจะยายมาอย ณ ต าแหนง left

55

การตดตง Module และ Plugin

1. เลอกเมน Extensions > Install/Unstall > เลอก Module หรอ Plugin ทตองการ > Upload File &

Install

รปท 59 ตดตง Module และ Plugin เพม

จากตวอยางตดตง Plugin (plugin_jw_sig-v1.2.1r2_j1.5.zip)

2. จะปรากฎหนาตางแสดงผลการอพโหลดไฟลเสรจสมบรณ 3. เปดการใชงาน Plugin ทตดตงไป เลอกเมน Extensions > Plugin Manager 4. หา Plugin ทตดตงไปแลวคลก Enabled ใหเปนเครองหมาย เพอเปดการใชงาน หากตองการตง

คาใหคลกเลอกทชอ Plugin กจะปรากฏหนาตางการตงคาของ Plugin หรอ Module ทเลอก

56

การสราง Module ใหมทมมาใน Joomla

รปท 57 Module ตาง ๆ ทมใชใน Joomla

รายละเอยด Module ตาง ๆ ทม คา รายละเอยด

บทความเกา Archived Content

รายการบทความเกาของเวบไซต โดยจะสมมาแบบอตโนมต

ปายโฆษณา Banner

น าปายโฆษณาทสรางไวในคอมโพเนนปายโฆษณาไปแสดงผลบนหนาจอเวบไซต

Breadcrumbs แสดงการเขาชมเวบไซตวาอยทหนาเวบเพจไหนของเวบไซต

HTML ทสรางเอง Custom HTML

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

57

Feed Display โมดลทน าเนอหาจาก News Feeds มาแสดงในต าแหนงโมดลตาง ๆ

สวนลางสด Footer

แสดงความเปนลขสทธของ Joomla

ขาวลาสด Latest News

น าบทความลาสดทใหเผยแพรบนเวบไซตมาแสดงในต าแหนงโมดลทก าหนด

เขาสระบบ Login

การแสดงแบบฟอรมส าหรบการลอกอนเขาสเวบไซตของสมาชกเวบไซต

Menu รายการหมวดเมนทตองการสราง อานบทความทไดรบความนยม

Most Read Content บทความทถกผเขาชมเวบไซตคลกเขาอานบอยครงทสดมาแสดงผลในโมดล

ขาวดวน Newsflash

แสดงบทความทมาจรากประเภทบทความเดยวกนหรอหลายบทความมาแสดงโดยการสมเลอก

แบบส ารวจ Poll

แสดงเนอหาโพลลทสรางมาแสดงผล

สมรปภาพ Random Image

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

เนอหาทเกยวของ Related Articles

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

คนหา Search

คนหาขอมลตาง ๆ ภายในเวบไซต

หมวดหม Sections

แสดงหมวดหมบทความ

สถต Statistics

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

กระจายขาว Syndicate

แสดงผลเนอหาของเวบไซตในรปแบบ RSS

Who's Online ขอมลจ านวนผเขาชมเวบไซต Wrapper น าหนาเวบอน ๆ มาแสดงเปนเนอหาของเวบ

1. คลกเลอกเมน Extensions > Module Manager 2. คลกเลอก Icon New

58

3. จะปรากฎหนาจอดงรปดานบน 4. หากตองการเพม Module ใดใหคลกเลอกทชอโมดลนน 5. ตวอยางใหคลกเลอก Module Custom HTML 6. จะปรากฏหนาตาง Custom HTML ดงรป

รปท 58 ตงคารายละเอยดของ Module Custom HTML

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

59

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

สรางกลมชอเมนใหม 1. เลอกเมน Menus > Menu Manager

รปท 59 ชอกลมเมน

2. สรางกลม Menu ใหม คลกเลอกไอคอน

รปท 59 หนาตางสรางชอเมนใหม

60

คา รายละเอยด

ชนดเมน Unique Name: ส าหรลใสชนดของเมนลงไป จะตองไมซ ากบชนดเมน ชอเรอง Title: ส าหรบใส “ชอเมน” ใหม ค าอธบาย Description: ส าหรบใสค าอธบายรายละเอยดของ “ชอเมน” ทสรางใหม ชนดโมดล Module Title: ส าหรบใสชใหกบโมดลของ “ชอเมน” ใหม เปนโมดลทสามารถน าไปแสดงผล

บนหนาเวบไซตได

3. เมอกรอกขอมลเรยบรอยแลวใหคลกทไอคอน 4. จะปรากฎเมนกลมใหมทสรางขน ดงรปท 60

รปท 60 หนาแสดงผลของกลมชอเมน

5. หลงจากสรางเสรจแลวนอกจากจะมกลมชอเมนทสรางขนมาในสวนของ Menus แลว ระบบจะสราง

Module ใหอตโนมตดวยใหคลกตงคาเมนทสรางไดในสวนน 6. การตงคาท าไดโดย คลกเลอกเมน Extensions > Module Manager > หาเมนทสรางขนมาใหมจากนนให

คลกเลอกท Module นน

61

รปท 61 หนารายการ Module Manager

7. จะปรากฎหนาตาง การตงคาของ Module ใหตงคาตามตองการในสวนน เมอตงคาเรยบรอยแลวให

คลกปม

รปท 61 ก าหนดการตงคาการใชงาน Module

62

8. ลองดบนหนาเวบไซตทเผยแพรขอมล

รปท 62 แสดงโมดลเมนทสรางขนใหม

การสรางเมนใหแสดงผลบนหนาเวบ 1. ไปทเมน Menus > เลอกกลมชอเมนทตองการสรางเมนลงไปในทนในตวอยางนใหเลอกท เมนเกยวกบ

ผใชกลมพนกงาน

รปท 62 เมนส าหรบการสรางเมนลงไปในชอกลมตาง ๆ

2. จากนนจะปรากฎหนาตางทสามารถสรางเมนได ดงรปท 63

63

รปท 63 การสรางเมน

3. คลกเลอกไอคอน 4. จะปรากฎหนาตางชนดในการสรางเมนดงรปท 64

รปท 63 การสรางเมนชนดตาง ๆ

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

1. สรางเมนลงกไปยง Section 2. สรางเมนลงกไปยง Category 3. สรางเมนลงกไปยง Article 4. สรางเมนลงกไปยงเวบลงก 5. สรางเมนลงกไปเวบอน ๆ

64

สรางเมนลงกไปยง Section 1. คลกเลอกท Articles > เลอก Section เลอกการแสดงผลบนหนาเวบวาตองการเปนแบบใดในสวนนม

ใหเลอก 2 แบบคอ Section Blog Layout Section Layout

รปท 64 ตวอยางการแสดงผลแบบ Section Blog Layout

รปท 65 ตวอยางการแสดงผลแบบ Section Layout

2. หลงจากเลอกรปแบบไดเรยบรอยแลวจะปรากฎหนาจอการก าหนดคาของเมน ตวอยางแรกเลอกรปแบบเปน Section Blog Layout

65

รปท 65 การสรางเมนแบบ Section Blog Layout

3. เมอตงคาเรยบรอยแลวใหกดไอคอน จะปรากฎหนาตาง ดงรปท 65

รปท 66 เมนทสรางไวในชอเมนกลม เมนเกยวกบผใชกลมพนกงาน

4. เมอรเฟรชดหนาเวบไซตเมนจะปรากฏขน

รปท 66 แสดงเมน ทสรางขนมาใหม ในกลมชอเมน Staff_Menu

66

สรางเมนลงกไปยง Category

1. คลกเลอกเมน Menus > เลอกกลมชอเมนทตองการสรางเมน

2. คลกเลอกไอคอน ในกลมของ Category สามารถเลอกการแสดงผลบทความไดสองแบบคอ Category Blog Layout Category List Layout

3. คลกเลอกท Articles > เลอก Category เลอกการแสดงผลบนหนาเวบวาตองการเปนแบบใด 4. หลงจากเลอกรปแบบไดเรยบรอยแลวจะปรากฎหนาจอการก าหนดคาของเมน ตวอยางแรกเลอก

รปแบบเปน Category Blog Layout

5. เมอตงคาเรยบรอยแลวใหกดไอคอน 6. เมอรเฟรชดหนาเวบไซตเมนจะปรากฏขน

สรางเมนลงกไปยง Article

1. คลกเลอกเมน Menus > เลอกกลมชอเมนทตองการสรางเมน

2. คลกเลอกไอคอน 3. คลกเลอกท Articles > เลอก Articles เลอกการแสดงผลบนหนาเวบวาตองการเปนแบบใด Article Layout Article Submission Layout

4. หลงจากเลอกรปแบบไดเรยบรอยแลวจะปรากฎหนาจอการก าหนดคาของเมน ตวอยางแรกเลอก

รปแบบเปน Category Blog Layout

5. เมอตงคาเรยบรอยแลวใหกดไอคอน 6. เมอรเฟรชดหนาเวบไซตเมนจะปรากฏขน

67

สรางเมนลงกไปยงเวบลงก 1. คลกเลอกเมน Menus > เลอกกลมชอเมนทตองการสรางเมน

2. คลกเลอกไอคอน 3. คลกเลอกท Web Links > เลอกการแสดงผลบนหนาเวบวาตองการเปนแบบใด

4. หลงจากเลอกรปแบบไดเรยบรอยแลวจะปรากฎหนาจอการก าหนดคาของเมน

รปท 67 หนาการก าหนดคา Menu Web Links

5. เมอตงคาเรยบรอยแลวใหกดไอคอน 6. เมอรเฟรชดหนาเวบไซตเมนจะปรากฏขน

68

สรางเมนลงกไปเวบอน ๆ 1. คลกเลอกเมน Menus > เลอกกลมชอเมนทตองการสรางเมน

2. คลกเลอกไอคอน 3. คลกเลอกท External Link 4. หลงจากเลอกรปแบบไดเรยบรอยแลวจะปรากฎหนาจอการก าหนดคาของเมน

รปท 68 หนาการก าหนดคา Menu External Link

5. เมอตงคาเรยบรอยแลวใหกดไอคอน 6. เมอรเฟรชดหนาเวบไซตเมนจะปรากฏขน

69

สรางเมน Wrapper เปนการน าหนาเวบเพจอน ๆ มาใสไวในเวบของเรา 1. คลกเลอกเมน Menus > เลอกกลมชอเมนทตองการสรางเมน

2. คลกเลอกไอคอน 3. คลกเลอกท Wrapper

4. หลงจากเลอกรปแบบไดเรยบรอยแลวจะปรากฎหนาจอการก าหนดคาของเมน

รปท 69 หนาการก าหนดคา Menu Wrapper

5. เมอตงคาเรยบรอยแลวใหกดไอคอน 6. เมอรเฟรชดหนาเวบไซตเมนจะปรากฏขน

70

อางอง

พงศศกด อภลกขตพงศ. “สรางเวบในพรบตาดวย Joomla ฉบบสมบรณ” บรษทซเอดยเคชน จ ากด (มหาชน), 2552

www.joomla.org www.appservnetwork.com www.joomlacorner.com www.joomla .it www.joomlathaiclub.com www.mamboforge.net www.joomlaos.de