รจกกบ 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