WordPress เบองตน

สารบญ

หวขอท หนา

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

ระบบจะแสดงรายละเอยดของชอไฟลดงน

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

รปภาพ ดงน

หลงจากทก าหนดรปแบบของรปภาพเรยบรอยแลวกคลกท

การจดการสอ

สอทนามาใชในเวบ หรอ เวบบลอก ไมวาจะเปน ไฟลรปภาพ ไฟลเอกสารระบบจะเกบรวบรวมไวใน

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

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

เราสามารถทาการสอตาง ๆ ไดโดยคลกเลอกท

จะไดหนาจอเพอทจะเลอกหาไฟลสอทตองการคลกท เลอกไฟล

หลงจากทคลกเลอกไฟลจะไดหนาตางดงน

เลอกไฟลทตองการจากน นคลกท Open

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

จะเปนวาไดมรปภาพเพมเขามาในคลงสอแลว 2 ภาพ

จดการหนาเวบดวย 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 ใหมตามทไดสรางข น

การตกแตงพนหลงเวบ

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

จากน นจะไดหนาตางในการกาหนดพนหลงใหกบเวบดงภาพตอไปน

ก าหนดเสรจแลวเลอกบนทกการเปลยนแปลง

การปรบแตงสวนหวเวบ

ในการปรบแตงสวนหวเวบน นใหคลกเลอกเมน รปแบบบลอก ---> สวนหว

หลงจากเลอกเมนสวนหวแลวจะไดหนาตาเวบใหเลอกสวนหวของเวบดงภาพ

ใหเลอกหวเวบตามตองการจากน นคลก