wordpress

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

Upload: somchart-phaeumnart

Post on 02-Nov-2014

491 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Wordpress

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

จดทาโดย

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

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

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

@ Create Date : August 8, 2012

Page 2: Wordpress

สารบญ

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

Page 3: Wordpress

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

1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 4: Wordpress

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

2

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

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

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

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

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

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

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

คลกปม Get started here

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

ขอแนะนา

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

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

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

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

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

ไป(*จา)

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

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

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

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

Page 5: Wordpress

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

3

จากนนกดปม Create Blog

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

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

Page 6: Wordpress

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

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

Page 7: Wordpress

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

5

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

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

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

Page 8: Wordpress

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

6

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

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

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

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

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

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

Page 9: Wordpress

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

7

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

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

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

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

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

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

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

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

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

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

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

เขยนเรอง

เขยนหนา

Page 10: Wordpress

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

8

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

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

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

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

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

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

Page 11: Wordpress

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

9

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

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

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

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

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

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

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

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

Page 12: Wordpress

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

10

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

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

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

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

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

Page 13: Wordpress

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

11

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

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

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

Page 14: Wordpress

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

12

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

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

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

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

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

Page 15: Wordpress

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

13

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

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

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

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

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

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

Page 16: Wordpress

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

14

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

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

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

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

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

Page 17: Wordpress

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

15

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

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

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

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

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

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

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

Page 18: Wordpress

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

16

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

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

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

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

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

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

Page 19: Wordpress

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

17

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

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

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

Page 20: Wordpress

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

Page 21: Wordpress

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

19

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

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

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

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

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

Page 22: Wordpress

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

20

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

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

Page 23: Wordpress

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

21

แหลงอางอง

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

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

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

[ http://charinyak.wordpress.com ]

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