Upload
dangdat
View
223
Download
2
Embed Size (px)
Citation preview
สารบญ
หวขอท หนา
1. ความรเบองตนเกยวกบ wordpress Resource
2. ทาความรจก WordPress Resource
3. WordPress มการทางานอยางไร Resource
4. ความตองการของระบบ Resource
5. กายวภาคของบลอก WordPress Resource
6. กายวภาคของบลอก WordPress Resource
7. การใชงาน WordPress Resource
8. ตดตง WordPress Resource
9. เขาใชงานครงแรก Resource
10. login เขา Addmin เพอปรบแตงเวบ Resource
11. ปรบแตงเวลาและให menu เปนภาษาไทย Resource
12. เพมเนอเรองเขาเวบ Resource
13. การใสรปภาพเขาใน blog Resource
14. การจดการสอ Resource
15. จดการหนาเวบดวย Widget Resource
16. จดการ Link บนหนาเวบ Resource
17. จดการเพมหนาบนหนาเวบ Resource
19. การจดตกแตงพนหลงเวบ Resource
20. การปรบแตงสวนหวของเวบ
ความรเบองตนเกยวกบ wordpress
WordPress เปนโปรแกรมสาหรบทาบลอก พฒนาดวยภาษา PHP และใชงานรวมกบฐานขอมล
MySQL ภายในสญญาอนญาตใชงานแบบ GNU General Public License
WordPress มการใชงานทงาย มความยดหย นสง เปนทนยมของบลอกเกอรทวโลกรวมทงชาวไทยดวยเชนกน
มผ พฒนาปลกอน และธม (รปแบบการแสดงผล) ใหเลอกใชแบบฟร ๆ อย เปนจานวนมาก
นอกจาก WordPress รนปกตแลว ยงม WordPress MU อกรนหนง ทไวใหผ ใชนาไปเปดเปนผ ใหบรการพนท
ทาเวบบลอก ทผ ใชทวไปสามารถมาสมครเพอสรางเวบบลอกของตนเองได
WordPress นพฒนาตอยอดมาจาก b2\cafelog ทพฒนาโดย Michel Valdrighi และชอ WordPress น
กไดมาจากการแนะนาของ Christine Selleck ซงเปนเพอนกบหวหนาทมพฒนา นนคอ Matt Mullenweg โดย
ปรากฏโฉมครงแรกในป 2546 ซงเปนความรวมมอกนระหวาง Matt Mullenweg และ Mike Little เพอทจะ
สราง fork ของ b2
ในป 2547 บรษท Six Apart ผ พฒนา Moveable Type ไดมการคดคาใชงาน ทาใหผ ใชหนมาใช
WordPress กนเปนจานวนมาก
ทาความรจก WordPress
WordPress ไมใชโปรแกรมปกตเหมอนกบโปรแกรมอน ๆ ทวไปททางานบนคอมพวเตอร เชน MicroSoft
Word, MicroSoft Excel เปนตน ไมใชปลกอนสาหรบเบราเซอร เหมอนกบ QuickTime หรอ Flash Player แต
มนเปนระบบสงพมพบนเวบ ทสรางโดยใช PHP และฐานขอมล MySQL ซงทงสองอยางนทางานบน Unix
WordPress ทางานอยางไร
WordPress ใชคาสง PHP บน Web Server เพอตดตอสอสารกบฐานขอมล MySQL ในขนตอนการตดตง
WordPressจะสรางตารางทตองการในฐานขอมล พรอมทงบรรจตวอยางและขอมลเรมตนไวในฐานขอมล
เมอคณใชเบราเซอรไปบรหารบลอกของคณ เบราเซอรจะสงคาสงไปเพอเพมหรอแกไขบทความในฐานขอมล
MySQL ซงในความเปนจรงแลว เนอหาของบลอกคณทงหมด ถกเกบไวในไฟลฐานขอมล MySQL
ในการแสดงเนอหาของบลอกและการบรหารสวนตาง ๆ ของหนาจอนน WordPress ใชไฟลธม (theme) ซง
บรรจไปดวยแมแบบสาหรบแสดงขอมลชนดตาง ๆ และเพจ (pages) ไฟลขอความเหลานจะประกอบไปดวยโคด
PHP, XHTML และ CSS เพอใชในการควบคมการแสดงผลบทความบนทหนาเวบ
WordPress มธมมากมายใหเลอกใช ดงนนไมจาเปนทคณจะตองไปออกแบบเอง เพยงแตคณเรยนรเกยวกบ
WordPress และรวามนทางานอยางไรกพอ คณกอาจจะสามารถแกไขธมของเวบคณเพอปรบแตงการแสดงผล
และเพมคณลกษณะเดน ๆทนาสนใจเขาไปได
ความตองการของระบบ
หากคณใช WordPress ท WordPress.Com กขามขนตอนนไปไดเลยครบ เพราะไมตองเตรยมอะไรครบ เพราะ
เขาเตรยมไวใหหมดแลว
แตถาคณตดตง WordPress บน host หรอ บนเครองของคณเอง อานตอไดเลยครบ
Server ทตดตง WordPress รน 2.1+ ตองการดงน
1. PHP รน 4.2 ขนไป
2. MySQL รน 4.0 ขนไป
Server ทตดตง WordPress รน 2.0 ตองการดงน
1. PHP รน 4.2 หรอใหมกวา
2. MySQL รน 3.23.23 หรอใหมกวา
คดวาสวนใหญ host ในปจจบนนาจะรองรบ WordPress รน 2.1+ ไดแลวนะครบ แตถาหากไมแนใจวา host ท
คณใชงานอย นนรองรบกบ WordPress ทคณจะใชงานหรอไม ใหสอบถามกบทางผ ใหบรการ host ของคณดวา
ใช PHP และ MySQL รนไหน
ถาหากวา host ของคณไมรองรบกบ WordPress รนใหม คณกสามารถใช WordPress รนเกา ๆ ท host ของคณ
รองรบกไดครบ เพราะวาทางทมงานของ WordPress ยงเกบรนเกา ๆ ไวใหคณไดดาวนโหลดมาใชไดครบ
สวนประกอบของบลอก WordPress
การแสดงผลของบลอก WordPress มความแตกตางกนตามธม (Themes) ทตดตง ซงธมจะเปนตว
กาหนดการแสดงผลของบลอก รวมทงปลกอนทอาจจะตดตงไวอกดวย แตกจะมคณลกษณะพนฐานทสามารถ
พบเหนไดจากบลอกทวไป ตอไปจะไดแสดงใหเหนวา สวนประกอบของบลอกมอะไรบาง
1. หนาหลก
1.1 เรอง
1.1.1 หนาน จะแสดงเนอหาทอยภายในเวบไซตท งหมด ซ9งสามารถคลกทชอเรอง เพอแกไขเนอหา ทเคยเขยน
มากอนแลวได
1.1.2 หนาน สาคญมาก จะตองเจอทกคร งเมอเขยนเรองใหม ซ9งเมอคลกเขาไป จะพบกบหนาตางทใหกรอก
ขอความสาหรบการเขยนเรองใหม ซ9งจะอธบายอกคร งในหวขอถดไปเขยนเรองใหม แกไขปายกากบ
2. คอสวนทบอกองคประกอบตาง ๆ ของบลอก วาในเวบบลอกของเราประกอบไปดวยอะไรบาง
3. คอสวนทใชจดการกบเนอเรองภายในบลอก
4.สวนทแสดงความคดเหนวามใครทแสดงความคดเหนตอเวบบลอกของเราบาง
5. คอสวนทแจงขอมลขาวสารของทาง WordPress
สวนเมนหลก ซงประกอบดวยหลายเมนยอย เปนสวนทใชในการจดการเนอหา ซงมหลกๆทนา สนใจดงน เรอง
แกไข
การใชงาน WordPress
มอย 3 วธในการใชงาน WordPressเพอสรางและดแลบลอก
1. ใชบรการท WordPress.Com วธนเปนวธทงายและเรวทสดในการทจะมบลอกเปนของตนเอง คณ
สามารถใชงานไดอยางเตมฟงกชนทม แตคณจะไมสามารถปรบแตงคณลกษณะทเดนหรอตดตงปลก
อนของ WordPress เพมเตมได
2. ตดตงบน Hosting คอคณจะตองเชา host ทมฐานขอมล MySQL ดวย รวมทงจดโดเมน เพอทาบลอก
ในชอโดเมนของคณเอง หรออาจจะใชแบบ Sub-domain กได ถาไมอยากเสยเงน กอาจจะหา host ฟร ๆ
ทรองรบ PHP และ MySQL โดยชอทไดเปน Sub-domain ของ host ฟรนนกได การตดตงในลกษณะน
จะทาใหคณสามารถตดตงปลกอน ปรบแตงคณลกษณะตางๆ ของ WordPress ไดตามความตองการ
ของคณเองเลยหละครบ
3. ตดตงบนเครองของคณเอง คอตดตงโปรแกรมททาใหเครองของคณเปน Web Server เชน Xampp,
Wamp, AppServ หรอ WM Server Tools เปนตน แลวการตดตง WordPress ทดสอบการใชงานตาง
ๆ เมอคลองแลวกอาจจะยายขอมลตาง ๆไปทาแบบเชา host กได หรอจะตดตงบนเครองแลวเชอมตอ
อนเทอรเนต เพอใหผ อนเขามาอานบลอกของคณ หรอจะตดตงบลอกในรปแบบของอนทราเนต กไดอก
เชนกน
จากรปแบบการใชงาน WordPress ตามทกลาวมา กลองพจารณาดวา อยางไหนถกใจสาหรบคณ อยากมบลอก
เรว ๆ และเผยแพรสสายตนคนอนได กแนะนา WordPress.Com เลยครบ งายด สมครแปบเดยวกไดมบลอกกบ
เขาบางแลว แตอยากใช WordPress แบบปรบโนนแตงน กลองทาแบบขอ 3 ครบ จาลองเครองเปน Web Server
แลวลองตดตงด เพมปลกอน เปลยนธมไดอยางสนกสนานตามใจคณไดเลยครบ เมอคลองแลวกหากตองการ
เผยแพรขอมล กเชา host จดโดเมนทาบลอกแบบเตมรปแบบไปเลย
การตดตง WordPress
ในการตดตง WordPress ในทนจะตดตงแบบท 1 ใชบรการท WordPress.Com
เมอเขาไปท website WordPress www.WordPress.com จะไดหนาจอดงน
เรมตดต งครงแรกคลกท sign up now
หลงจากทคลก Sign up now จะไดหนาจอในการกรอกขอมล
ใสชอเวบไซตของตวเอง หรอชอ Blog Address
*** ในการใสชอ Blog Address ใสไดเฉพาะตวอกษร และตวเลขเทานน ***
การใสชอ Blog จะตองไมซากบชอ Blog อนทมผ สรางไวแลว ถาซากนระบบจะขนขอความแจงเตอนวา Sorry,
that site already exists! พรอมมเรองหมาย X ตองใสชอใหมทไมซากบชอทมคนตงไวแลว
ถาใสชอบลอกถกตอง และไมซากบคนอน จะปรากฏเครองหมาย ✓ และมขอความแจงวา surat2npu.com is
available
หลงจากนนใหใส user name password และ e-mail address
ใสขอมลครบแลวคลกทป ม Sign up
ระบบจะใหใสชอ นามสกล และ รายละเอยดเกยวกบผ สราง web
ใสขอมลเสรจแลวใหคลกท Save Profile
หลงจากทลงทะเบยน และ ใสขอมลทจาเปนในการทา website แลว ระบบจะสงรายละเอยดการ login เขาไปท e-
mail ทใสตอนสมครใหเราเขาไปยนยนการใชงานท e-mail
ถาไดหนาจอทเปนลกษณะแบบนแสดงวาเราสามารถใชงาน word press เพอทาการสราง website หรอ webblog
ไดแลว
ลองเขา website ตามทเราไดตงไว จะไดหนาจอดงภาพ
การเขาใชงานครงแรก
หลงจากทไดสรางเวบบลอก หรอเวบไซตแลว ใหทาการพมพ ชอเวบไซตตามทไดสรางไว ในตวอยงนเราได
สรางเวบไซต ชอ surat22npu.wordpress.com เรากพมพ www.surat22npu.wordpress.com เราจะไดหนาตา
เวบไซต ดงน
ในหนาจอนเปนหนาจอทแสดงขอมลตาง ๆ ในเวบทสรางขน ถาจะปรบแตงหรอใสขอมลเพมเตมในเวบ
ตองทาการ login เขาระบบดวย username และ password ทเราไดกาหนดไวตงแตครงแรกตอน setup ระบบ
สาหรบวธการปรบแตงเวบ จะไดกลาวในหวขอถดไป
Login เขา Addmin เพอปรบแตงเวบ
จากหนาจอเวบไซตทสรางขนใหคลกท login
ปรบแตงเวลาและให menu เปนภาษาไทย
เมอเขามาทเวบไซตครงแรกจะมเมนทเปนภาษาองกฤษ ถาตองการปรบใหเมนเปนภาษาไทยใหคลกท
Appearance ---> setting
จะไดหนาจอดงภาพ ตรงสวนของ Timezone ใหเลอก utc+7 ซงเปนรหสเวลาของประเทศไทย และ
ตรงสวนของ language ใหเลอก th - ไทย
หลงจากทกาหนดไดตรงแลวใหคลกท Save changes
เพมเนอเรองเขา Web
wordpress เปนบรการสรางเวบในลกษณะของการสรางบลอก หรอเรองราวตาง ๆทตองการเผยแพร
ทางอนเตอรเนต การเพมเรองหรอการเพมบลอกเขาไปในเวบน น ถาจะใหมความเปนระเบยบและมความสดวก
ในการบรหารจดการ กควรทจะทาการจดหมวดหมบลอก หรอเรองราวตาง ๆใหเปนหมวดหมโดยทาตาม
ข นตอนตาง ๆ ดงน
ในการจดการเกยวกบบลอกหรอชอเรองจะทาทเมนดานซายในหวขอเรอง
ถาคลกทเมนยอย เรอง ---> เรอง จะมรายละเอยดของเรองทมในเวบดงภาพ
ณ ขณะน จะมเรองเพยงเรองเดยวทระบบไดตดต งมาให คอ hello world!
กอนทจะทาการสรางชอเรองข นมาจะตองทาการสรางหมวดหมของเรอง ใหคลกท Categories จะไดหนาจอดง
ภาพ
ทหนาจอของ catgoreis จะตองกรอกรายละเอยดทจ าเปนดงน
Name = ใสชอ catgoreis หรอชอหมวดหม
Parent = ถาตองการสรางหมวดหมหลกและหมวดหมยอย
Description = ใสรายละเอยดของ catgoreis หรอ รายละเอยดของหมวดหม
ใสรายละเอยดครบแลวคลกท สรางหมวดหมใหม จะไดรายละเอยดของหมวดหมทสรางเสรจดงภาพ
ตอไปกทาการเพมชอเรอง และเนอเรองเขาในเวบ ทเมนเรอง คลกท เขยนเรองใหม
จะไดหนาจอดงภาพ ทาการใสหวขอเรองและเนองเรอง
ทาการใสขอมลตามทก าหนดดงน
สวนท1 ใหใสชอเรองจากตวอยางใสชอเรอง คอ รายวชาคอมพวเตอร
สวนท2 ใสรายละเอยดของชอเรอง ในสวนน สามารถพมพรายละเอยดตาง ๆหรอจะกอปป ไฟลอนมาใสกได
ขอความทอยภายในกสามารถทการปรบแตงไดเหมอกบโปรแกรม microsoft word
สวนท3 เปนการกาหนดการเชอมโยง และกาหนดการแชรขอมลในหนาแสดงการโพส
สวนท4 เปนการกาหนดใหก าขอความทสรางข นใหสามารถแสดงไดเลย หรอวาจะเกบไว กอน
สวนท5 เปนการกาหนดรปแบบการแสดงผลของขอความทสรางข น
สวนท6 เปนการกาหนดทเกบรวบรวมขอความทสรางข นวาตองการใหอยในหมวดหมใดโดยการตก
เครองหมาย หนาหมวดหมทตองการ หลงจากทสรางขอความใหมเสรจเรยบรอยแลวถาตองการใหใชงานได
ทนทกคลกท เผยแพร เทาน กสามารถสรางบลอกงาย ๆ ไดแลว
การใสรปภาพใน blog
หลงจากทสราง Blog หรอขอความในเวบแลว ถาตองการแทรกรปภาพเขาบลอก กสามารถทาไดโดยทา
ตามลาดบดงน คลกเลอก
จากน นจะไดหนาตางในการ upload รปภาพดงน
ในการเลอกรปภาพระบบจะใหสามารถเลอกรปภาพจากจากแหลงตาง ๆ ดงน คอ
1. จากคอมพวเตอร คอจากเครองคอมพวเตอรทใชงานอย
2. จาก URL คอจากเวบอนทตองการ
3. จากคลงภาพ คอจากระบบ wordpress ทเราสรางเอง
4. จากคลงสอ คอจากระบบ wordpress ทเราสรางเอง
ในทน เลอกจากแบบท 1 กอน คอ จากเครองคอมพวเตอรใหคลกท เลอกไฟล (ขนาดของรปภาพทระบบ
กาหนดใหจะตองไมเกน 1 GB)
เราสามารถทจะจดการตกแตงรปภาพทแสดงบนหนาเวบไดโดยระบบจะมเครองมอในการจดการกบ
รปภาพ ดงน
หลงจากทก าหนดรปแบบของรปภาพเรยบรอยแลวกคลกท
การจดการสอ
สอทนามาใชในเวบ หรอ เวบบลอก ไมวาจะเปน ไฟลรปภาพ ไฟลเอกสารระบบจะเกบรวบรวมไวใน
หมวดหมของสอ เราสามารถเพม ลบ หรอแกไขได โดยเขาไปคลกทเมนสอ
หลงจากทคลกเลอกเมนสอแลวจะไดหนาจอทแสดงเกยวกบไฟลของสอตาง ๆตามเรามดงภาพ
เราสามารถทาการสอตาง ๆ ไดโดยคลกเลอกท
จะไดหนาจอเพอทจะเลอกหาไฟลสอทตองการคลกท เลอกไฟล
หลงจากทคลกเลอกไฟลจะไดหนาตางดงน
เลอกไฟลทตองการจากน นคลกท Open
ระบบจะแสดงรายละเอยดตาง ๆ ของไฟล จากน นใหคลกเลอกท บนทกการเปลยนแปลงท งหมด
จดการหนาเวบดวย Widget
การจดการแสดงผลหนาจอของเวบอยางเชนตองการเพม หรอลบ องคประกอบตาง ๆเราสามารถ
จดการไดโดยใช widget ตวอยางน เราจะทาการทดลองเพมองคประกอบของเวบคอเมน link เขามาในเวบเพจ
ใหเราไปคลกทเมนหลก รปแบบเวบ ---> Widgets ดงภาพ
เราจะไดหนาจอ widgets ดงภาพ
กรอบทอยดานขวามอ(กรอบสเขยว)คอเมนทแสดงบนหนาเวบ สวนกรอบทอยดานซายมอ(กรอบส
แดง) คอองคประกอบเมนตาง ๆทสามารถเพมเขาไปในหนาเวบได ถาตองการองคประกอบ หรอเมนใดให
ปรากฏบนหนาเวบ ใหทาการคลกเมาสทชอเมนน นแลวลากไปวางบนกรอบสเขยวดานขวามอ เพยงเทาน ก
สามารถเพมองคประกอบ หรอเมน เขาไปย งหนาเวบไดแลว
จดการ Link บนหนาเวบ
การทาเมน link ตาง ๆ บนหนาเวบเราสามารถทาการเพม ลบ แกไข ไดโดยใหคลกเลอกทเมน link
ลองคลกดทเมน link วามเมนอะไรบางดงภาพ
หลงจากทคลกเลอกทเมน link แลวจะไดหนาจอดงภาพ
ท งหมดทเหนคอชอ link ตาง ๆ ซงเปน link ทระบบสรางไวใหแลว ทเวบเราสามารถใชงานได ตอไป
เรากจะเรมสราง link ข นมาเองกอนทจะสรางเวบเราตองทาการสรางหมวดหมของเวบข นมากอน โดยใหคลก
เลอกท ล งค ---> ล งคหมวดหม จะไดหนาจอดงภาพ
หลงจากคลกแลวจะไดเมนดงภาพ
จากทเหนน นเปนหมวดหมของ link ทระบบไดสรางข นมาให ทาการเพมหมวดหม link โดยใสชอ link
และ ค าอธบาย link เสรจแลวคลก Add new link category
สงเกตเหนวาจะไดหมวดหม link ข นมาใหม ชอ surat ตามทไดสรางไว หลงจากทสรางหมวดหม link
เรยบรอยแลวตอไปกทาการสราง link ตามขนตอนดงน
คลกเลอทเมน Add new link ดงภาพ
จะไดหนาจอเพอใสรายละเอยดของ link ใหมทสรางดงภาพ
เมอก าหนดรายละเอยดตาง ๆ เรยบรอยแลวกคลกท เพมลงค
จดการเพมหนาบนหนาเวบ
ในการเพม page หรอเพมหนาบนหนาเวบน นทาไดโดยคลกเลอกเมน หนา
หลงจากทคลกเลอกเมน หนา ---> หนา แลวระบบจะแสดงรายการจานวนหนาทมในเวบซงถาย งไมม
การสรางหนาข นมาใหม จะมเพยงหนาเดยวในเวบคอ About ถาตองการสรางหนาใหมใหคลกเลอกเมน สราง
หนาใหม จากน นทาการใสรายละเอยดของหนาใหมทสรางข น โดยทใสชอหนา รายละเอยดของหนา เสรจแลว
คลก เผยแพร ตามลาดบ
จากน นลองพรววดเวบทสราง จะพบกบหนา page ใหมตามทไดสรางข น
การตกแตงพนหลงเวบ
การจดตกแตงพนหลงเวบสามารถทาไดโดยคลกเลอกเมน
จากน นจะไดหนาตางในการกาหนดพนหลงใหกบเวบดงภาพตอไปน