รจกกบ Joomla
Joomla คอ โปรแกรมแกรมประเภท web-base software ซงกคอโปรแกรมททำ�ง�นรวมกบระบบอนเทอรเนต นอกจ�กนน Joomla กยงเปนโปรแกรมประเภท Content Management System (หรอ CMS) ทชวยใหผใชธรรมด�ทวไป ส�ม�รถสร�งเวบไซตไดอย�งง�ยๆ โดยเมอกอนนน ห�กใครจะสร�งเวบไซตจะตองเปนผเชยวช�ญด�นก�รเขยนเวบไซต แตเดยวนไมตอง ใครๆ กส�ม�รถสร�งเวบไซตได เพร�ะระบบ CMS นนนเองสำ�หรบ Joomla เวอรชนล�สดคอ joomla 3 ซงเวอรชนนมอะไรใหมๆ เพมขนม�หล�ยตอหล�ยอย�ง ดงน
1. ตดตงง�ยกว�เดม เดมท Joomla กตดตงง�ยอยแลว แตในเวอรชนนว�กนว� ส�ม�รถตดตงไดดวยเพยง 3 ขนตอนเท�นน
2. ปรบปรงสวนตดตอกบผใชใหง�ยกว�เดม (Friendly User Interface) เรยกไดว� อำ�นวยคว�มสะดวกใหกบผใชแบบสดๆ ในแบบทว� ไมเคยใช Joomla เลย กส�ม�รถใช Joomla ไดอย�งไมมปญห�ใดๆ
3. รองรบระบบ Responsive Layout ซงกคอ รองรบก�รทำ�ง�นกบอปกรณทมขน�ดจอภ�พต�งกน เชน ห�กเปดบนมอถอ บน iPod หรอบนคอมพวเตอรตงโตะทบ�น กจะส�ม�รถแสดงผลไดอย�งไมมปญห�
4. สนบสนน Drag & Drop ซงหม�ยถง อนญ�ตใหผใชโนนไปว�งนได เชน ห�กตองก�รซอสนค�กใหล�กสนค�ไปใสตะกร�ไดเลย เปนตน
5. ตดตง jQuery ม�ใหเบดเสรจ ซง jQuery นคอ Library ยอดนยมของ JavaScript ทชวยใหเร�ใช JavaScript ไดง�ย และสะดวกยงกว�
6. ใชโครงสร�ง User Interface จ�ก Bootstrap จงทำ�ใหระบบตดตอกบผใชยดหยนและแขงแกรงกว�เดม
อะไรคอ CMS
CMS หรอ Content Management System ถ�แปลต�มตวอกษร กคงจะหม�ยถง ระบบทชวยบรห�รจดก�รเนอห�บนเวบไซต เปนระบบทชวยใหเร�ส�ม�รถสร�งเวบไซตไดโดยไมจำ�เปนตองเข�ไปยงกบ โคต (หรอยงเพยงเลกนอย) เอ�เปนว�ในระบบน คณ คณ และคณ กส�ม�รถสร�งเวบไซตได
ในปจจบนซอฟตแวรประเภท CMS หรอ Content Management System อยม�กม�ย แตทมชอเสยงและยอมรบกนในวงกว�งในบ�นเร�เหนจะไดแก Joomla, Drupal และ WordPress ทงส�มตวนถอว�มขอดและขอเสยต�งกน แตถ�ไมดทแผงหนงสอประเทศไทย หนงสอ Joomla มม�กทสด นนกคงพอจะบอกไดว� บ�นเร�เค�ใช Joomla กน
เปรยบเทยบ Joomla กบคแขงตวฉกาจอนๆ
Joomla เปนซอฟตแวรทใชง�นโดยอ�คยพนฐ�นของระบบอนเทอรเนต หรอทเรยกว� Web-base Application ทพฒน�ม�จ�กภ�ษ� PHP และ MySQL และ Joomla กยงเปนซอฟตแวรประเภท Open Source ซงหม�ยถง ซอฟตแวรทเปดเผยซอรตโคต ซงใครๆ กเข�ไปดว�โครงสร�งข�งในนนเปนอย�งไรได และถ�คณอย�กทำ�ให Joomla นนดยงขน กส�ม�รถเข�รวมเปนทมง�นในก�รพฒน� Joomla นได
ส�เหตท Joomla โดงดง กอ�จเนองม�จ�ก เปนของฟร ของฟรใครๆ กชอบ แถมเปนของฟรทดไมแพระบบเสยเงนซอเลย ตงแต Joomla ออกม�ในป 2005 ม�ถงตอนนอ�ยกหล�ยขวบ มประสบก�รณ ผ�นอปสรรคต�งๆ ม�พอสมควร ซงเมอยงยนหยดอยถงทกวนนได แสดงว� Joomla นไมธรรมด� …
ในคว�มเหนของเวบม�สเตอร ระบบ CMS ทแจกฟร และโดดเดนในปจจบน มอยดวยกน 3 ตว คอ Joomla, Drupal และ WordPress ซงมขอดและขอกงข�ต�งกนดงน
Joomla ขอดกอยท ใชง�นง�ย จงส�ม�รถเรยนรและใชง�นไดอย�งรวดเรว มธมใหเลอกใชม�กม�ย มสวนประกอบเสรม (Extensions) ลนเหลอ แถมยงมผใชจำ�นวนม�ก นนหม�ยคว�มว� ห�กเร�เกดปญห�ใดๆ กถ�นอง ก (google) กจะไดคำ�ตอบอย�งรวดเรว แตขอเสยกยงพอมอยบ�ง เชน เค�ว�กนว�โหลดช�กว�คแขง แถมก�รสร�งหมวดหมยอยๆ ยงทำ�ไมไดอก
Drupal กเปนอกหนง CMS ทใชง�นกนพอสมควรในบ�นเร� ขอดคอ มโครงสร�งทยดหยน ใครทตองก�รเวบทซบซอนซอนเงอน แปลกๆ เจงๆ เจ� Drupal นเหม�ะม�ก แตดวยคว�มทมนเกง เลย ใชง�นย�กไปหนอย มอใหมกอ�จปวดหวบ�ง แถมในบ�นเร�คนใชกนอยกว� Joomla ม�ก ถ�มใคร กอ�จเจอท�ท�งส�ยหน�ม�กกว�โอเคผมตอบให
WordPress เดมทมพนฐ�นม�จ�ก Blogging ซงกคอ ใชเขยนบทคว�ม และอนญ�ตใหมผแสดงคว�มคดเหนเกยวกบบทคว�มนนๆ ได แตในภ�ยหลงมก�รพฒน�จนเปนระบบ CMS ทสมบรณ ขอดคอ โครงสร�งของ WordPress เหม�ะสำ�หรบก�รทำ� SEO ซงถ�คณออกแบบโครงสร�งและเนอห�เวบไซตดๆ ก�รทำ�ใหเวบตดอนดบ google ไมย�กเลย แถมมปลกอน และธมใหเลอกใชสดๆ เหมอนกน สวนขอเสย คอ WordPress มพนฐ�นม�จ�ก Blog ดงนนผใชทเคยใช CMS ตวอนๆ อ�จตองปรบอ�รมณคว�มรสกในก�รสร�งเวบไซตเลกนอยถงป�นกล�ง และในบ�นเร�หนงสอหนงห�กยงมใหอ�นไมม�กเท� Joomla
สำ�หรบคว�มเหนสวนตวของเวบม�สเตอร เหนว� Joomla เหม�ะสำ�หรบเวบไซตขน�ดเลกและขน�ดกล�ง เพร�ะห�กเปนเวบไซตขน�ดใหญ ก�รโหลดอ�จช�ไปหนอย หรอถ�เข�ใชง�นพรอมกนม�กๆ เวบไซตอ�จมปญห�ได แตออกตวไวกอนว� Joomla 3 ผเขยนยงไมไดเคยทดสอบก�รเข�ใชง�นพรอมกนเปนจำ�นวนม�กๆ ดงนนขอยงไมฟนธงแลวกนว� รองรบไดก User แลวจะอดเหมอนเวอรชนเดมหรอไม อนนสม�ชกตองลองไปทดสอบกนเองนะครบ
สรป จดเดนททำ�ใหหล�ยคนเลอกใช Joomla มดงน
Joomla เปนระบบ CMS ทเปนของฟร ผมคว�มรคอมพวเตอรพนฐ�นกส�ม�รถสร�งเวบไซตสวยๆ เจงๆ ไดอย�งไมย�กเลย
Joomla มธมใหเลอกใชง�นม�กม�ย นนหม�ยคว�มว� เร�ไมจำ�เปนตองเปนกร�ฟกดไซนเนอร ผเชยวช�ญเรองส หรอสถ�ปนก กส�ม�รถสร�งเวบสวยดวยมอเร�ไดแลว
Joomla มสวนประกอบเสรมทเรยกว� Extensions ม�กม�ย ทำ�ใหเร�ส�ม�รถตอแขนตอข� ทำ�ให Joomla เกงและเจงขนไดในแบบทเร�ตองก�ร เชน ทำ�ใหกล�ยเปนเวบค�ข�ย หรอทำ�เปนเวบแกลลอรใหด�วนโหลดรปภ�พ เปนตน
Joomla เปนทนยมแพรหล�ยอย�งม�กในบ�นเร� ดงนน ก�รเลอกใช Joomla จงไมใชโดดเดยวผน�รก แตเปนคนทมคนรกม�กม�ย ห�กมปญห�กส�ม�รถสอบถ�มเพอนๆ ช�วเนตกนไดไมย�กเลย
Front-End และ Back-End ตางกนอยางไร
Joomla จะถกแบงออกเปน 2 สวน คอสวน Front-End และสวน Back-End)
1. Front-End คอ สวนทเปนเวบไซต ในสวนนจะถกแสดงบนอนเทอรเนต เรยกว�ใครทผ�นไปม�ผ�นม� กจะม�เจอในสวนน Front-End จงเปนสวนทใชแสดงขอมลสส�ธ�รณะนนเอง
2. Back-End หรอมกเรยกว�สวนของ Admin ในสวนนใชเพอปรบแตงเวบไซต เขยนเนอห� หรอเปลยนแปลงโครงสร�งทงหมดภ�ยในเวบไซต สำ�หรบสวนของ Back-End ถอว�เปนพนทควบคม โดยจะอนญ�ตใหผใชบ�งคนเท�นนทเข�ม�ทำ�โนนทำ�นได แตทแนๆ ผเยยมชมเวบไซตทวไปจะไมเหนขอมลในสวนน
สวนประกอบหลกของ Joomla
ดงทกล�วไวแลวในตอนตนว� Joomla ใชง�นง�ยม�ก ดงนนโครงสร�งพนฐ�นของ Joomla จงเปนอะไรทง�ยๆ โดยส�ม�รถแบงออกเปน 4 สวนหลกๆ ดงน
1. เนอหา (Content) ซงกคอ เนอห�ทจะแสดงบนเวบไซต ไดแก บทคว�ม รปภ�พ วดโอ eBook ฯลฯ ซง Joomla ยงอนญ�ตใหเร�กำ�หนดหมวดหม (Categories) เพอจดกลมของเนอห�ใหเปนระเบยบไดอกดวย
2. เมน (Menu) เปนอกสวนสำ�คญของเวบไซตทข�ดไมได เพร�ะเจ�เมนนชวยใหเร�กระโดดไปยงเวบเพจต�งๆ ทอยในเวบไซตไดอย�งง�ยๆ
3. ผใช (User) เร�ส�ม�รถกำ�หนดระดบของผใช (กำ�หนดสทธ) เพอสร�งกฏเกณณในก�รใชง�นเวบไซต เชน Admin คอผใชทส�ม�รถจดก�รทกๆ อย�งทอยในเวบไซต สวน User ทวไป กไดแคมอง จองต�ปรบๆ ดเวบไซตจ�กภ�ยนอกเท�นน
4. สวนเสรม (Extensions) คอ สวนทเร�ตดตงเสรมเพมเตมใหกบ Joomla ซงมอยหล�ยอย�ง เชน สวนเสรมประเภทธม (Theme) ททำ�ใหหน�ต�ของ Joomla เปยนไป หรอสวนเสรมประเภท Plug-in ทเพมคว�มส�ม�รถให Joomla เชน ทำ�ใหส�ม�รถซอของข�ยของบน Joomla ได หรอสวนทเปน Module ทไวสำ�หรบแสดงเนอห�บนตำ�แหนงต�งๆ ของเวบไซต เชน แสดงชอง Search ใหผใชไดคนห� หรอแสดงชองใหกรอกชอและรหสผ�นสำ�หรบ Login เข�สระบบ หรอจะเปนสวนเสรมททำ�ใหเวบไซตแสดงไดหล�ยภ�ษ� เปนตน
ดาวนโหลด Joomla
เพอนสม�ชกส�ม�รถด�วนโหลด Joomla ไดจ�ก www.joomla.org/download.html ซงแนนอนว�ในทนเร�จะใชเวอรชนล�สด ซงกคอเวอรชน 3 ซงท�ง Joomla กจะมก�รพฒน�เวอรชนยอยๆ ออกม�เรอยๆ เชน 3.02 อนนนไมตองกงวล เพร�ะโดยพนฐ�นแลวห�กเวอรชนหลกเหมอนกน ก�รใชง�นกไมต�งกนเลย
1. ไปทเวบไซต www.joomla.org/download.html
2. คลกเพอด�วนโหลด Joomla ม�ไวทเครอง
3. เร�จะไดไฟลทมน�มสกลเปน .Zip ซงเวล�ใชง�นตองแตกไฟลออกม�เสยกอน เมอแตกไฟลเรยบรอย จะมขอมลม�กม�ย ดงรป
ขนตอนการตดตง Joomla
เนองจ�ก Joomla เปนโปรแกรมประเภท Web-base Application นนหม�ยคว�มว� กตองอ�ศยอนเทอรเนตเข�ม�เกยวของ และทสำ�คญคอตองมใชง�นระบบฐ�นขอมลดวย ดงนน กอนก�รตดตง Joomla เร�จะตองจำ�ลองเครองคอมพวเตอรทบ�น หรอททำ�ง�น ใหกล�ยเปน Web Server เสยกอน ดวยก�รตดตงโปรแกรมทเรยกว� Web Server Application
ปจจบนม Web Server Application ใหเลอกใชง�นอยหล�ยตว แตทนยมใชกนม�กเชน XAMPP, WAMP และ AppServe เปนตน สำ�หรบในทนผมขอให XAMPP แลวกน เหตผลกเพร�ะ ชอบเปนก�รสวนตว ไมมอะไรเกนไปกว�นจรงๆ ครบ
หลงจ�กตดตง XAMPP เพอจำ�ลองเครองคอมฯ ใหกล�ยเปน Web Server แลว กทำ�ก�รตดตง Joomla ลงไปแลว ทนเร�กส�ม�รถทดสอบก�รทำ�ง�นของ Joomla ไดต�มสะดวกแลว หลงจ�กสร�งเวบไซตเปนทพอใจแลว ทนกไปเช�พนทจรงๆ กบผใหบรก�รเวบโฮสตง และอพโหลดเวบไซตเพอออนไลนบนอนเทอรเนตจรงๆ ตอไป
สำ�หรบวธตดตง Joomla เพอสร�งเวบไซตและทดสอบก�รทำ�ง�นนน ส�ม�รถสรปเปนขนตอนหลกๆ ได 5 ขนตอน ดงน
1. ตดตง Web Server2. สร�งฐ�นขอมล3. กำ�หนด User ทส�ม�รถจดก�รฐ�นขอมลได4. กอปป ไฟล Joomla ไปยง Root Folder ของ Web Server5. ตดตงและใชง�น Joomla
ตดตง Web Server
สำ�หรบวธทดสอบก�รทำ�ง�นของ Joomla นน เรมตนเร�ตองจำ�ลองเครองคอมพวเตอรทบ�นใหกล�ยเปน Web Server เสยกอน ซงผมไดเลอกใชง�น XAMPP ซงเพอนสม�ชกส�ม�รถด�วนโหลดไดจ�ก www.xampp.com
1. หลงจ�กด�วนโหลด XAMPP ม�เรยบรอยแลว ใหดบเบลคลกเพอตดตง
2. คลก Next ทำ�ขนตอนตอไป
3. เลอกสวนประกอบทตองก�รตดตง ในกรณนคลก Next ทำ�ขนตอนตอไปไดทนท
4. กำ�หนดโฟลเดอรทใชในก�รตดตง ซงในเบองตนจะเกบไวทโฟลเดอร xampp จ�กนนใหคลก Install ทำ�ขนตอนตอไป
5. คลก Finish
6. คลกปม Yes เพอเปดหรอปด Service ทตองก�ร ซงเปนก�รกำ�หนดว�จะเรมใชง�นคณสมบตใดบ�งนนเอง
7. เปดใชง�น Apache โดยคลกทปม Start
8. จะเหนว�มแถบสเขยวขน แสดงว� Apache ไดทำ�ง�นแลว9. เปดใชง�น MySQL โดยคลกทปม Start กจะเหนว�มแถบสเขยวขนเชนเดยวกน
10. ทดสอบก�รทำ�ง�นของ Server โดยเปดบร�วเซอร เชน Internet Explorer จ�กนนกรอก URL เปน localhost11. ถ� Server ทำ�ง�นปกต จะปร�กฏหน�ต�ดงรป
สรางฐานขอมล
เรมแรกจะตองสร�งฐ�นขอมลขนม�กอน จ�กนนกตองกำ�หนดว� USER ใดบ�งทส�ม�รถเข�ใช ง�นฐ�นขอมลน และตองกำ�หนดรหสผ�น เพอปองกนไมใหคนอนๆ เข�ม�ใชง�นฐ�นขอมลของเร�ไดนนเองก�รสร�งฐ�นขอมลจะทำ�ผ�น phpMyAdmin โดยฐ�นขอมลทเร�ใชคอ MySQL ซงมขนตอน ดงน
1. ไปท XAMPP จ�กนนคลกทปม Admin ทอยในสวนของ MySQL
2. จะปร�กฏหน�เวบ phpMyAdmin ซงใชสำ�หรบจดก�รฐ�นขอมล คลกแทบ Database3. เร�จะพบร�ยชอฐ�นขอมลทงหมดทอยในระบบ4. ในชอง Create new database ใหกรอกชอฐ�นขอมลทตองก�รสร�งลงไป
5. ในสวนของ Collection ใหเลอกเปน utf8_unicode_ci6. คลกปม Create
7. จะพบชอฐ�นขอมลทเร�เพงสร�งขน
กำาหนด User
เมอไดสร�งฐ�นขอมลขนม�แลว เร�ตองสร�ง User ขนม�สำ�หรบตดตอและใชง�นฐ�นขอมล ซงมขนตอน ดงน
1. ทด�นซ�ยจะพบชอฐ�นขอมลใหคลกลงคดงกล�ว ซงในตวอย�งคลกท first_database
2. คลกแทบ Privileges
3. คลกทลงค Add user
4. ตงชอ Username ซงในทนกรอกเปน first_user5. ระบชอโฮสซงในทนใชเปน localhost6. ตงรหสผ�น ซงในตวอย�งใชเปน password7. ยนยนรหสผ�นอกครงหนง โดยใหกรอกคำ�ว� password อกครง8. คลกปม Add user เปนขนตอนสดท�ย
9. ผลลพธเร�จะพบกรอบขอคว�ม แสดงว�เร�ไดสร�ง User สำ�หรบจดก�รฐ�นขอมลเปนทเรยบรอยแลว
ก�รตงชอ User และก�รกำ�หนดรหสผ�น ทจะใชทดสอบนน แนะนำ�ว�ควรใชเปนตวเดยวกบทเร�ใชในก�รจดก�รเวบไซตจรงๆ เพร�ะ เวล�เร�อพโหลดเวบขนอนเตอรเนตจะไดไมตองเสยเวล�ม�แกไขชอและรหส ผ�นเพอตดตอกบฐ�นขอมลในภ�ยหลงอก
กอปป ไฟล Joomla ไปยง Root Folder
ในบทคว�มนจะใช XAMPP จำ�ลองเปน Web Server โดยผอ�นตองกอปปไฟล Joomla ไปไวทโฟลเดอร ทเปน Local Root Folder ของเวบไซต สำ�หรบกรณเร�ใช XAMPP เปน Web Server กใหเซฟไฟลตวอย�งทงหมดไปทโฟลเดอร c:\xampp\htdocs ดงรป
ลงมอตดตง Joomla
หลงจ�กไดสร�งฐ�นขอมล และไดด�วนโหลด Joomla ไปใสยง Root Folder เปนทเรยบรอย ขนตอนสดท�ยคอก�รลงมอตดตง Joomla ซงมขนตอนทง�ยม�กๆ ดงน
1. เปดบร�เซอร เชน FireFox แลวกกรอกทอย URL ซงในทนคอ http://localhost
2. เลอกภ�ษ�ทจะใชง�นกบ Joomla ซงในตวอย�งคอเลอกใชภ�ษ�ไทย
3. ตงชอเวบไซต 4. กรอกคำ�อธบ�ยเกยวกบเวบไซต 5. กรอกอเมล ซงเปนอเมลหลกของผดแลเวบไซต หรอของเวบไซต 6. ตงชอ User สำ�หรบทำ�หน�ทเปนผดแลเวบไซต ซงในตวอย�งตงช อ
เปน admin 7. ตงรหสผ�นสำ�หรบเข�สระบบ Back-end ในตวอย�งตงเปน
admin เชนเดยวกน 8. ยนยนรหสผ�นเดมอกครงหนง 9. คลกเพอทำ�ขนตอนตอไป
10. เลอกชนดของฐ�นขอมล 11. กรอกชอโฮส เนองจ�กเร�จำ�ลองเครองคอมพวเตอรเปน Web
Server เร�จงกรอกเปน localhost 12. กรอกชอผใชฐ�นขอมล ซงเร�กไดเตรยมไวแลวเชนกน ซงในทน
คอ first_user 13. กรอกรหสสำ�หรบเข�ใชง�นฐ�นขอมล ซงในทนคอ password 14. กรอกชอฐ�นขอมลทเร�ไดสร�งไว ซงในตวอย�งคอ
first_database 15. กรอกตวอกษรทใชนำ�หน�ชอต�ร�ง จะเปลยนหรอไมเปลยนกได
แตถ�เปลยนกจะปลอดภยยงขน 16. คลกเพอทำ�ขนตอนตอไป
17. เลอกว�จะตดตงตวอย�งหรอไม สำ�หรบในทนไมตดต 18. คลกเพอทำ�ขนตอนตอไป
19. จะมหน�จอแสดงใหทร�บว�กำ�ลงตดตง
20. เมอตดตงเสรจใหคลกเพอลบโฟลเดอรทเกบไฟลตดตง ก�รลบเพอคว�มปลอดภยนนเอง
เสรจแลวครบ เร�กไดตดตง Joomla เปนทเรยบรอยแลว โดยจะมขอคว�มเขยวๆ บอกว�เร�ไดตดตงเรยบรอยแลว ซงเร�ส�ม�รถตรวจสอบผลลพธเพอเข�ไปยง Front-end หรอไปยง Back-end
1. คลกปม ดหน�เวบ เพอเข�ไปดผลลพธในสวน Front-end ซงกคอสวนทแสดงหน�ต�ของเวบไซตสส�ธ�รณะนนเอง
2. จะพบเวบไซตทสร�งจ�ก Joomla ต�มตองก�ร
By webmaster, ,
จดทำา Site Map กนกอน
ง�นทกอย�งควรมก�รว�งแผนไวลวงหน� ก�รสร�งเวบไซตกเชนเดยวกน ควรทำ�ก�รกำ�หนด Site Map ซงกคอ ออกแบบไวอย�งคร�วๆ ว� เวบไซตจะมหวขออะไรบ�ง โดยอ�จแบงเปนหวขอหลก หวขอรอง หวขอยอย ซงถ�เปนเวบไซตไมใหญนก แค 2-3 ระดบกน�จะเพยงพอแลว
รปแสดงตวอย�ง Site Map
ใน Joomla นน เร�ส�ม�รถจดทำ� Site Map ดวยก�รแบงเนอห�ออกเปน Categories โดยควรกำ�หนดในแบบทมโครงสร�งมระดบชน โดยกำ�หนดใหม Categories ใหญ Categories รอง และ Categories ยอย ซงถ�จะใหเปรยบกคงจะเหมอนกบก�รกำ�หนดชนยศของน�ยตำ�รวจ เชน น�ยสบ น�ยรอย น�ยพน น�ยพล ผบ.ตร. อะไรประม�ณนน
ขนตอนการสรางเนอหาดวย Joomla
ก�รเขยนเนอห�ลงในเวบไซตดวย Joomla มขนตอนพนฐ�นทไมยงย�กเลย ซงเพอใหเพอนสม�ชกเข�ใจไดรวดเรว ผมขอแบงขนตอนก�รสร�งเนอห�ออกเปน 3 ขนตอน หลกๆ ดงนครบ
ขนตอนท 1 เรมจ�กสร�งหมวดหม ขนตอนท 2 เตมเตมดวยบทคว�ม
ขนตอนท 3 สมบรณแบบดวยก�รจดทำ�เมน
จะเหนไดว� กอนก�รเรมใสเนอห�ส�ระลงในเวบไซตนน จะตองกำ�หนดหมวดหม (Categories) เสยกอน เปนก�รจดโครงสร�งว�เวบไซตเร�ควรแบงเนอห�ออกเปนกประเภท แมว�ก�รแบงหมวดหมในตอนแรกอ�จยงไมถกตองรอยเปอรเซนต แตกชวยใหก�รสร�งเวบไซตมทศท�ง มเป�หม�ย
หลงจ�กไดกำ�หนดหมวดหมเปนทเรยบรอย แลว ตอไปกเรมลงมอเขยนบทคว�ม เขยนเนอห� เขยนบลอก ใสรป แทรกวดโอ ใสแผนท ทำ�สไลด จดทำ�โฆษณ� ฯลฯ โดยเร�ตองเลอกว�จะนำ�เอ�เนอห�ทเขยนนไปไวในหมวดหมใด ซงห�กลมกำ�หนดหมวดหม หรอยงนกไมออกว�จะนำ�ไปใสในหมวดหมไหน ท�ง Joomla กจะเลอกหมวดหมให คอ Uncategorised
เมอมหมวดหม พรอมทงแบงเนอห�ไปยงหมวดหมทกำ�หนดไวแลว ขนตอนตอไปคอ ทำ�ใหผเยยมชมเข�ถงเนอห�ดงกล�วไดง�ยด�ยและดวนทสด วธทนยมใชและไดผลคอ ทำ�เมนเพอลงคไปยงเนอห�ดงกล�วซะ ซงวธก�รทำ�เมนใน Joomla นนง�ยสดๆ แบบทว�ไมมอะไรจะง�ยกว�นอกแลว
จ�กขนตอนทง 3 กจะทำ�ใหเร�ทร�บแลวว� ทำ�ไม Joomla ถงโดงดงในบ�นเร� นนกคงเปนเพร�ะมนง�ยนเอง เรยกไดว� ห�กใครใชง�น Microsoft Word ได ก�รสร�งเวบไซตดวย Joomla กไมใชสงน�กงวลเลย
วธสรางหมวดหมหลก
คงจะจำ�กนไดว� กอนสร�งเวบไซตควรจะทำ� Site Map ซงก�รสร�งหมวดหม (Categories) กคอก�รจดก�รเนอห�เพอใหเปนไปต�ม Site Map ทว�งไวนนเอง สำ�หรบวธก�รกำ�หนดหมวดหมใน Joomla มขนตอนสดแสนจะง�ยด�ย ดงน
1. เปดก�รทำ�ง�นของ Web Server ใหเรยบรอย ซงในตวอย�งคอเปด XAMPP
2. เปด Web Browser เชน FireFox เข�ไปยงสวนของผดแลระบบ หรอระบบ Back-end ดวยก�รกรอก http://localhost/administratorรป
3. กรอกชอ User และ Password สำ�หรบผดแลระบบ ซงกคอ User ทไดตดตง Joomla นนเองรป
4. ในตอนนเร�จะเข�ม�สหน�จอ Dashboard ซงกคอศนยบญช�ก�รท�งทห�ร สำ�หรบสร�งเวบไซต
5. ใหคลกท Categories Manager เพอจดก�รเกยวกบหมวดหมรป
6. คลกปม New เพอสร�งหมวดหมขนม�ใหมรป
7. Title คอ ชอหมวดหม8. Alias คอ ชอทใชสำ�หรบสร�งลงคใน URL ซงเร�ไมไดกำ�หนด
Joomla กจะกำ�หนดม�ใหเอง โดยจะนำ�เอ� Title ม�ใชเปนลงค แตถ�ตองก�รทำ�ใหเวบตดอนดบ กควรกรอกชอใหตรงกบกฏเกณฑ (ก�รทำ�เวบตดอนดบดวย SEO จะกล�วร�ยละเอยดใหทร�บในตอนตอไป)
9. Descriptions คอ ร�ยละเอยดเกยวกบหมวดหมน ซงปกต ผเยยมชมจะไมเหนขอมลในสวนน แตกจำ�เปนสำ�หรบก�รทำ� SEO เชนเดยวกนรป
10. ในสวนของ Parent ใชกำ�หนดว� หมวดหมนเปนหมวดหมหลก หรอเปนหมวดหมยอยๆ ทอยภ�ยใตหมวดหมใด ซงในทนคอหมวดหม หลก ดงนนกใหเลอกเปน No parent ซงหม�ยคว�มว�เปนหมวดหมท
ไมอยภ�ยใตหมวดหมใดๆ นนเองรป
11. คลก Save เพอบนทกหมวดหม12. คลกปม Save & New เพอบนทกหมวดหม แลวเปดหน�จอใหม
สำ�หรบสร�งหมวดหมเพม13. หรอคลกปม Save & Close เพอบนทกหมวดหม แลวปดหน�
จอในสวนนกลบไปยง Dashboard ทเปนกองบญช�ก�รหลกของเร�เชนเดมรป
14. ทหน�จอ Dashboard เร�จะพบร�ยชอหมวดหมปร�กฏในร�ยก�รรป
วธสรางหมวดหมยอย
หลงจ�กสร�งหมวดหมหลกไปแลว ตอไปใหจดทำ�หมวดหมยอยๆ ทอยภ�ยใตหมวดหมหลก ซงวธก�รกไมต�งจ�กเดม เพยงแตเร�ตองระบ Parent ซงหม�ยถงว�ตองก�รนำ�เอ�หมวดหมทสร�งขนนไปอยภ�ยใตหมวดหมใด
1. ทหน�จอ Categories สงเกตหมวดหมทมอย2. คลกปม New เพอสร�งหมวดหมขนม�ใหม3. กรอกชอหมวดหม4. กรอกชอ Alias5. กรอกคำ�อธบ�ย6. ในสวนของ Parent เลอกหมวดหมหลกทตองก�ร7. คลกปม Save & Close
8. สงเกตหมวดหมจะกล�ยเปนหมวดหมยอยภ�ยใตหมวดหมหลกทตองก�ร ซงจ�กตวอย�ง หมวดหมเขยนโปรแกรม จะอยภ�ยใต บทคว�ม
Note
ห�กเร�อยทหน�จอใดๆ แลวตองก�รกลบไปยง Dashboard ใหเลอกเมน System แลวคลกท Control Panel ดงรป
แกไขหมวดหม (Edit Categories)
หลงจ�กสร�งหมวดหมหลก หรอหมวดหมยอยๆ ไปแลว เร�ส�ม�รถแกไขหมวดหมเหล�นนไดเสมอ เชน แกไขชอหมวดหม หรอจดก�รโครงสร�งของหมวดหมเสยใหม เชน จ�กหมวดหมหลก กล�ยเปนหมวดหมยอย หรอลบหมวดหมทงไป เปนตน
1. ทหน�จอ Dashboard หรอ Control Panel ซงเปนหน�จอหลกของสวน Back-end ใหคลกท Category Manager
2. คลกทหมวดหมทตองก�รแกไข3. แกไขร�ยละเอยดต�ง ต�มตองก�ร จ�กนนคลกปม Save & Close
เพอบนทกและปดหน�จอก�รแกไข
กำาหนด Article
เมอไดเตรยมหมวดหมทเร�ตองก�รใชง�นเปนทเรยบรอย ขนตอนตอไปคอสร�งเนอห�ดวยก�รเขยนบทคว�ม (Article) ซงสงสำ�คญคอ ควรกำ�หนดหมวดหมใหสอดคลองกบเนอห�ส�ระทเขยนขนดวย ซงในแตละบทคว�ม
(Article) ของ Joomla จะส�ม�รถเลอกอยใน Categories ไดเพยงหมวดหมเดยวเท�นน
1. ไปยงหน�จอ Control Panel หรอ Dashboard2. คลกปม Add New Article เพอสร�งบทคว�ม หรอเขยนเนอห�ขน
ม�ใหม3. ในสวนของ Title ใหกรอกชอเนอห�4. ท Category ใหเลอกหมวดหมทตองก�ร5. เขยนเนอห�ลงไป ซงเร�ส�ม�รถทำ�ใหเปนตวหน� ตวเอยง ขดเสนใต จด
ชดซ�ยชดขว� แทรกรปภ�พ ต�ร�ง หรออนๆ ไดต�มตองก�ร6. ในสวนของ Status ใหเลอกเปน Published เพอกำ�หนดใหแสดง
เนอห�นออนไลน7. เมอเสรจแลวใหคลกปม Save & Close
ปรบแตงเนอหา
สงสำ�หรบของก�รสร�งเวบไซต คอ ตองเขยนเนอห� ในแบบทมโครงสร�ง เอ ยงไง? ตองมค�น มเส� มปน ฯลฯ ไมใชนะครบ คอ ก�รเขยนเนอห�ควรกำ�หนดว�สวนใดคอหวขอหลก สวนใดคอหวขอยอย (ระดบท 2, 3, 4, 5 หรอ 6) และทสำ�คญจะตองระบว�สวนใดคอเนอห�ธรรมด� เหตผลทแนะนำ�เชนนกเปนเพร�ะ ตองก�รใหเวบไซตมโครงสร�งทดตงแตเรมเขยนเนอห�เลย แนวคดเชนน เปนสวนสำ�คญททำ�ใหเวบไซตตดอนดบไดง�ย
1. ทหน�จอ Control Panel หรอ Dashboard ใหคลกท Article Manager เพอเข�ไปดว�มเนอห�อะไรทเร�ไดเขยนไวแลวบ�ง
2. คลกเลอกเนอห�ทตองก�รแกไข3. แดรกเม�สเลอกขอคว�มในสวนทตองก�รทำ�เปนหวขอหลก4. กำ�หนดใหเปน Heading 1
5. แดรกเม�สเลอกขอคว�มในสวนทเปนหวขอรอง6. กำ�หนดใหเปน Heading 27. แดรกเม�สเลอกขอคว�มในสวนทเปนเนอห�ธรรมด�8. ในสวนของ Style ใหเลอกเปน Paragraph สงสำ�คญคอ เนอห�
ใจคว�มของยอหน�แรกน คอ สวนทท�ง google พจ�รณ�ว�เวบเพจนเกยวของกบอะไร นนหม�ยคว�มว� เร�ควรมคำ� หรอวล ทตรงกบชอหวขอหลกดวย
9. ขอคว�มใดทตองก�รเนน กควรเนน10. จ�กนนคลกปม สำ�หรบปรบแตงขอคว�ม เชน ตวเอยง ตวหน�
ขดเสนใต เพร�ะก�รเนนขอคว�มเหล�น กมสวนชวยทำ�ใหเวบเพจตดอนดบเหมอนกนนะครบ
11. เมอเสรจแลวคลกปม Save เพอบนทกก�รเปลยนแปลงทเร�ไดแกไขไว
12. คลกปม HTML เพอดร�ยละเอยดโคต13. เร�จะพบโคตในภ�ษ� HTML ซงจะเหนว� ทขอคว�มในสวนของ
หวขอหลกจะมแทก <h1> ครอบอย สวนขอคว�มทวไปกจะมแทก <p> ครอบอยเชนเดยวกน รวมทงแทกอนๆ เชน <ol><li> ฯลฯ ซงก�รใชง�น Joomla เร�กไมจำ�เปนตองทร�บร�ยละเอยดของโคตเหล�นกได แตถ�ทร�บกจะชวยใหเข�ใจอะไรตอมอะไรไดง�ยขน
14. คลกปม Cancel เพอปดหน�หน�
เกยวกบ Tiny MCE
ก�รเขยนเนอห�ดวย Joomla นน จะทำ�ผ�น Text Editor ทชอว� Tiny MCE ซงห�กไมม Tiny MCE เร�จะตองเขยนเนอห�ดวยโคต HTML โดยตรง ซงสำ�หรบผทไมเคยชนกบ HTML อ�จรสกว�เปนคณหนวนว�ยกบเจ�ช�ย HTML นม�กๆ
แตเหรยญมกมสองด�นเสมอ บ�งครงเร�อ�จตองเแกไขโคตในสวนของ HTML โดยตรง กรณเชนนเร�ส�ม�รถสลบจ�ก Tiny MCE ไปเปนก�รกรอกโคต HTMl แบบธรรมด� ดงน
1. สงเกตปมเครองมอต�งๆ ทม�พรอมกบ Tiny MCE2. คลกปม Toggle editor เพอสลบจ�ก Tiny MCE ไปเปนก�รเขยน
โคต HTML3. จะเหนว�ปมเครองมอห�ยไปแลว และเนอห�ทเร�เขยนไว กจะเปนแสดง
ในลกษณะเปนโคต HTML แทน4. คลกปม Toggle editor อกครงเพอกลบไปใชง�น Tiny MCE
เหมอนเดม
Note
โคต HTML โดยคลกปม HTML ซงใน Tiny MCE กบก�รคลกปม Toggle editor เพอแสดง HTML แมว�จะแสดงโคต HTML เหมอนกน แตสงทแตกต�งคอ ก�รกรอกโคต HTML ผ�น Tiny MCE นนจะมระบบกลนกรองแทก เชน ปองกนก�รใสแทก <script></script> เพอปองกนไมใหใสโคตภ�ษ� JavaScript เปนตน จดประสงคของก�รกรอกแทกน คอ ปองกนไมใหมก�รเขยนเนอห� แลวทำ�ใหเกดอนตร�ยกบเวบไซตไดนนเอง
วธใสรปลงในเนอหา
ในก�รแทรกรปลงไปใน Joomla ทำ�ไดง�ยม�กๆ แตสงสำ�คญคอ รปทนำ�ม�ใชนนควรเปนไฟลทเหม�ะสำ�หรบก�รแสดงผลบนเวบเพจ เชน ควรเลอกเปนน�มสกล .jpg, .jpeg, .png หรอ .gif เปนตน เพร�ะไฟลเหล�นมคว�มคมชดทคนสวนใหญรบไดและมขน�ดไมใหญนก หล�ยคนอ�จอย�กไดไฟลชดแบบสดๆ แตนนคงทำ�ใหคนโหลดหน�เวบเซงไปเลยกได เพร�ะกว�จะโหลดรปครบหลบค�หน�จอกนพอด
1. คลกในตำ�แหนงทตองก�รใสรป2. แนะนำ�ว�ควรเลอกสไตลเปนแบบ Paragraph เสยกอน (ไมควรเลอก
เปน Heading1 หรอหวขออนๆ)3. คลกปม Image ทอยด�นล�งของ Tiny MCE4. คลกปม Browse file หรอ Choose file เพออพโหลดไฟลไปยง
Media Manager5. เลอกไฟลทตองก�ร ซงเร�ส�ม�รถเลอกหล�ยๆ ไฟลพรอมกนได6. คลกท Start Upload7. เร�จะพบรปทอพโหลดปร�กฏในร�ยก�ร ใหคลกรปดงกล�ว8. คลกปม Insert9. ผลลพธรปถกแทรกลงไปในเนอห�ต�มตองก�รแลว
Note
ในขณะอพโหลดรปภ�พ ควรใสคำ�อธบ�ยภ�พลงในสวนของ Description ดวย เพร�ะถ�ตองก�รใหเวบไซตตดอนดบใน google เร�จะตองกรอก Keyword ซงเปนคำ�สำ�คญ ลงในสวนต�งๆ ของเวบเพจ ไมว�จะเปน คำ�อธบ�ยเกยวกบหมวดหม หวขอหลก หวขอรอง เนอห� หรอแมกระทงคำ�อธบ�ยรปภ�พ เชน ถ�ตองก�รใหคนคนคำ�ว� itbookonline กควรกรอกคำ�นลงท Heading1, ยอหน�แรก, ใสลงในเนอห� รวมถงควรใสลงในคำ�อธบ�ยภ�พดวย
วธสรางลงค
ลงค (Link) ทอยในเวบเพจถอเปนหวใจสำ�คญแบบข�ดไมได เพร�ะลงคชวยใหส�ม�รถเชอมโยงเนอห�ในแตละเวบเพจเข�ดวยกน เร�ส�ม�รถสร�งลงค เพอเชอมโยงระหว�งเวบเพจ ระหว�งเวบไซต หรอเชอมโยงกบเนอห�ทอยใน
หน�เวบเพจเดยวกนกได ก�รสร�งลงค ส�ม�รถกำ�หนดทขอคว�ม (Text) หรอทรปภ�พ (Image) แลวแตคว�มเหม�ะสม
1. แดรกเม�สเลอกขอคว�มทตองก�รสร�งลงค2. คลกปม [[]]3. กรอก URL สำ�หรบลงคปล�ยท�ง4. ท Target เลอกว� เมอคลกทลงคแลวจะใหใชหน�ต�งเดม หรอเปด
เปนหน�ต�งใหม5. คลก Insert เพอกำ�หนดลงค6. ในกรณตองก�รยกเลกลงคกส�ม�รถทำ�ไดง�ยๆ โดยคลกทขอคว�ม
แลวคลกปม Unlink เท�นนเอง7. คลกหรอแดรกเม�สทขอคว�มทไดสร�งลงคเอ�ไวกอนหน�น8. คลกปม Unlink
Feature Article แสดงเนอหาเดนทนาสนใจ
สำ�หรบบทคว�ม หรอเนอห�ทเร�ตองก�รใหโดดเดนกว�ใคร เร�จะกำ�หนดใหเปน Feature Article ขอดทไดคอ Joomla ส�ม�รถแสดงบทคว�มเจงๆ เหล�นทหน�โฮมเพจทนท ในแบบทไมตองทำ�อะไรวนว�ยเลย
1. กลบไปยงศนยบญช�ก�รหลกของ Joomla ซงกคอ Control Panel หรอ Dashboard
2. คลกท Article Manager3. ห�กตองก�รใหบทคว�มใดเปนบทคว�มเดน บทคว�มดง คลกใหเกดรป
ด�วสเหลองๆ ทบทคว�มนน
หลงจ�กทกำ�หนด Feature Article ไปแลว เร�ส�ม�รถนำ�เอ�บทคว�มเหล�นไปแสดงบนหน�โฮมเพจ หรอทหน�เพจอนๆ ต�มทตองก�รได ซงร�ยละเอยดจะแสดงไวในสวนของก�รสร�งเมน ดงทจะกล�วในหวขอตอๆ ไปครบ
Publish กบ Unpublish
เร�อ�จมเนอห�เปนจำ�นวนม�ก มทงเนอห�ทกำ�ลงออนไลนแสดงสส�ธ�รณะชน และเนอห�ทไมไดถกเผยแพร หรอทหล�ยตอหล�ยคนเรยกว� ออฟไลน นนเอง ซงใน Joomla อนญ�ตใหกำ�หนดสถ�นะของบทคว�มต�งๆ ได 2 สถ�นะ คอ เผยแพร (Publish) และไมเผยแพร (Unpublish)
ท Article Manager จะมร�ยชอบทคว�ม หรอเนอห�ทงหมดทเขยนขน ซงห�กตองก�รใหเผยแพรบนคว�มใดบนเวบไซตกเพยงคลกใหเกดถกทบทคว�ม นนๆ แตถ�ไมตองก�รกเอ�เครองหม�ยถกออก กจะแสดงเปนก�กบ�ทสแดง ดงรป
รป
เครองหม�ยถกสเขยวหม�ยถงบทคว�มนนออนไลนอย สวนถ�เปนก�กบ�ทสแดง แสดงว�เนอห�นนออฟไลน ด�วสเหลองหม�ยถง ไดกำ�หนดบทคว�มนนเปน Feature Article
การกำาหนด Read More ลงค
ห�กในเวบไซตมบทคว�ม หรอเนอห�เปนจำ�นวนม� ในหล�ยๆ เวบไซตจะไมนยมโพสตเนอห�ทงหมดลงในหน�โฮมเพจ (Front page หรอ Index page) เพร�ะจะทำ�ใหหน�เวบเพจดงกล�วรกเกนไป วธทนยมคอ จะแสดงเนอห�เฉพ�ะยอหน�แรก หรอแสดงเฉพ�ะใจคว�มสำ�คญ ซงห�กผเยยมชม
สนใจเนอห�ดงกล�ว ส�ม�รถคลกปม อ�นเพมเตม (Read More) กจะพบเนอห�ทงหมด ดงตวอย�งตอไปน
1. คลกในบรรทดทตองก�รแทรก Read More2. คลกปมแทรก Read More3. ผลลพธจะแสดงเสนประสแดงบอกใหทร�บว� เนอห�ตอจ�กนจะไมถก
แสดงในตอนแรก โดยจะแสดงใหเหนกตอเมอมก�รคลกปม Read More แลวเท�นน
กรณเกดเปลยนใจอย�กยกเลกเสนสแดงน กส�ม�รถทำ�ไดดวยก�รคลกทเสนสแดง แลวกดคย <Delete> เท�นนเองครบ
รป
ลบบทความทไมตองการ
สำ�หรบบทคว�ม หรอเนอห�ทล�สมย หรอเปนเรองร�วทไมตองก�รแลว เร�ส�ม�รถลบออกไปจ�กเวบไซตไดดวยก�รนำ�ไปทงทถงขยะ (Trash) ซงขอดคอ ห�กเร�เกดเปลยนใจอย�กนำ�เอ�เรองร�วทลบนอกลบม�ใชง�นอก กส�ม�รถเรยกกลบม�จ�กถงขยะไดนนเอง
1. ไปยง Article Manager คลกเครองหม�ยถกหน�บทคว�มทตองก�รลบ
2. คลกปม Trash3. บทคว�มดงกล�วห�ยไปจ�กร�ยก�รของ Article Manager แลว
ดงทกล�วม�แลวว� บทคว�มทลบจะถกนำ�ไปไวใน Trash ซงส�ม�รถกคน หรอล�งทงอย�งถ�มวรได ดงน
1. ทด�นข�งจะมสวนของ Filter เพอเลอกแสดงเฉพ�ะขอมลทตองก�ร ใหเลอกเปน Trashed
2. ในตอนน Joomla จะแสดงเฉพ�ะบทคว�มทเร�ไดนำ�ม�ทงยง Trash ซงถ�ตองก�รนำ�เอ�บทคว�มนไปเผยแพรบนเวบไซตกใหคลกปมรปถงขยะ
3. หรอถ�ตองก�รเคลยร Trash ทงไป กใหคลกทปม Empty trash ทอยด�นบนแทน
หลงจ�กจดก�รกบบทคว�มทอยในถงขยะ หรอ Trash เปนทเรยบรอย ใหไปทด�นข�งในสวนของ Filter อกครง แลวเลอกเปน Select Status เพอให Joomla แสดงบทคว�มต�มเดม
Note
เร�ส�ม�รถเลอกแสดงบทคว�มจ�กเงอนไขอนๆ เชน เลอกแสดงต�มผเขยนบทคว�ม ต�มหมวดหม ต�มภ�ษ�ทกำ�หนด หรออนๆ ไดจ�กสวนของ Filter ดงรป
รป
ยายตำาแหนงเมนหลก
หลงจ�กทเร�ไดเตรยมเนอห�ของเวบไซตเปนทเรยบรอยแลว ห�กตองก�รนำ�เอ�เนอห�เหล�นนม�แสดงบนเวบเพจ เร�จะตองสร�งเมน เพอลงคไปยงเนอห�ต�งๆ ซงใน Joomla ส�ม�รถสร�งเมน เพอแสดงเฉพ�ะบทคว�มใดบทคว�มหนง หรอแสดงกลมของเนอห�ต�มเงอนไขทกำ�หนด เชน สร�งเมนเพอแสดงบทคว�มทงหมดทอยในหมวดหมทสนใจ หรอแสดงบทคว�มทเปน Feature Article เปนตน
รป
ใน Joomla เร�จะจดก�รเมนต�งๆ โดยใช Menu Manager ซงในเวบไซตหนงๆ อ�จมเมนไดหล�ยแหง เชน เมนหลกทอยด�นบน เมนทด�นข�ง หรอเมนทอยด�นล�ง แตทแนๆ จะตองมอย�งนอย 1 เมนคอ Main Menu ซงใชสำ�หรบลงคไปยงหน�เวบเพจต�งๆ นนเอง
รปแสดงตวอย�ง Main Menu
จ�กรปจะเหนไดว� Main Menu หรอเมนหลกของ Joomla จะว�งไวทด�นข�งขว� ซงเวบไซตสวนใหญมกจะว�งไวทด�นบนม�กกว� ดงนน เพอใหถกตองต�มธรรมนองครองธรรม กจดก�รย�ยตำ�แหนงของเมนหลกซะ ดวยขนตอน ตอไปน
1. ไปยงหน�จอ Control Panel หรอ Dashboard ของ Joomla แลวคลกท Menu Manager
2. ทด�นซ�ยมอใหคลกท Main Menu เพอเลอกปรบแตงในสวนของเมนหลกของเวบไซต
3. คลกท Modules เพอกำ�หนดตำ�แหนงเมนบนหน�จอ แลวคลกท Main Menu
4. ท Title คอชอเมน ซงเปนขอคว�มแสดงว�เมนกลมนชอว�อะไร5. ถ�ไมตองก�รใหแสดงคำ�ว� Main Menu กใหเลอกเปน Hide6. เลอกว�จะแสดงเมนทตำ�แหนงใด ในทนเลอกตำ�แหนง Top
[position 1]7. คลกปม Save & Close8. กลบไปดทเวบไซต เมนจะถกย�ยไปอยทด�นบนแลว
สรางเมนลงค
จ�กหวขอทผ�นม�เร�ไดย�ยเจ� Main Menu หรอเมนหลกไปไวทด�นบนเปนทเรยบรอย ขนตอนตอไป คอ สร�งเมน เพอลงคไปยงบทคว�มต�งๆ ทเร�ไดสร�งเอ�ไว
1. ไปยงหน�จอ Control Panel หรอ Dashboard จ�กนนคลกท Menu Manager
2. ทด�นซ�ยใหคลกท Menus เพอดกลมของเมนทสร�งไวในเวบไซต3. คลกท Main Menu ซงหม�ยคว�มว� ตองก�รจดก�รเมนหลกของ
เวบไซตนนเอง4. ในตอนแรกจะพบลงคทอยในเมนหลกเพยงลงคเดยว คอ Home5. คลกปม New เพอสร�งลงคเพมเตม6. ในสวนของ Menu items Type ใหคลกท Select เพอกำ�หนดว�
ก�รสร�งเมนนจะไปลงคกบเนอห�ในแบบใด7. เลอกประเภทของเนอห�ทตองก�ร ซงในทนเลอกเปน Article ซง
หม�ยคว�มว� ตองก�รลงคไปยงบทคว�มทไดเตรยมไว8. จะพบตวเลอก ซงเร�ส�ม�รถเลอกว�จะลงคไปยงบทคว�มเดยว หรอ
กลมของบทคว�ม หรอเลอกบทคว�มเฉพ�ะหมวดหมทตองก�ร ฯลฯ ในทนคลกท Single Article เพอสร�งเมนเพอลงคไปยงบทคว�มเดยวๆ บทคว�มเดยวเท�นน
9. คลกปม Select เพอเลอกบทคว�มทตองก�รนำ�ม�ลงคกบเมน10. คลกเลอกบทคว�มทตองก�ร11. กรอกชอเมนลงไป12. ในสวนของ Alias คอ ชอลงค ซงถ�เร�ไมกำ�หนดท�ง Joomla
จะนำ�เอ�ชอเมนม�ใชแทน แนะนำ�ว�ควรกำ�หนดเอง ใหสอดคลองกบกฎเกณฑของ SEO ซงจะชวยใหเวบไซตตดอนดบก�รคนห�จ�ก Google (เรองเกยวกบ SEO จะกล�วถงอกครงย�วๆ เลยนะครบ)
13. กำ�หนดสถ�นะของเมน ใหเลอกเปน Published ซงหม�ยถงตองก�รใหแสดงบนเวบไซตนนเอง
14. คลกปม Save & Close เปนอนเรยบรอย15. ในตอนน ท Main Menu จะมลงคอย 2 ลงค ลงคแรกคอ
Home สวนลงคทสองคอ เข�รหสถอดรหส16. กลบไปดผลลพธทหน�เวบไซต เร�กจะพบเมนลงคต�มตองก�ร
แลว
จะเหนไดว� เมนข�งบนยงเปนแนวตง ซงรปแบบก�รแสดงเมนนน จะขนอยกบ Template ทใชเปนสำ�คญ โดยห�กเปลยน Template รปแบบก�รจดว�ง หรอสสนของเมนหลกกจะเปลยนไปต�ม Template นนๆ ดงรป (ร�ยละเอยดจะกล�วอกครงในสวนของ Template นะครบ)
รป
จบก�รสร�งเมนขนพนฐ�นทตรงน สวนตวอย�งก�รกำ�หนดเมนจรงๆ นนจะมคว�มเกยวของกบก�รใช Template ทเลอกใชง�นดวย ไมว�จะเปนรปแบบ สสน หรอตำ�แหนงในก�รแสดงเมน ฯลฯ ซงผมขอตดไวยกตวอย�งใหเหนจรงเหนจงในตอนตอไปนะครบ
Note
ใน Joomla เร�สร�งเมนเพอลงคไปยงเนอห�ไดหล�ยรปแบบ ดงน
กำ�หนดเมนทลงคไปยง Article ทงหมด (Archived Articles) กำ�หนดเมนทลงคไปยง Article เดยวๆ (Single Article) กำ�หนดเมนทลงคไปยงหมวดหมทสนใจ (List All Categories)
เปนก�รแสดงร�ยชอหมวดหมยอยๆ ทงหมดทอยในหมวดหมนนๆ
กำ�หนดเมนทลงคไปยงกลม Article (Category Blog) แสดงบทคว�มทอยในหมวดหมทเลอก ซงจะแบงเนอห�ออกเปนคอลมน และห�กมก�รกำ�หนดปม Read More กจะแสดงเฉพ�ะเนอห�ใจคว�มหลกทอยเหนอปม Read More เท�นน
กำ�หนดเมนเพอแสดงกลม Article ในรปแบบของร�ยก�ร (Category List) ซงจะแสดงเฉพ�ะชอบทคว�มทอยในหมวดหมทเลอก ซงห�กสนใจบทคว�มใด กใหคลกทชอบทคว�มทตองก�รได
กำ�หนดเมนเพอแสดง Feature Article เพอนำ�เอ�บทคว�มทเจงๆ ม�แสดงในเมน โดยเลอกจ�กหล�ยๆ Categories (Feature Articles)
http://itbookonline.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99-joomla-3-x-%E0%B8%95%E0%B8%AD%E0%B8%99-1/
ทำาใหเวบทสรางดวย joomla เปลยนไดหลายภาษา ดวย Falang Details
Created on Friday, 05 July 2013 04:54
เปนเวล�หล�ยปมหนงชอททกคนสนใจเมอมก�รสร�งเวบไซต Joomla ใหส�ม�รถแสดงไดหล�ยภ�ษ�คอ Joomfish แตมก�รเปลยนแปลงในป 2011 ขนแรกในบ�งสวนของคณสมบตจ�ก JoomFish ถกรวมเข�ไปใน Joomla 1.6 และดงนนจงเปนไปไดทจะทำ�ใหเวบไซตแสดงหล�ยภ�ษ�ทดโดยใชเพยงแค Joomla
ประก�รทสองก�รแยกตวออกจ�ก JoomFish สำ�หรบรนล�สดของ Joomla กหวงว�ก�รแยกตวออกจ�ก JoomFish เรว ๆ นจะทำ�ใหมคว�มพรอมสำ�หรบ Joomla ล�สด แตสำ�หรบตอนนหล�ย ๆคนอ�จจะไดลอง Extensions ทเรยกว� Falang ในก�รสอนครงนเร�จะแสดงวธก�รใช Falang กจะคล�ยๆกบก�รใชง�น JoomFish โดยคำ�สงนหรอเมนกจะคล�ยๆกนเลย
ขนตอนท 1: ตดตง Falang
ไปท Extensions แลวก Extension Manage และเรยกดไฟลทเร�ด�วนโหลดม�แลวคลก Upload & Install จะมไฟลภ�ษ�ของ joomla เกบไวอยซงรวมถงขอคว�มทใชในก�รแสดง ขอคว�มทแสดงขอผดพล�ดและก�รสอส�รขนพนฐ�นระหว�ง Joomla กบผใชและมภ�ษ�ม�กม�ยใหเลอกใชและยงส�ม�รถ
อพเดตภ�ษ�ไดง�ยๆผ�น Extensions โดย Extensions มชดภ�ษ�แบบม�ตรฐ�นอยในตวอยแลว เมอทำ�ก�รตดตงเสรจเรยบรอยแลวและมก�รเปดใชง�นจะมก�รกำ�หนดค�ของ Falang
ขนตอนท 2: เปดใชชดภาษา
มอย 3 ประเภทของ Extensions นทคณส�ม�รถด�วนโหลดได 1. ก�รตดตงเตมรปแบบของ Joomla ใหภ�ษ�พนฐ�นเรมตนม�โดยด�วนโหลดจ�ก Joomla.org เปนภ�ษ�องกฤษ แตคณไมจำ�เปนตองเรมตนใชดวยภ�ษ�พนฐ�นได 2. มชดภ�ษ�ทคณส�ม�รถเพมเข�ไปยงเวบไซตของคณทมอยเพอเพมภ�ษ� 3. ม plugin สำ�หรบชดภ�ษ�โดยเฉพ�ะModules และ extensions อ�จมไฟลภ�ษ�ของมนเองเชนกน ถ�ผพฒน� Extension ไมไดแปลเอ�ไวใหคณอ�จจะตองแปลเอง
คณจะตองก�รมชดภ�ษ�ทแตกต�งกนสำ�หรบแตละภ�ษ�ทคณตองก�รบนเวบไซต ของคณ หลงจ�กทคณไดตดตง Falang ไดแลว ต�มคำ�แนะนำ�ด�นล�ง นอกจ�กนคณยงตองตงค�ภ�ษ�ทเปนค�เรมตนของคณและทเปนภ�ษ� เพมเตม
การตงคาภาษาทอยใน Language Manager
ภ�ษ�ทกำ�ลงใชง�นจะมก�รแสดงดวยด�วสทอง สำ�หรบคำ�แนะนำ�ในก�รเปดใชง�นภ�ษ�โปรดดทก�รสอนโดยส�ม�รถเปดไดหล�ยภ�ษ� บนเวบไซตของคณใน Joomla 1.7
ขนตอนท 3 เปดใชงานปลกอนและโมดล
ไปท Extensions แลวก Plug-in Manager เปดใชง�นปลกอนโดยคลกทวงกลมสแดง โดยมชองสำ�หรงคนห�โดยใสคำ�ทตองก�ร
- เปดใชง�น System- Falang Database Driver (Falang plugin) - เปดใชง�น System - Language Filter (Joomla! language plugin)
- ไปท Extensions แลวก Module Manager - คนห� FaLang Languge Switcher - คลกทชอในก�รกำ�หนดค�
ขนตอนท 4: เลอกตำาแหนงของโมดล
เลอกตำ�แหนงทจะว�งโมดลและเปดใหโมดลแสดงในหน�เวบของคณ
ขนตอนท 5: กำาหนดใหโมดลไปแสดงยงหนาเพจทตองการ
ใหคณทำ�ก�รเลอกเพจทคณตองก�รแสดงภ�ษ�แลวกำ�หนดว�จะใหตวเลอกก�รเปลยนภ�ษ�เปนแบบไหน
ขนท 6: ตงคาตวเลอกขนพนฐาน
ตวเลอกด�นบนเปนก�รตงค�ขนพนฐ�นเกยวกบก�รจดก�รโมดลต�งๆท นคณส�ม�รถเลอกไดว�ผใชง�นเวบของคณจะเปลยนภ�ษ�โดยใชไอคอนหรอ dropdowns ใสขอคว�มถ�คณจะเขยนคำ�แนะนำ�สำ�หรบผใชของคณและมตวเลอกขนสง บ�งอย�งทคณส�ม�รถเลอกไดในตอนนและใหแนใจว�ไดคลกบนทกก�รตง ค�ของคณกอนทจะออกไป
ผลของการตดตงโมดล
ก�รเปลยนภ�ษ�นอยทตำ�แหนงด�นล�งของ position-7 ใน Beez-20 ของ template คลกทธงช�ตเพอเปลยนภ�ษ� ในภ�พประกอบดงกล�วจะเหนว�เมอคลกธงเยอรมนและคณจะเหน แตเปนคำ�แปลทสร�งโดยไฟลภ�ษ�หลก
ขนตอนท 7: เขาถงหนาหลกของ Falang
ไปท Components แลวก FaLang เพอใชง�นหน�ควบคม
ขนตอนท 8: เขาไปใน Components เพอทจะแกไข
เข�ไปท Translation เลอก language ทตองก�รใหแสดงผล
หลงจ�กทคณไดเลอกภ�ษ�ใหเลอกเนอห�ทคณตองก�รแกไข จ�กนนคณจะเหนทงหมดของเนอห�ทคณตองก�รแกไข
ขนตอนท 9: แกไขชอของเมน
เมอเลอก Menu filter กจะส�ม�รถแยกประเภทของเมนทเร�ตองก�รไดแลวคลกทชอในร�ยก�รของคณเพอเรมตนขนตอนก�รแปล
ขนตอนท 10: วธใสขอความในการแปล
หมายเหต ในสวนนจะเปนก�รแปลคำ�ทเปนคนละ ภ�ษ�โดยมขอคว�มเดยวกนและในสวนนจมก�รใหเลอกว�ตองก�รแสดงผลหรอ ไมโดยมก�รกำ�หนดค� Published
ตอนนในร�ยก�รจะแสดงใหเหนถงก�รแปลและมคำ�ทแปลแลวม วนทแปล มสถ�นก�รณทำ�ง�นและกมเครองหม�ยถกเพอแสดงผลกเสรจ
ในรปภ�พด�นบนคณจะเหนว�มนไดแปลเฉพ�ะเมน เมอคณคลกสลบภ�ษ� จะเหนว�มนเปนร�ยก�รเดยวทแปล สำ�หรบก�รแปลแบบเตมรปแบบคณจะตองทำ�ซำ�ในขนตอนเดมสำ�หรบร�ยก�รแตละ เมนและทกเนอห�ทคณตองก�รแปล
ขนตอนท 11: การแปลเนอหาทงหมด
ทำ�ก�รแปลบทคว�ม module หรอ category โดยมขนตอนเหมอนกนในขนตอนเดมและมจำ�นวนขอมล Article หรอ module และคำ�อธบ�ยหมวดหม คณส�ม�รถดขอคว�มเดมทใหม�และคณส�ม�รถพมพคำ�แปลด�นล�ง
ขนตอนท 12 แปลขอมล metadata
สำ�หรบบทคว�มทมคำ�อธบ�ย metadata ทเกยวของ คณส�ม�รถเลอกเพอใหก�รแปลสำ�หรบ metadata นอ�จจะเปนวธย�ก แตคณส�ม�รถใชเปนหลกก�รสร�งเกอบทงเวบไซตในก�รเลอกภ�ษ�อน แตถ�คณตองก�รไดหล�ยภ�ษ� วธนคอวธทดทสด สำ�หรบ Joomla 2.5
Tip: เคลดลบคอก�รใสคำ�ทตองก�รลงใน Google Translate ทจะทำ�ก�รแปลไดอย�งรวดเรวก�รแปลบทคว�มใหว�งลงในสวนของก�รแปล แตวธนจะเปนก�รแปลทไมดทสด แตมนอ�จจะง�ยตอก�รแปลและแกไขภ�ษ�โดยก�รแปลอตโนมตง�ยกว�แปลดวยตว เอง
ทม� http://www.ostraining.com/blog/joomla/multi-lingual-joomla/
เรยบเรยงโดย ทมง�น joomla-developer.com
Top Related