1. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress
จัดทําโดย
นายสมชาติ แผอํานาจ
ตําแหนง ครูผูชวย โรงเรียนแมสะเรียง “บริพัตรศึกษา”
สํานักงานเขตพื้นที่การศึกษามัธยมศึกษาเขต 34
@ Create Date : August 8, 2012

2. สารบัญ
สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress หนา
 1 ทําความรูจักเว็บบล็อก 1
 2. ขั้นตอนการสมัครใชงาน 2
 3. เริ่มตนการใชงาน Wordpress 6
o 3.1 การเขาสูระบบผูดและระบบAdmin
ู 6
o 3.2 เรียนรูวิธการใชงานสําหรับผูดูแลระบบ Admin
ี  7
 4. การเขียนเนื้อหาลงบนเว็บบล็อก 7
o 4.1 การเขียนเรื่องใหมลงบล็อก 8
o 4.2 การแกไข/ลบเรื่องเดิมที่มีอยูบนเว็บบล็อก 9
o 4.3 การแทรกรูปภาพลงในเว็บบล็อก 10
o 4.4 การแทรกวิดีโอยูทูบ Youtube ลงในเว็บบล็อก 12
o 4.5) การแทรกไฟลเอกสารลงในเว็บบล็อก 13
o 4.6 การสรางเนื้อหาบนลิงคดานบนบล็อก(เมนูหนา) 14
o 4.7 การลบไฟลสื่อ (เมนูสื่อ) 15
o 4.8 การเปลี่ยนรูปแบบบล็อก (เมนูรูปแบบบล็อก) 16
o 4.9 การเพิ่ม Widget หรือหนาตางเมนู (เมนูรูปแบบบล็อก) 18
o 4.10 การสรางเว็บลิงค(เมนู) 19
 แหลงอางอิง 21

3. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 1
สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress
1.ทําความรูจักเว็บบล็อก
บล็อก(Blog) หรือเว็บบล็อก(Weblog) เปนเว็บไซตสําหรับเขียนบันทึกเลาเรื่องราว ชีวิตประจําวันเพื่อ
สื่อสารความรูสึกนึกคิด มุมมอง ประสบการณ ความรู และขาวสาร เสมือนเปนไดอารี่ แตเปนการเขียนหรือ

นําเสนอเรื่องราวทีผูอื่นเขามาอาน และสามารถแสดงความคิดเห็นในเรื่องนั้นๆได
่
เว็บบล็อกเพื่อการเรียนการสอน
เว็บบล็อกเพื่อการเรียนการสอน เปนการสรางแหลงเรียนรูใหมๆใหกับผูเ รียน ซึ่งผูเรียนสามารถ
เรียนรูไดดวยตนเอง และสามารถเรียนรูไดตลอดเวลา นอกจากนั้นผูเ รียนยังสามารถแสดงความคิดเห็นตอ
บทเรียน แนะนํา แลกเปลี่ยนการเรียนรู รวมทังผูเ รียนยังสามารถสงงานผานเว็บบล็อกไดอีกดวย
้
ทําไมตองเลือกสรางเว็บบล็อกดวย Wordpress
Wordpress เปนเว็บบล็อกที่ใหบริการสรางเว็บบล็อกที่ไมเสียคาบริการ FREE ซึ่งคนไทยนิยมใชงาน
สูงสุด มีขั้นตอนการใชงานงาย ไมซับซอน คูมือมีจํานวนมาก เหมาะสําหรับผูที่เริ่มตนสรางเว็บบล็อก
นอกจากเว็บบล็อกWordpress แลว ยังมีเว็บบล็อกที่ใหบริการสรางบล็อกฟรีอีกมากมาย เชน
Blogger, Blognone, Go2know, Exteen เปนตน ซึ่งสามารถใชงานงาย และนาลองนํามาศึกษา
ลักษณะของเว็บบล็อก
1) มีการเรียนบันทึกเรื่องราว ไมวาจะเปนความรู ความบันเทิง ขาวสารหรือประสบการณที่พบเห็น
โดยเจาของบล็อกอยางสม่ําเสมอ
2) บันทึกที่ใสในเว็บบล็อกสามารถเปนไดทั้งรูปแบบขอความ รูปภาพ ไฟลเสียง ไฟลวิดีโอ ตลอดจน
ขอมูลจากเว็บ Youtube เพื่อเพิ่มความนาสนใจและดึงดูดใหผูอานเขามาอานเว็บบล็อก
3) ขอมูลมีการเรียงลําดับตามรายการลาสุดทีเ่ ขียน
4) ผูที่เขามาเยี่ยมเว็บบล็อก สามารถแสดงความคิดเห็นหรือแชรขอมูลรวมกันได ทําใหเกิดการตอยอด
องคความรู แลกเปลี่ยนความคิดเห็นระหวางผูเขียนและผูอานได

5) มีการสรางลิงคที่นาสนใจไปยังเว็บไซตอื่นได
6) ขอมูลบันทึกทีเ่ ขียนในเว็บบล็อก สามารถจัดกลุมความนาสนใจดวยหมวดหมู( Cetegory )ได ซึ่งจะ
ชวยอํานวยความสะดวกใหกับผูอานได


4. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 2
2.ขั้นตอนการสมัครใชงาน
2.1 ขั้นเตรียมความพรอมกอนสมัครใชงาน
- เครื่องคอมพิวเตอรตองใชงานอินเตอรเน็ตได
- ตองมีอีเมลที่ใชงานไดจริงเพื่อใชในการสมัครใชงานเว็บบล็อก (แนะนําใหใช Gmail)
2.2 เริ่มตนสรางเว็บบล็อก
1) เขาไปยังเว็บไซล http://th.wordpress.com/
คลิกปุม Get started here
หรือ สมัครตอนนีเ้ ลย
2) กรอกขอมูลสําหรับสมัครใชงาน ดังนี้
ขอแนะนํา
ที่อยูของบล็อก : ใชสําหรับอางอิง
ในการเขาเว็บไซต ควรเปนชื่อทีสื่อ
่
ถึงเนื้อหาของเว็บบล็อก
ชื่อผูใช : เปนภาษาอังกฤษพิมพ
เล็กทั้งหมด หรือตัวเลขก็ได4ตัวขึ้น
ไป(*จํา)
รหัสผาน : ขึ้นอยูกับผูสมัคร (*จํา)
ยืนยัน : ใสรหัสผานอีกครัง ้
Email Address : อีเมลทมีอยูจริง
ี่
และสามารถใชงานไดจริง

5. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 3
จากนั้นกดปุม Create Blog

3. หลังจากนั้น ก็จะมีขอความ Complete Registration สมัครเสร็จแลว ดังรูป
4. จากนั้นยืนยันการสมัคร โดยระบบจะสงลิงคไปในอีเมลของเรา เปดอีเมล แลวคลิกปุม Activate Blog

6. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 4
5. เขาสูหนาเริ่มตนสรางเว็บบล็อก URL weblog: krusomchart.wordpress.com จากนั้นเลือกธีมที่ตองการ

***โดยURL weblog ก็จะตามทีเ่ ราสมัครไวทีแรก เชน xxxxx.wordpress.com
6.คลิกปุม Choose This Theme เพื่อยืนยันการเลือกธีม

7. และคลิก Activating Your theme…
8. จะมีขอความปรากฏบอกหนาหลักวา Wordpress.com is also available in ไทย คลิกที่คําวา ไทย เพิ่ม
เริ่มสรางเว็บโดยใชภาษาไทยเปนหลัก

7. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 5
9.และนี้คือหนาสําหรับผูดูแลเว็บบล็อกในการจัดการ เพิ่มบทความ และอื่นๆ
10. เราสามารถลองเขาไปดูเว็บของเราไดที่ เมนูดานบน ตรงชื่อผูใช>>ชื่อเว็บบล็อก>>เลือกหนาหลัก
11. ตัวอยางหนาเว็บบล็อกของเรา http://krusomchart.wordpress.com ( xxxx.wordpress.com )

8. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 6
3. เริ่มตนการสรางเนื้อหา และปรับปรุงเนื้อหาใหกับเว็บบล็อก Wordpress
3.1 การเขาสูระบบผูดูแลระบบ Admin
1) เปดเว็บบล็อกของเรา โดยการพิมพ URL เชน http://xxxx.wordpress.com เชน
http://krusomchart.wordpress.com จากนั้นคลิกปุม “เขาสูระบบ”
2) กรอกขอมูลเขาสูระบบ Username และ Password จากนั้นกดปุม เขาสูระบบ
 
3) จะพบหนาจอ สําหรับการแกไขและปรับแตงเว็บบล็อกของเรา

9. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 7
3.2 เรียนรูวิธีการใชงานสําหรับผูดูแลระบบ Admin
1) เมนูหนาหลัก ประกอบไปดวยเมนูยอยที่ใชตั้งคาขอมูลทั่วไป, ดูสถิติการเขาชม เปนตน
Site stats : สําหรับดูสถิติการเขาเว็บบล็อกของเรา
บล็อกของฉัน : แสดงรายการบล็อกของเราทั้งหมด
Blogs I Follow : แสดงบล็อกทั้งหมดที่เราสราง
4 การเขียนเนื้อหาลงบนเว็บบล็อก การเขียนเนื้อหาในเว็บบล็อกสามารถทําได 2 แบบ คือ
1) เขียนแบบเรื่อง (จะแสดงเนือหาบนหนาแรกของเว็บ)
้
2) เขียนแบบหนา (จะแสดงเนือหาเปนลิงคบนเมนู)
้
เขียนเรื่อง
เขียนหนา
การเขียนเนื้อหาลงบนเว็บบล็อก(เมนูเรื่อง)
“เรื่อง” เปนการใสเนื้อหาทีเ่ ขียนเกี่ยวกับเรื่องราวลงบนบล็อก เนื้อหานี้จะปรากฎอยูบนเว็บหนาหลัก
ตรงกลางตอยาวไปเรื่อยๆ ซึ่งขอมูลจะถูกเรียงลําดับตามวันเวลาที่เขียน(เขียนมาลาสุดจะถูกแสดงอยูบนสุด)

10. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 8
4.1 การเขียนเรื่องใหมลงบล็อก หรือการโพสตขอมูลลงเว็บบล็อก ทําตามขั้นตอนดังนี้
1) สรางหมวดหมู หรือ หนวยการเรียนรู เพื่อใหเนื้อหาแยกเปนสัดสวน งายตอการอาน
คลิกเลือกเมนู เรื่อง>>หมวดหมู
2) จากนั้นกรอกรายละเอียดของหมวดหมู หรือหนวยการเรียนรู เชน ชื่อ คําขยายความ จากนั้นกดปุม
“สรางหมวดหมูใหม”
3) เลือกเมนู เรื่อง >> “เขียนเรืองใหม”
่

11. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 9
4) กรอกขอมูลหัวขอ และเนื้อหาที่ตองการลงไป (สามารถคัดลอกเนือหาในโปรแกรมWordมาวางได)
้
เลือกหมวดหมู/หนวยการเรียนรู หรือ Categories(ดานขวา) โดยเช็คถูก / หนาชื่อหนวย
*กรณีที่ยังไมเคยมี Categories มากอนใหเลือก “Uncategorize” กดปุม “เผยแพร”
5) เนื้อหาทีสรางเสร็จ ก็จะถูกนําเสนอทีหนาแรกของเว็บบล็อก
่ ่
4.2 การแกไข/ลบเรื่องเดิมที่มีอยูบนเว็บบล็อก
1) ไปที่เมนูเลือก “เรื่อง”>> All Posts
จะแสดงหัวขอเรื่องที่มีอยูบนเว็บบล็อกทังหมด โดยแสดงในตาราง มีรายละเอียด เชน ชื่อหัวขอบล็อก ชื่อ
 ้
ผูเขียนเรื่อง หมวดหมู สถิติในการเขาชม และวันที่การเผยแพร เปนตน ดังรูป

12. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 10
2) เราสามารถเลือกเรืองที่ตองการแกไข ลบ หรือเลือกดูมุมมองได โดยใชเมาสไปวางไวบนชื่อหัวขอบล็อก ก็
่ 
จะปรากฏเมนูที่ซอนอยูขึ้นมาดังภาพดานลาง
4.3 การแทรกรูปภาพลงในเว็บบล็อก
1) คลิกที่ไอคอนดานบนรูป และก็จะปรากฏหนาตางดังรูป คลิกปุม “เลือกไฟล”

2) เลือกรูปภาพที่ตองการจากเครืองของเราใสเขาไป โดยคลิกปุม Open
่

13. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 11
3) จะปรากฏภาพวารูปได Upload เรียบรอยแลว ใหเลือกจัดแถว ขนาดภาพและกดปุม ใสเขาในเรื่อง เพื่อให
เว็บบล็อกนํารูปภาพไปแทรกในทีที่เราตองการ
่
4) หลังจากนั้นก็ดําเนินการตามปกติคือกดปุม “เผยแพร”หรือ “อัพเดต” ก็จะไดรูปภาพในบทความดังรูป

14. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 12
4.4 การแทรกวิดีโอยูทูบ Youtube ลงในเว็บบล็อก
1) คลิกเลือกปุม จากเมนูดานบน คลิกแทบ “จาก URL”
ใสลิงคของวิดีโอ Youtube ที่ตองการลงไปในชอง URL ดังตัวอยาง
โคตจะแทรกลงในบทความดังรูป
2) หลังจากนั้นก็ดําเนินการตามปกติคือกดปุม “เผยแพร”หรือ “อัพเดต” ก็จะไดรูปภาพในบทความดังรูป

15. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 13
4.5) การแทรกไฟลเอกสารลงในเว็บบล็อก
การใหบริการของ Wordpress นี้จะกําหนดชนิดไฟลที่อนุญาต ไดแก jpg, jpeg, png, gif, pdf, doc,
ppt, odt, pptx, docx, pps, ppsx, xls, xlsx เทานั้น
1) เลือกไอคอนเพิ่มสื่อ จากเมนูดานบน
เลือกไฟลทมีนามสกุลตามเงื่อนไขที่กําหนด แลวรออัพโหลด
ี่
กดปุม ใสเขาในเรือง เพื่อใสลงคในเนื้อหาบล็อก มายังไฟลเอกสารของเรา
่ ิ

16. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 14
2) หลังจากนั้นก็ดําเนินการตามปกติคือกดปุม “เผยแพร”หรือ “อัพเดต” ก็จะไดรูปภาพในบทความดังรูป
4.6 การสรางเนื้อหาบนลิงคดานบนบล็อก(เมนูหนา)
เปนเมนูที่ใชในการเนื้อหาบนบล็อกโดยจะเปนหนาเว็บ
1) คลิกเมนู หนา>> เขียนหนาใหม
2) กรอกขอมูลรายละเอียดของหนา เชน หัวเรือง รายละเอียด แลวกด เผยแพร
่

17. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 15
3) ดูตัวอยางหนาเว็บบล็อกที่เราสรางได
4.7 การลบไฟลสื่อ (เมนูสื่อ)
เราสามารถดูและเลือกลบไฟลเอกสารสื่อตางๆที่เราไมตองการ เพื่อประหยัดเนื้อที่บนเว็บบล็อกได
เนื่องจากผูใหบริการเว็บบล็อกสวนใหญจะมีการกําหนดพื้นที่บนเว็บบล็อก ดังนั้นหากเราตองการลบไฟล
เอกสาร สามารถทําไดดังนี้
1) คลิกเมนู สือ>>คลังสือ
่ ่
2) เลือกสื่อที่ตองการ คลิกทีเ่ มนูของตองการของสื่อ เชน แกไข ลบถาวร และมุมมอง

18. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 16
4.8 การเปลี่ยนรูปแบบบล็อก (เมนูรูปแบบบล็อก)
Wordpress มีธีมใหเลือกมากมายประมาณ 150 กวาธีม โดยมีทั้งแบบทีเ่ สียเงินและแบบฟรี วิธีทํา
1) การเปลี่ยนรูปแบบบล็อกหรือธีม(Theme) ไปที่เมนู รูปแบบบล็อก > Theme > เลือก ใชงาน
2) จากนั้นเลือกธีมที่ตองการ โดยเลือกธีมที่ตองการแลว จากนั้นเลือก “ใชงาน” เพื่อนําไปใชงาน หรือเลือก

“Live preview” เพื่อทดลองใชธีมนี้
ตัวอยางเว็บบล็อกธีมที่เลือกใหม

19. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 17
4)เปลี่ยนรูปหลักของเว็บ คลิกที่เมนูรปแบบบล็อก>>สวนหัว
ู
คลิกปุม Browse และกดปุม อัพโหลด

5) เปลี่ยนรูปพื้นหลัง คลิกที่เมนูรปแบบบล็อก>>พื้นหลัง
ู

20. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 18
4.9 การเพิ่ม Widget หรือหนาตางเมนู (เมนูรูปแบบบล็อก)
เราสามารถเพิ่มความสามารถในการนําเสนอขอมูลบนเว็บบล็อก โดยการเพิ่มหนาตา(Widget) เขา
มาโดยการเลือกจากเมนูดานซายมายังเมนูดานขวา ยกตัวอยางที่นาสนใจไดแก ปฏิทิน เรื่องลาสุด ความ
คิดเห็นลาสุด Tag cloud ลิงค ลงทะเบียนบล็อก เปนตน
1) เริ่มจากสรางรูปแบบธีมที่ตองการกอน ไปทีเ่ มนู รูปแบบบล็อก>>ตัวเลือก Theme
2)คลิกเมนู รูปแบบบล็อก>>Widgets
3) ในตัวอยางลองสราง Widgets ของ Facebook Like โดยลาก Facebook Like Box มาไวตําแหนง
Primary Sidebar ซึ่งอยูดานขวามือ จากนั้นใหขอมูลหัวขอ : KruSomchart Fanclub และใส Facebook
URL ตัวอยางคือ http://www.facebook.com/pages/Somchart/440481672663455

21. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 19
4.10 การสรางเว็บลิงค(เมนู)
1) สรางหมวดหมู เพื่อทําการสรางกลุมของลิงคไวกอน เชน ลิงคการศึกษา ลิงคบันเทิง ลิงคเพื่อนๆ เปนตน
โดยคลิกทีเ่ มนู ลิงก>>ลิงกหมวดหมู
2) สรางลิงค ใหเพิ่มชื่อที่ตองการแสดงผล และที่อยูเ ว็บ ดังภาพ พรอมทั้งเลือก Categories ของลิงคเพือจัด
่
หมวดหมูตามที่ตองการ จากนั้นกดปุม ‘เพิมลิงค’
 ่

22. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 20
สําเร็จแลวเว็บบล็อกของเรา
ดูตัวอยางเว็บบล็อกของผมไดจาก URL : http://krusomchart.wordpress.com/

23. สรางเว็บบล็อกเพื่อการเรียนการสอนดวย Wordpress อ.สมชาติ แผอํานาจ 21
แหลงอางอิง
เว็บบล็อก Wordpress หลัก เขาถึงไดจาก [ http://th.wordpress.org/ ]
แหลงเรียนรูเว็บบล็อก Wordpress ของคนไทย เขาถึงไดจาก [ http://www.wordpress.in.th/ ]
การสรางเว็บบล็อกออนไลนดวย Wordpress : อ.ชรินทรญา กลาแข็ง : เขาถึงไดจาก
[ http://charinyak.wordpress.com ]
สอนการสรางเว็บบล็อก อ.สมชาติ แผอํานาจ เขาถึงไดจาก [ http://krusomchart.wordpress.com ]