wordpress

สรางเวบบลอกเพอการเรยนการสอนดวย Wordpress

จดทาโดย

นายสมชาต แผอานาจ

ตาแหนง ครผชวย โรงเรยนแมสะเรยง “บรพตรศกษา”

สานกงานเขตพนทการศกษามธยมศกษาเขต 34

@ Create Date : August 8, 2012

สารบญ

สรางเวบบลอกเพอการเรยนการสอนดวย 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

สรางเวบบลอกเพอการเรยนการสอนดวย Wordpress อ.สมชาต แผอานาจ

1

สรางเวบบลอกเพอการเรยนการสอนดวย Wordpress

1.ทาความรจกเวบบลอก

บลอก(Blog) หรอเวบบลอก(Weblog) เปนเวบไซตสาหรบเขยนบนทกเลาเรองราว ชวตประจาวนเพอ

สอสารความรสกนกคด มมมอง ประสบการณ ความร และขาวสาร เสมอนเปนไดอาร แตเปนการเขยนหรอ

นาเสนอเรองราวทผอนเขามาอาน และสามารถแสดงความคดเหนในเรองนนๆได

เวบบลอกเพอการเรยนการสอน

เวบบลอกเพอการเรยนการสอน เปนการสรางแหลงเรยนรใหมๆใหกบผเรยน ซงผเรยนสามารถ

เรยนรไดดวยตนเอง และสามารถเรยนรไดตลอดเวลา นอกจากนนผเรยนยงสามารถแสดงความคดเหนตอ

บทเรยน แนะนา แลกเปลยนการเรยนร รวมทงผเรยนยงสามารถสงงานผานเวบบลอกไดอกดวย

ทาไมตองเลอกสรางเวบบลอกดวย Wordpress

Wordpress เปนเวบบลอกทใหบรการสรางเวบบลอกทไมเสยคาบรการ FREE ซงคนไทยนยมใชงาน

สงสด มขนตอนการใชงานงาย ไมซบซอน คมอมจานวนมาก เหมาะสาหรบผทเรมตนสรางเวบบลอก

นอกจากเวบบลอกWordpress แลว ยงมเวบบลอกทใหบรการสรางบลอกฟรอกมากมาย เชน

Blogger, Blognone, Go2know, Exteen เปนตน ซงสามารถใชงานงาย และนาลองนามาศกษา

ลกษณะของเวบบลอก

1) มการเรยนบนทกเรองราว ไมวาจะเปนความร ความบนเทง ขาวสารหรอประสบการณทพบเหน

โดยเจาของบลอกอยางสมาเสมอ

2) บนทกทใสในเวบบลอกสามารถเปนไดทงรปแบบขอความ รปภาพ ไฟลเสยง ไฟลวดโอ ตลอดจน

ขอมลจากเวบ Youtube เพอเพมความนาสนใจและดงดดใหผอานเขามาอานเวบบลอก

3) ขอมลมการเรยงลาดบตามรายการลาสดทเขยน

4) ผทเขามาเยยมเวบบลอก สามารถแสดงความคดเหนหรอแชรขอมลรวมกนได ทาใหเกดการตอยอด

องคความร แลกเปลยนความคดเหนระหวางผเขยนและผอานได

5) มการสรางลงคทนาสนใจไปยงเวบไซตอนได

6) ขอมลบนทกทเขยนในเวบบลอก สามารถจดกลมความนาสนใจดวยหมวดหม( Cetegory )ได ซงจะ

ชวยอานวยความสะดวกใหกบผอานได


2

2.ขนตอนการสมครใชงาน

2.1 ขนเตรยมความพรอมกอนสมครใชงาน

- เครองคอมพวเตอรตองใชงานอนเตอรเนตได

- ตองมอเมลทใชงานไดจรงเพอใชในการสมครใชงานเวบบลอก (แนะนาใหใช Gmail)

2.2 เรมตนสรางเวบบลอก

1) เขาไปยงเวบไซล http://th.wordpress.com/

2) กรอกขอมลสาหรบสมครใชงาน ดงน

คลกปม Get started here

หรอ สมครตอนนเลย

ขอแนะนา

ทอยของบลอก : ใชสาหรบอางอง

ในการเขาเวบไซต ควรเปนชอทสอ

ถงเนอหาของเวบบลอก

ชอผใช : เปนภาษาองกฤษพมพ

เลกทงหมด หรอตวเลขกได4ตวขน

ไป(*จา)

รหสผาน : ขนอยกบผสมคร (*จา)

ยนยน : ใสรหสผานอกครง

Email Address : อเมลทมอยจรง

และสามารถใชงานไดจรง


3

จากนนกดปม Create Blog

3. หลงจากนน กจะมขอความ Complete Registration สมครเสรจแลว ดงรป

4. จากนนยนยนการสมคร โดยระบบจะสงลงคไปในอเมลของเรา เปดอเมล แลวคลกปม Activate Blog


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 ไทย คลกทคาวา ไทย เพม

เรมสรางเวบโดยใชภาษาไทยเปนหลก


5

9.และนคอหนาสาหรบผดแลเวบบลอกในการจดการ เพมบทความ และอนๆ

10. เราสามารถลองเขาไปดเวบของเราไดท เมนดานบน ตรงชอผใช>>ชอเวบบลอก>>เลอกหนาหลก

11. ตวอยางหนาเวบบลอกของเรา http://krusomchart.wordpress.com ( xxxx.wordpress.com )


6

3. เรมตนการสรางเนอหา และปรบปรงเนอหาใหกบเวบบลอก Wordpress

3.1 การเขาสระบบผดแลระบบ Admin

1) เปดเวบบลอกของเรา โดยการพมพ URL เชน http://xxxx.wordpress.com เชน

http://krusomchart.wordpress.com จากนนคลกปม “เขาสระบบ”

2) กรอกขอมลเขาสระบบ Username และ Password จากนนกดปม เขาสระบบ

3) จะพบหนาจอ สาหรบการแกไขและปรบแตงเวบบลอกของเรา


7

3.2 เรยนรวธการใชงานสาหรบผดแลระบบ Admin

1) เมนหนาหลก ประกอบไปดวยเมนยอยทใชตงคาขอมลทวไป, ดสถตการเขาชม เปนตน

4 การเขยนเนอหาลงบนเวบบลอก การเขยนเนอหาในเวบบลอกสามารถทาได 2 แบบ คอ

1) เขยนแบบเรอง (จะแสดงเนอหาบนหนาแรกของเวบ)

2) เขยนแบบหนา (จะแสดงเนอหาเปนลงคบนเมน)

การเขยนเนอหาลงบนเวบบลอก(เมนเรอง)

“เรอง” เปนการใสเนอหาทเขยนเกยวกบเรองราวลงบนบลอก เนอหานจะปรากฎอยบนเวบหนาหลก

ตรงกลางตอยาวไปเรอยๆ ซงขอมลจะถกเรยงลาดบตามวนเวลาทเขยน(เขยนมาลาสดจะถกแสดงอยบนสด)

Site stats : สาหรบดสถตการเขาเวบบลอกของเรา

บลอกของฉน : แสดงรายการบลอกของเราทงหมด

Blogs I Follow : แสดงบลอกทงหมดทเราสราง

เขยนเรอง

เขยนหนา


8

4.1 การเขยนเรองใหมลงบลอก หรอการโพสตขอมลลงเวบบลอก ทาตามขนตอนดงน

1) สรางหมวดหม หรอ หนวยการเรยนร เพอใหเนอหาแยกเปนสดสวน งายตอการอาน

คลกเลอกเมน เรอง>>หมวดหม

2) จากนนกรอกรายละเอยดของหมวดหม หรอหนวยการเรยนร เชน ชอ คาขยายความ จากนนกดปม

“สรางหมวดหมใหม”

3) เลอกเมน เรอง >> “เขยนเรองใหม”


9

4) กรอกขอมลหวขอ และเนอหาทตองการลงไป (สามารถคดลอกเนอหาในโปรแกรมWordมาวางได)

เลอกหมวดหม/หนวยการเรยนร หรอ Categories(ดานขวา) โดยเชคถก / หนาชอหนวย

*กรณทยงไมเคยม Categories มากอนใหเลอก “Uncategorize” กดปม “เผยแพร”

5) เนอหาทสรางเสรจ กจะถกนาเสนอทหนาแรกของเวบบลอก

4.2 การแกไข/ลบเรองเดมทมอยบนเวบบลอก

1) ไปทเมนเลอก “เรอง”>> All Posts

จะแสดงหวขอเรองทมอยบนเวบบลอกทงหมด โดยแสดงในตาราง มรายละเอยด เชน ชอหวขอบลอก ชอ

ผเขยนเรอง หมวดหม สถตในการเขาชม และวนทการเผยแพร เปนตน ดงรป


10

2) เราสามารถเลอกเรองทตองการแกไข ลบ หรอเลอกดมมมองได โดยใชเมาสไปวางไวบนชอหวขอบลอก ก

จะปรากฏเมนทซอนอยขนมาดงภาพดานลาง

4.3 การแทรกรปภาพลงในเวบบลอก

1) คลกทไอคอนดานบนรป และกจะปรากฏหนาตางดงรป คลกปม “เลอกไฟล”

2) เลอกรปภาพทตองการจากเครองของเราใสเขาไป โดยคลกปม Open


11

3) จะปรากฏภาพวารปได Upload เรยบรอยแลว ใหเลอกจดแถว ขนาดภาพและกดปม ใสเขาในเรอง เพอให

เวบบลอกนารปภาพไปแทรกในททเราตองการ

4) หลงจากนนกดาเนนการตามปกตคอกดปม “เผยแพร”หรอ “อพเดต” กจะไดรปภาพในบทความดงรป


12

4.4 การแทรกวดโอยทบ Youtube ลงในเวบบลอก

1) คลกเลอกปม จากเมนดานบน คลกแทบ “จาก URL”

ใสลงคของวดโอ Youtube ทตองการลงไปในชอง URL ดงตวอยาง

โคตจะแทรกลงในบทความดงรป



13

4.5) การแทรกไฟลเอกสารลงในเวบบลอก

การใหบรการของ Wordpress นจะกาหนดชนดไฟลทอนญาต ไดแก jpg, jpeg, png, gif, pdf, doc,

ppt, odt, pptx, docx, pps, ppsx, xls, xlsx เทานน

1) เลอกไอคอนเพมสอ จากเมนดานบน

เลอกไฟลทมนามสกลตามเงอนไขทกาหนด แลวรออพโหลด

กดปม ใสเขาในเรอง เพอใสลงคในเนอหาบลอก มายงไฟลเอกสารของเรา


14


4.6 การสรางเนอหาบนลงคดานบนบลอก(เมนหนา)

เปนเมนทใชในการเนอหาบนบลอกโดยจะเปนหนาเวบ

1) คลกเมน หนา>> เขยนหนาใหม

2) กรอกขอมลรายละเอยดของหนา เชน หวเรอง รายละเอยด แลวกด เผยแพร


15

3) ดตวอยางหนาเวบบลอกทเราสรางได

4.7 การลบไฟลสอ (เมนสอ)

เราสามารถดและเลอกลบไฟลเอกสารสอตางๆทเราไมตองการ เพอประหยดเนอทบนเวบบลอกได

เนองจากผใหบรการเวบบลอกสวนใหญจะมการกาหนดพนทบนเวบบลอก ดงนนหากเราตองการลบไฟล

เอกสาร สามารถทาไดดงน

1) คลกเมน สอ>>คลงสอ

2) เลอกสอทตองการ คลกทเมนของตองการของสอ เชน แกไข ลบถาวร และมมมอง


16

4.8 การเปลยนรปแบบบลอก (เมนรปแบบบลอก)

Wordpress มธมใหเลอกมากมายประมาณ 150 กวาธม โดยมทงแบบทเสยเงนและแบบฟร วธทา

1) การเปลยนรปแบบบลอกหรอธม(Theme) ไปทเมน รปแบบบลอก > Theme > เลอก ใชงาน

2) จากนนเลอกธมทตองการ โดยเลอกธมทตองการแลว จากนนเลอก “ใชงาน” เพอนาไปใชงาน หรอเลอก

“Live preview” เพอทดลองใชธมน

ตวอยางเวบบลอกธมทเลอกใหม


17

4)เปลยนรปหลกของเวบ คลกทเมนรปแบบบลอก>>สวนหว

คลกปม Browse และกดปม อพโหลด

5) เปลยนรปพนหลง คลกทเมนรปแบบบลอก>>พนหลง


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


19

4.10 การสรางเวบลงค(เมน)

1) สรางหมวดหม เพอทาการสรางกลมของลงคไวกอน เชน ลงคการศกษา ลงคบนเทง ลงคเพอนๆ เปนตน

โดยคลกทเมน ลงก>>ลงกหมวดหม

2) สรางลงค ใหเพมชอทตองการแสดงผล และทอยเวบ ดงภาพ พรอมทงเลอก Categories ของลงคเพอจด

หมวดหมตามทตองการ จากนนกดปม ‘เพมลงค’


20

สาเรจแลวเวบบลอกของเรา

ดตวอยางเวบบลอกของผมไดจาก URL : http://krusomchart.wordpress.com/


21

แหลงอางอง

เวบบลอก Wordpress หลก เขาถงไดจาก [ http://th.wordpress.org/ ]

แหลงเรยนรเวบบลอก Wordpress ของคนไทย เขาถงไดจาก [ http://www.wordpress.in.th/ ]

การสรางเวบบลอกออนไลนดวย Wordpress : อ.ชรนทรญา กลาแขง : เขาถงไดจาก

[ http://charinyak.wordpress.com ]

สอนการสรางเวบบลอก อ.สมชาต แผอานาจ เขาถงไดจาก [ http://krusomchart.wordpress.com ]

wordpress

Documents

facebook

http

gt

wordpress

9 widget

www

krusomchart