Submit Search
Upload
Full 10-word press ขั้นตอนการสร้างบล็อกเวิร์ดเพรส
•
Download as PPT, PDF
•
1 like
•
189 views
Pranitee Ratanawijitr
Follow
ขั้นตอนการสร้างบล็อกเวิร์ดเพรสแบบละเอียด
Read less
Read more
Education
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 123
Download now
Recommended
Blog
Blog
satsamon
วิธีการใช้ Blog
วิธีการใช้ Blog
Roongrusamee Sonjai
การสร้าง Blog เบื้องต้น
การสร้าง Blog เบื้องต้น
KpSwagger
Power point การสร้างเว็บด้วย google blogger
Power point การสร้างเว็บด้วย google blogger
Thanthiti
Blog[1]
Blog[1]
Chayaporn Jongjumnien
Blog
Blog
Krookhuean Moonwan
Pranitee present tahoma
Pranitee present tahoma
Pranitee Ratanawijitr
Blog
Blog
Faiicing
Recommended
Blog
Blog
satsamon
วิธีการใช้ Blog
วิธีการใช้ Blog
Roongrusamee Sonjai
การสร้าง Blog เบื้องต้น
การสร้าง Blog เบื้องต้น
KpSwagger
Power point การสร้างเว็บด้วย google blogger
Power point การสร้างเว็บด้วย google blogger
Thanthiti
Blog[1]
Blog[1]
Chayaporn Jongjumnien
Blog
Blog
Krookhuean Moonwan
Pranitee present tahoma
Pranitee present tahoma
Pranitee Ratanawijitr
Blog
Blog
Faiicing
Blog
Blog
Sattawat Jarouy
Blog
Blog
Prach Sommana
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
Aungkana Na Na
Blog
Blog
nadeernadeer
Blog
Blog
Thoranin Chaiyakam
Blog
Blog
Chorpaka Sarawat
Blog
Blog
th41146
บทความ Blog
บทความ Blog
kwangslideshare
Blog
Blog
benzikq
Blog
Blog
Thanaboon Piamsuk
Blog
Blog
Mymi Thetalltree
Blog
Blog
Moo Mild
Blog
Blog
Anchana Wibulsak
Blog
Blog
Phkphoom
Blog
Blog
Janejira K. Ayutthaya
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
Aungkana Na Na
Blog
Blog
Sunipha Ruamsap
บทนำ
บทนำ
Pum Pep
Blog
Blog
Chully Nack
Blog
Blog
Pattarasuda Sakoonpun
ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน 1-2562
Pranitee Ratanawijitr
ประเมินโดยนักเรียน
ประเมินโดยนักเรียน
Pranitee Ratanawijitr
More Related Content
Similar to Full 10-word press ขั้นตอนการสร้างบล็อกเวิร์ดเพรส
Blog
Blog
Sattawat Jarouy
Blog
Blog
Prach Sommana
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
Aungkana Na Na
Blog
Blog
nadeernadeer
Blog
Blog
Thoranin Chaiyakam
Blog
Blog
Chorpaka Sarawat
Blog
Blog
th41146
บทความ Blog
บทความ Blog
kwangslideshare
Blog
Blog
benzikq
Blog
Blog
Thanaboon Piamsuk
Blog
Blog
Mymi Thetalltree
Blog
Blog
Moo Mild
Blog
Blog
Anchana Wibulsak
Blog
Blog
Phkphoom
Blog
Blog
Janejira K. Ayutthaya
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
Aungkana Na Na
Blog
Blog
Sunipha Ruamsap
บทนำ
บทนำ
Pum Pep
Blog
Blog
Chully Nack
Blog
Blog
Pattarasuda Sakoonpun
Similar to Full 10-word press ขั้นตอนการสร้างบล็อกเวิร์ดเพรส
(20)
Blog
Blog
Blog
Blog
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
บทความ Blog
บทความ Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
Blog
Blog
บทนำ
บทนำ
Blog
Blog
Blog
Blog
More from Pranitee Ratanawijitr
ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน 1-2562
Pranitee Ratanawijitr
ประเมินโดยนักเรียน
ประเมินโดยนักเรียน
Pranitee Ratanawijitr
แก้ไขหน้าบุคลากร
แก้ไขหน้าบุคลากร
Pranitee Ratanawijitr
วิธีส่งงานซ่อม ถ่ายรูปโพสต์
วิธีส่งงานซ่อม ถ่ายรูปโพสต์
Pranitee Ratanawijitr
ประณิธี ประเมินครูผู้ช่วย5
ประณิธี ประเมินครูผู้ช่วย5
Pranitee Ratanawijitr
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3
Pranitee Ratanawijitr
สอนโพสต์เว็บเขต6
สอนโพสต์เว็บเขต6
Pranitee Ratanawijitr
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
Pranitee Ratanawijitr
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
Pranitee Ratanawijitr
วิธีเช็คสถิติแบบปัจจุบันที่สุด
วิธีเช็คสถิติแบบปัจจุบันที่สุด
Pranitee Ratanawijitr
วิธีสร้างBlogger
วิธีสร้างBlogger
Pranitee Ratanawijitr
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
Pranitee Ratanawijitr
วิธีส่งงานทางจีเมลให้ครู
วิธีส่งงานทางจีเมลให้ครู
Pranitee Ratanawijitr
วิธีสมัครจีเมล
วิธีสมัครจีเมล
Pranitee Ratanawijitr
Full 1-9
Full 1-9
Pranitee Ratanawijitr
Et512 Pranitee Blog
Et512 Pranitee Blog
Pranitee Ratanawijitr
Pranitee Present Earrings
Pranitee Present Earrings
Pranitee Ratanawijitr
More from Pranitee Ratanawijitr
(17)
ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน
ประเมินโดยนักเรียน
แก้ไขหน้าบุคลากร
แก้ไขหน้าบุคลากร
วิธีส่งงานซ่อม ถ่ายรูปโพสต์
วิธีส่งงานซ่อม ถ่ายรูปโพสต์
ประณิธี ประเมินครูผู้ช่วย5
ประณิธี ประเมินครูผู้ช่วย5
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3
สอนโพสต์เว็บเขต6
สอนโพสต์เว็บเขต6
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
วิธีเช็คสถิติแบบปัจจุบันที่สุด
วิธีเช็คสถิติแบบปัจจุบันที่สุด
วิธีสร้างBlogger
วิธีสร้างBlogger
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
วิธีส่งงานทางจีเมลให้ครู
วิธีส่งงานทางจีเมลให้ครู
วิธีสมัครจีเมล
วิธีสมัครจีเมล
Full 1-9
Full 1-9
Et512 Pranitee Blog
Et512 Pranitee Blog
Pranitee Present Earrings
Pranitee Present Earrings
Full 10-word press ขั้นตอนการสร้างบล็อกเวิร์ดเพรส
1.
งานที่ 10 ทำาบล็อกเวิร์ดเพรสของตนเอง เอาไว้บอกเล่าความรู้ต่าง
ๆ ที่พบเจอมา พร้อมระบุแหล่งข้อมูลอ้างอิง ถ้ามี (เช่น เว็บไซต์ต้นฉบับ) และในหน้าบล็อก ต้องมีส่วนประกอบดังที่ระบุไว้ อ่านให้หมดทุกหน้าก่อน แล้วค่อยลงมือทำานะนักเรียน (ส่วนใหญ่เป็นภาพจับหน้าจอ)
2.
วิธีทำาบล็อกเวิร์ดเพรสตั้งแต่เริ่มต้น (แนะนำาให้ใช้ Firefox เป็นเว็บบราวเซอร์
และระหว่างทำา อย่าปิด tab) ล็อกอินจีเมล หรืออีเมลอื่น ๆ แต่ในที่นี้จะสาธิตจีเมล ตัวอย่างคือจีเมลของครู ในขั้นนี้นักเรียนก็เปิดอีเมลของนักเรียนไว้
3.
เข้าเว็บไซต์ https://wordpress.com/ กรอกชื่อภาษาอังกฤษที่ต้องการ ซึ่งชื่อนี้จะเป็น
URL ของบล็อก
4.
ตัวอย่าง ครูชอบชื่อไข่ต้มเกร๋เกร๋ ครูก็จะพิมพ์
kaitomgreygrey ลงไปในช่องว่าง แล้วกดปุ่ม Create Website
5.
ถ้าชื่อใช้ได้ จะเจอหน้านี้ กรอกอีเมลของตนเอง
(ที่ครูให้ล็อกอิน อีเมลไว้ตั้งแต่ภาพนิ่งที่ 2) นักเรียนก็กรอกอีเมลตัวเองลงไป แล้วใส่ USERNAME ซึ่งใช้ชื่อเดียวกับเมื่อกี้ จะได้จำาง่าย แล้วใส่พาสเวิร์ด (อังกฤษกับตัวเลข) ที่นักเรียนจำาได้คนเดียว
6.
จากหน้าเมื่อกี้ เลื่อนลงมาด้านล่างของหน้า จะเจอแบบนี้ กดปุ่ม
Create Blog (พอดีครูลืมจับหน้าจอ มาจับตอนกดปุ่มแล้ว)
7.
ตอนนี้ ครูก็มีบล็อก https://kaitomgreygrey.wordpress.com/
แล้ว เข้าได้เลย กลับไปที่อีเมลของตัวเอง จะพบว่ามีอีเมลเข้ามา 2 ฉบับ ฉบับบนสุดคือบอกว่าสร้างบล็อกแล้ว ฉบับถัดมาคือให้กดคอนเฟิร์ม
8.
กดเปิดอีเมลฉบับที่ให้คอนเฟิร์ม เพื่อยืนยันอีเมล กดปุ่ม Confirm
Email Address
9.
พอกดแล้วจะเจอแบบนี้ ก็คือยืนยันอีเมลเรียบร้อยแล้ว ต่อไป ถ้าตั้งค่าให้เตือนอะไร
ก็จะส่งมาที่อีเมลนี้ ปิด tab นี้ได้เลย แล้วกลับไป ที่ tab นี้
10.
กลับมาที่ tab ที่สมัครเวิร์ดเพรส
จะมีให้กรอกชื่อบล็อก ถ้าไม่เปลี่ยน ก็คงชื่อครั้งแรกที่ระบุไว้ และให้กรอกคำาอธิบายบล็อก กับเลือกภาษาของเมนู
11.
ตัวอย่าง ครูกรอกแบบนี้ คำาอธิบายของนักเรียนให้ใส่ชื่อ ชั้น
เลขประจำาตัว และเลือกภาษาไทย (แต่ทำาไปทำามา เมนูในPPTนี้ มันกลับเป็นภาษาอังกฤษหมด เลย ดังนั้นนักเรียนตั้ง EN ไปแหละ) จากนั้นกด ปุ่ม Next Step
12.
จากนั้นจะเจอให้เลือก theme เลื่อนเมาส์ดูได้
(บางอันเสียเงิน) แนะนำาให้เลือกแบบเรียบ ๆ (อยากสวย ก็เน้นสวยที่เนื้อหาที่แชร์) เพราะการแสดงผลจริงไม่ได้สวยแบบนั้นทุกอัน
13.
ครูเลือก theme ชื่อ
Reddle (นักเรียนเลือกตามได้เลย) หากเลือกเอง ขอให้เลือก theme ที่มีแถบเมนูด้านข้าง จากนั้นกด ปุ่ม Next Step
14.
จากนั้นจะเจอหน้านี้ ให้กด ปุ่ม
Customize It!
15.
จากนั้นจะเจอแบบนี้ ให้กดเลือก Widgets
16.
จากนั้นกด Sidebar 1
17.
จากนั้นกดปุ่ม + Add
a Widget
18.
จากนั้นกด Blog stats
เพื่อ ให้มีการนับจำานวนคนเข้าชมบล็อก
19.
ส่วนสถิติการเข้าชม เพิ่มมาแล้ว ไปเพิ่ม widget ต่อ
20.
*Widget ที่ครูระบุไว้ ต้องให้ใส่ให้ครบ
ใส่แล้วอย่าลืมกดปุ่ม Save แต่อันไหนที่ครูไม่ระบุ อยากใส่ก็ใส่ ไม่อยากใส่ก็ไม่ต้องใส่ ไปเพิ่ม widget ต่อ ต่อไป กด เพิ่ม Facebook Like Box
21.
จะเจอแบบนี้ขึ้นมา ช่อง Title กรอกว่า
แฟนเพจห้องสมุดโรงเรียนพูลเจริญวิทยาคม ไปเพิ่ม widget ต่อ ช่อง Facebook Page URL กรอก http://www.facebook.com/PWSchoolLibrary
22.
กรอก Width 200
(แก้ไขเป็น 346 รายละเอียดในภาพนิ่งที่ 79) และ กรอก Height 500 เซต Light ตามนั้น แล้วติ๊กถูกทุกอัน ไปเพิ่ม widget ต่อ แล้วกด Save
23.
เพิ่ม Text กล่อง Text
ใส่โค้ด HTML ได้
24.
Title ใส่ว่า กล่องประกาศ ในช่องว่างใหญ่
ๆ ให้พิมพ์ (ก๊อปปี้โค้ด HTML นี้ไปวางในช่อง เลย) <a href="http://202.143.146.125" target="_blank"><img src="http://www.pwschool.ac.th/files/20111001_11052416164808.jpg"></a><br><a href="http://202.143.146.125/hplibrary/index.php?r=newsCms/detail&id=63" target="_blank">วิธีเช็คสถิติการยืมหนังสือ</a>
25.
วางแบบนี้ จากนั้น เพิ่ม widget
อื่นต่อ (หมายเหตุ ต้องไป copy โค้ด HTML จากหน้าที่แล้วเท่านั้น)
26.
เพิ่ม Widget Recent Comments
ไว้ดูการโพสต์ความคิดเห็นล่าสุด
27.
กรอก Title ว่า
ความคิดเห็นล่าสุด ที่เหลือเหมือนเดิม
28.
เพิ่ม Widget Top
Posts & Pages เพื่อดูโพสต์ที่มีคนคลิกเข้ามาอ่านมากที่สุด
29.
กรอก Title ว่า
เรื่องที่ได้รับความนิยมมากที่สุด ที่เหลือเหมือนเดิม
30.
เพิ่ม Widget Meta
31.
ไม่ต้องกรอกอะไร กด Save ได้เลย
32.
เวลา save แล้ว
จะปรากฏหน้านี้ ส่วนนี้เข้ามาปรับปรุงภายหลังได้ กด Next Step
33.
ใครจะเชื่อมเวิร์ดเพรสกับทวิตเตอร์ กับ เฟสบุ๊ค
ก็ได้ แต่ในที่นี้ ขอไม่เชื่อม กด Next Step ไปเลย
34.
จะปรากฏหน้านี้ ลองเขียนอะไรสักเรื่องหนึ่ง เขียนเสร็จ กดปุ่ม
Publish to (ชื่อบล็อกตัวเอง)
35.
ทดสอบเขียนบล็อกแบบง่าย ๆ ลองเล่นเครื่องมือต่าง ๆ
ที่มี ลองตั้งค่าไปก่อน ดูเล่น เขียนเสร็จ กดปุ่ม Publish to (ชื่อบล็อกตัวเอง)
36.
เรียบร้อยแล้ว กดปุ่ม View Post
ไปดูได้เลย
37.
นี่คือหน้าตาบล็อกของเรา (ถือว่าเป็นเว็บไซต์ของเราไปได้เลย) แบบที่คนอื่นดูได้ สามารถเข้าไปดูโพสต์ตะกี้ ได้ที่ http://kaitomgreygrey.wordpress.com/2014/10/14/%E0%B8%97%E0%B8%94%E0%B8%AA%E0%B8%AD%E0%B8%9A %E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%9A%E0%B8%A5%E0%B9%87%E0%B8%AD%E0%B8%81/
38.
ต่อจากหน้าที่แล้ว ด้านขวามือคือผลที่เราตั้งค่า widget ไว้
(widget ความคิดเห็น กับ เรื่องที่ได้รับความนิยม จะไม่มีผลแสดง เนื่องจากยังไม่มี)
39.
อีกค่าที่ควรตั้ง คือ เกี่ยวกับการแสดงความคิดเห็น
ตั้งให้เราต้องกดอนุมัติ ความคิดเห็นที่คนอื่นมาเขียน ก่อนที่จะปรากฏบนบล็อก (ป้องกันการโพสต์ด่าหรือโฆษณาขายของ) คลิกตรงตำาแหน่งที่วงไว้ แล้วคลิกเลือก Dashboard
40.
จากนั้นคลิกเลือก Settings แล้วเลือก
Discussion (หน้านี้ ถ้ามีเวลา กดเล่นดูให้หมด ว่าปุ่มไหนทำาอะไรบ้าง)
41.
เลื่อนมาที่ Before a
comment appears แล้ว คลิกที่กล่องหน้า Comment must be manually approved จากนั้นเลื่อนลงไปล่างสุดของหน้า
42.
เลื่อนลงมาล่างสุดของหน้าแล้ว กดปุ่ม Save Changes
43.
ถ้าว่างลองอ่านรายละเอียดแต่ละอันดูค่ะ เดี๋ยวจะไปทดสอบการคอมเม้นต์ ว่าเราจะอนุมัติยังไง
44.
ตัวอย่างเช่น เมื่อมีคนอื่นมาคอมเม้นต์ เราจะได้รับอีเมล ว่ามีคอมเม้นต์ใหม่มา
ให้ไปจัดการ
45.
เมื่อเปิดอีเมลอ่าน ก็จะเห็นว่ามีการคอมเม้นต์ที่เรื่องไหน และคอมเม้นต์ว่าอะไร ถ้าอนุมัติให้ปรากฏขึ้นได้ ก็กดปุ่ม
Approve
46.
ถ้าไม่ได้ log in
ก็จะขึ้นให้ log in WordPress ก่อน แต่ถ้า log in อยู่แล้ว ก็จะเจอหน้านี้ กด Approve Comment เลย
47.
สามารถจัดการความคิดเห็นได้ที่ Dashboard ในส่วน
Comments มาอนุมัติ มาลบทิ้ง มารายงานสแปม ได้หมดเลยที่ส่วนนี้ เพียงแค่นี้ก็ป้องกันความคิดเห็นที่ไม่พึงประสงค์ได้แล้ว
48.
เมื่ออนุมัติแล้ว ที่บล็อกของเรา จะเห็นเป็นแบบนี้ คอมเม้นต์จะอยู่ตรงที่วงแดงไว้
49.
พอดีคอมห้องสมุดมันแฮงค์ รอบ4ละ เดี๋ยวว่าง
ๆ ค่อยพิมพ์ใหม่
50.
ต่อจากหน้าเมื่อกี้ 3. (ต่อ) เผื่อนำาไปประยุกต์ใช้ในการโปรโมตสินค้าตัวฮอตฮิต แล้ว
link ไปหน้ารายละเอียดสินค้านั้น หรือโปรโมตอะไรที่ เร่งด่วน เรื่องเด่น อะไรแบบนี้ 4. คอมเม้นต์ล่าสุด เอาไว้เผื่อคนอื่นที่ตามอ่านบล็อก หากไม่มีโพสต์ใหม่ของเราเพิ่ม เขาก็ตามอ่านจากคอมเม้นต์ ล่าสุดได้ 5. เรื่องที่ได้รับความนิยม จะได้รู้ว่าเรื่องไหนที่เราเขียน หรือ แชร์ เป็นเรื่องที่คนสนใจมากที่สุด 6. สถิติบล็อก เพื่อให้เรารู้ว่า บล็อกเรามีคนเข้ามาดู มากน้อยแค่ไหน เขียนแทบตาย ไม่มีใครอ่าน จะเขียนทำาไม? 7. ครูลืมให้เพิ่ม ช่วยเพิ่ม Widgets ชื่อ Recent Posts กับ Archives กับ Gravatar Profile ด้วย ลากไว้เหนือ Meta
51.
เพิ่ม Widget ชื่อ
Recent Posts มา
52.
เพิ่ม Widget เข้ามาแล้ว
ก็คลิกเมาส์เพื่อลากขึ้นลากลงได้ ก็ลากขึ้น ไปเหนือ Widget Meta แล้ว Save
53.
พอเลิกทำา ก็ล็อกเอาท์ แต่ครูแค่ปิดเครื่องกลับบ้าน มาวันนี้
เข้า wordpress.com แล้วครูก็ต้องล็อกอิน
54.
กรอก Username กับ
Password ที่ตั้งไว้ เพื่อเข้าระบบ
55.
ล็อกอินแล้ว เจอหน้าแบบนี้ (จะให้จำารหัสผ่านหรือไม่
ก็แล้วแต่) ถ้าจะเขียนเรื่องใหม่ กดรูป +ดินสอ
56.
แต่ครูยังไม่เขียนเรื่องใหม่ โปรดคลิก My
Site อยากให้เพิ่ม Widget ชื่อ Archive ซึ่งข้อมูลที่ถูกเก็บไว้ ซึ่งอาจไม่ได้ใช้ในปัจจุบัน แต่มีประโยชน์สำาหรับอ่านหรือค้นคว้า มันจะใช้การเรียงลำาดับตามเดือนและปี เหมาะสำาหรับคนที่ เขียนบล็อกหลาย ๆ ปี ก็จะได้หาจากส่วนนี้ได้ ไม่ต้องกดถอยหลังไปเรื่อย ๆ
57.
กด My Sites
แล้วจะเจอหน้านี้ คลิก Customize
58.
แล้วเลือก Widgets
59.
แล้วก็คลิก Sidebar 1
(เมื่อวานเราเพิ่ม Widgets ไว้ตรงนี้)
60.
กดปุ่ม +Add a
Widget
61.
คลิกเลือก Archives
62.
ตั้งแบบนี้ จากนั้นไปเพิ่ม Widget
อีกอัน กดปุ่ม +Add a Widget
63.
เพิ่ม Widget ชื่อ
Gravatar Profile เพื่อแสดงว่าใครเป็นเจ้าของบล็อก
64.
เพิ่มมาแล้วจะเจอหน้าแบบนี้ ให้คลิก Edit Your
Profile
65.
มันจะเปิดหน้าใหม่ มาเป็นหน้านี้ กรอกรายละเอียดของตนเองที่อยากกรอกลงไปได้เลย และเลือกรูป Change
your Gravatar
66.
กรอกข้อมูลเสร็จแล้ว ตะกี้กด Change your
Gravatar ก็จะเจอหน้านี้ เปิดขึ้นมาใหม่ ก็เลือก Upload a new image from your computer
67.
กดปุ่มเรียกดู
68.
เลือกรูปที่ต้องการ แล้วกดปุ่ม Open อันนี้ครูเลือกรูปชื่อ
Am (.jpg)
69.
ชื่อรูปขึ้นมาแล้ว กดปุ่ม Next
70.
มันจะให้ตัดรูป แต่ถ้าไม่ตัดก็ไม่ต้องทำาอะไร กดปุ่ม Crop
and Finish ได้เลย
71.
มีการให้ตั้งเรตรูปด้วย อืม รูปนี้
เรต G ทั่วไปค่ะ -*- ตลกดี (อย่าเอารูปโป๊นะนักเรียน เดี๋ยวเรต X 555 ส่งงานครู ขอเป็นรูปที่ดูหล่อสวยชุดสุภาพ)
72.
พอได้ออกมาแบบนี้แล้ว ก็กลับไปยัง tab My
Profile
73.
กรอกไว้ครบแล้ว กดปุ่ม Update Profile
74.
มันขึ้นว่า ล้มเหลว แต่พอไปดูที่บล็อก รูปขึ้น
กดที่รูป ก็เปิดหน้ารายละเอียดตามนี้ สรุปคืออัพเดทได้ตามปกติ
75.
รูปขึ้นแล้ว กดที่รูป ก็ไปยังประวัติได้
76.
กลับไปยัง tab Customize
แล้วกรอก Title ติ๊กเครื่องหมายถูกลงสองช่องด้วย (พอดีครูจับหน้าจอมาก่อนติ๊ก) แล้วคลิกเมาส์ที่ Widget ชื่อ Meta ลากลงมาไว้ล่างสุด
77.
จัดเรียงเรียบร้อยแล้ว ก็กดปุ่ม Save จริง
ๆ มีอีกหลาย Widgets ที่เป็นประโยชน์ เช่น tag, categories แต่ไว้หาโอกาสแนะนำาในภายหลัง หรือจะลองตั้งดูก็ตามสบาย
78.
ไปดูที่บล็อก เจอรูปเจ้าของบล็อกที่ใหญ่เต็มตามาก (ครูพยายามลดขนาด ด้วยวิธีต่าง
ๆ แล้ว แต่ยังหาไม่เจอ เพราะต่อให้ลองใช้รูป ต้นฉบับขนาดเล็ก มันก็จะขยายใหญ่ให้เท่านี้ 346 x 346 pixels อยู่ดี)
79.
ครูเลยกลับไป tab Customize
ปรับกล่อง like ให้กว้าง 346 และไปปรับกล่องข้อความ ให้มันจัดรูป(สีแดง)ไว้ตรงกลาง โค้ด ที่เพิ่มไป <div align="center">โค้ดเดิม</div> แถมเลยมีขนาดพอสมกันแล้ว ทั้งกล่องบน รูปตรงกลาง รูปล่าง
80.
มาที่ tab Customize
กดปุ่มนี้ < เพื่อจะไปเพิ่มรูปหัวบล็อก
81.
กดเลือก Header เราจะใส่รูปที่ด้านบนของบล็อกกัน เพื่อเพิ่มความสวยงาม เตรียมรูปขนาด
1120 × 252 pixels ไว้เลย
82.
กดปุ่ม Add new
image
83.
กดปุ่ม Select Files เลือกไฟล์ที่ต้องการ
84.
กดปุ่ม Select and
Crop
85.
กด Crop image
86.
กดรูป รูปจะขึ้นให้เห็นเลย แล้วกดปุ่ม Save
87.
ในส่วนของการปรับแต่งสี นักเรียนก็ลองกดดูเองนะคะ ทำาเสร็จแล้วก็อย่าลืมกดปุ่ม Save
เพื่อบันทึก (ถ้ากดมาดู แต่ไม่ได้เปลี่ยนอะไร ก็ออกจากหน้านี้ได้โดยกดปุ่มกากบาท ล่างปุ่ม Save)
88.
ตอนนี้เราก็จะทำาโครงเว็บเสร็จแล้ว ถ้าขี้เกียจปรับแต่ง ก็ไม่ต้องไปปรับแต่งอีกเลยก็ได้ ส่วนนี้จะยังอยู่ และเป็นที่ประชาสัมพันธ์ให้เราได้ยาวเลย แต่เราต้องหมั่นไปทำาสิ่งหนึ่ง
อย่างสมำ่าเสมอ คือ การเขียนเรื่องใหม่
89.
มาเขียนเรื่องใหม่กันดูค่ะ วันนี้จะเขียนเรื่องทั่วไปที่ครูชอบ นั่นคือของกิน 555
วิธีการเขียนบล็อก ตามที่เคยได้กล่าวไปแล้ว
90.
เขียน ๆ ไป
เกิดอยากใส่รูป ก็กดปุ่ม Add Media
91.
กดไปแล้ว จะเจอหน้าต่างนี้ขึ้นมา กดปุ่ม Select
Files
92.
เลือกรูปที่ต้องการแล้วกดปุ่ม Open รูปนามสกุล .jpg
(อัพโหลดได้หลายนามสกุลเหมือนกันนะ)
93.
พอขึ้นมาแบบนี้ ก็กดรูปแล้ว กดปุ่ม insert
into post
94.
รูปปลาหมึกก็จะมาแล้ว ปรับแต่งการจัดวางให้สวยงาม
95.
เขียนสั้น ๆ ก็ได้
ดูน้อยน่าอ่านดี ครูเลยจัดให้ทุกอย่างอยู่ตรงกลาง แล้วเพิ่ม categories ว่า อาหาร กับ tag ว่า ปลาหมึก
96.
ลองปรับแต่งอย่างอื่นดูได้ พอเสร็จแล้วกดปุ่ม Publish …
97.
เสร็จแล้วจะมีรายงานขึ้นมาด้านบน เล็ก ๆ กดปุ่ม
View Post เพื่อดูที่บล็อกของเราได้เลย
98.
กดดูแล้วพบว่าเหมือนรูปจะเบี้ยว -*- ก็ต้องกลับไปแก้ไข กด
Edit
99.
Select all เพื่อเช็คคร่าว
ๆ พบว่า คำาสั่งจัดตรงกลาง มันจัดแค่ตัวอักษร ส่วนรูปเป็นจัดชิดซ้าย ก็ไปแก้ไขให้มันอยู่ตรงกลาง
100.
กดรูป แล้วตั้ง Align
center เสร็จแล้วกดปุ่ม Update เสร็จแล้วกดปุ่ม Update
101.
พอ Update เสร็จ
แล้ว View Post ดู สวยงามแล้ว
102.
ด้านล่างของเรื่อง เป็นปุ่มแชร์ไปโซเชียลเน็ตเวิร์คต่าง ๆ ก็ลองกดแชร์ไปดู
เช่น แชร์ไป facebook ก็กดปุ่ม facebook
103.
ต้องมีการ log in
เฟซบุ๊คอยู่ (ถ้าไม่ ก็จะเด้งหน้าต่างให้ log in) จะมีหน้าต่างนี้ขึ้นมา เขียนอะไรก่อนแชร์ หรือไม่เขียนก็ได้ เสร็จแล้วกดปุ่ม แชร์ลิงค์
104.
แชร์มาแล้ว น่ารักสุด ๆ 555
105.
ติดตามเองได้ที่ http://kaitomgreygrey.wordpress.com/ ต่อไป จะเป็นการเขียนบล็อกด้วยสมาร์ทโฟน
ด้วยแอพ WordPress (ใช้ได้ทั้ง Android และ iOS) แต่ขอสาธิต Android เพราะหน้าตาเมนูใกล้เคียงกัน แต่ครู ชอบและพกแต่ Android บวกเคยเขียนที่ไอแพด พบว่ามันอืด ๆ ไม่รู้นะ ลองดู
106.
ดาวน์โหลดแอพ WordPress ฟรี
ที่ play store / app store (ไม่สาธิต) กดตรงที่วงแดง กดรูปแว่นขยาย แล้วพิมพ์ว่า Wordpress
107.
ดาวน์โหลดแอพ WordPress ฟรี
ที่ play store กดตรงที่วงแดง
108.
ติดตั้งเสร็จเรียบร้อยแล้ว ก็เปิดแอพ WordPress จากนั้นกรอกชื่อผู้ใช้
และรหัสผ่าน แล้วเข้าสู่ระบบ
109.
ครูเข้าจัดการบล็อกไข่ต้มเกร๋ ๆ ของครู จากนั้นจะมาเจอหน้านี้
ค่าตั้งต้นจะอยู่ที่เมนู เรื่อง กด + ที่วงแดง เพื่อเขียนเรื่องใหม่
110.
กดแล้วจะเจอหน้าตาแบบนี้ ก็เขียนชื่อเรื่อง ในส่วน
หัวข้อ และกรอก เนื้อหา ลงไป ซึ่งตรงเนื้อหาจะสามารถแทรกรูปได้ มาแทรกรูปกัน
111.
วิธีใส่รูป ตามนี้เลย
112.
กดเลือกรูปที่ต้องการ กดเสร็จรูปจะลงมาอยู่บนส่วนเนื้อหาทันที พอเขียนเสร็จก็กดปุ่ม back
ของสมาร์ทโฟน (ล่างขวา ข้างปุ่มโฮม) เพื่อให้คีย์บอร์ดเก็บลงไป (ใน iOS ก็แค่กดรูปคีย์บอร์ด)
113.
เก็บคีย์บอร์ดแล้ว จะเจอแบบนี้ กดการตั้งค่าเรื่อง
เพื่อใส่หมวดหมู่ และป้าย ซึ่งส่วนนี้ไม่ใส่ก็ได้ แต่ใส่แล้วจะทำาให้บล็อกเป็นระเบียบ เผื่อใครอยากอ่านแค่เฉพาะเรื่องในหมวดหมู่นี้ เขาก็จะได้ไม่ต้องกดดูทั้งบล็อก
114.
พอดีมันหมวดหมู่อาหารเหมือนกัน เลยไม่ได้เพิ่ม เพิ่มแล้วก็ ใส่ป้าย
(tag) แล้วกดเผยแพร่
115.
มันก็จะปรากฏหน้านี้ แล้วมีลูกศรชี้ขึ้น จากนั้นเอานิ้วปัดส่วนเมนูออกไป จะเห็นว่าเรื่องที่เขียนอัพโหลดเสร็จแล้ว
116.
กดชื่อเรื่องตามภาพ พอกดเข้าไป จะเจอเรื่องที่เพิ่งเขียน ด้านล่างมีรูปถังขยะ=ลบ,
รูปตา=อ่านแบบบนบล็อก, ที่วงคือครูจะแชร์, รูปคอมเม้นต์=คอมเม้นต์ตัวเอง, รูปดินสอ=แก้ไข
117.
ครูจะแชร์ไปเฟซบุ๊ค ก็จะเจอการแชร์แบบปกติ โพสต์เสร็จแล้วก็จะปรากฏบนเฟซบุ๊คครู
118.
เพิ่มเรื่องจัดหมวดหมู่ (อยากให้ทำาเป็นทุกคน) ครูได้เขียนเรื่องใหม่เลยแล้วจัดให้อยู่หมวดหมู่เสื้อผ้า รอมันดำาเนินการ
119.
ถ้าทำาอะไรไม่สำาเร็จ (ไม่ปรากฏตามที่ครูบอก) ก็ลองทำาใหม่อีกครั้ง บางทีก็เจอ
error แต่พอทำาซำ้า ก็จะทำาได้ เช่นเพิ่มหมวดหมู่ไม่ขึ้น หรือกดปุ่มเผยแพร่ แล้วไม่สำาเร็จ ก็ลองทำาซำ้าดูก่อน แถมให้ นักเรียนสามารถเขียนเรื่องใหม่ ได้ทันที ทุกที่ทุกเวลา ที่มีสมาร์ทโฟน กับอินเทอร์เน็ต เช่น เวลาที่นักเรียนใช้ สมาร์ทโฟนเปิดดูเว็บไซต์ ชอบเว็บไหน นักเรียนก็สามารถกดแชร์เว็บนั้น ๆ ไป ยัง แอพ WordPress เป็นการเขียนเรื่อง ใหม่ได้เลย วิธีการคือ ใช้บราวเซอร์เปิดดูเว็บไซต์ ถ้าอยากแชร์หน้าเว็บไซต์นั้น ๆ ก็กดตรงล่างซ้าย ข้าง ๆ ปุ่มโฮม ก็จะมีเมนูแบบนี้ขึ้นมา จากนั้นเลือก แชร์ผ่าน
120.
จากนั้นเลือก WordPress มันก็จะเปิดเรื่องใหม่
เพิ่มข้อมูลเสร็จก็เผยแพร่ เวลาเขียนบล็อกครบทุก 5 เรื่อง ... 500 เรื่อง จะมีการแสดงความยินดี :-D
121.
สรุปการทำางานชิ้นที่ 10 • การให้ทำาบล็อกนี้
ไม่ได้อยากให้นักเรียนเครียด หรือวิตกกังวลอะไร แค่อยากให้นักเรียนฝึกทำาไว้ เพราะว่ามันเป็นชิ้นงานที่นักเรียนน่าจะ นำาไปประยุกต์ใช้ในชีวิตประจำาวันได้ • งานบล็อกนี้เป็นการช่วยประชาสัมพันธ์เว็บไซต์ และแฟนเพจห้องสมุด หลังจากจบเทอมแล้ว ถ้าหากนักเรียนไม่ได้เรียนชุมนุมห้องสมุดต่อ นักเรียนก็สามารถนำาบล็อกไปใช้เรื่องส่วนตัวได้เลย เอา link ต่าง ๆ เกี่ยวกับห้องสมุดออกได้เลย (ถ้าไม่อยากเก็บไว้) • บล็อก WordPress แบบฟรีที่ครูสอนทำา จะให้พื้นที่เก็บสื่อ รูป วีดิโอ รวมแล้ว 3GB ดังนั้นต้องย่อรูปหรือลดขนาดไฟล์ จะได้มีพื้นที่เหลือไว้ ใช้งานได้นาน ๆ • การเผยแพร่เรื่อง โปรดระวังเรื่องการละเมิดลิขสิทธิ์ การหมิ่นประมาท เรื่องศีลธรรม ต้องเขียนเรื่องที่มีประโยชน์ และถ้าไม่ได้คิดเองต้องมี การบอกที่มาของข้อมูล เช่น URL (http://www...)
122.
บล็อก WordPress ยังทำาได้อีกหลายอย่าง •
สามารถเพิ่ม Widgets ได้อีกเยอะ • สามารถใส่พาสเวิร์ด เพื่อลิมิตคนอ่านได้ เผื่อบางทีอยากเก็บข้อมูลไว้ ในบล็อกที่เดียวกัน แต่บางเรื่องสำาคัญมากเผยแพร่ทั่วไปไม่ได้ • สามารถใส่ข้อมูลจำานวนมากได้ (ครูหันมาใช้บล็อก เพราะว่าเว็บไซต์ ห้องสมุด http://202.143.146.125 โพสต์ประชาสัมพันธ์ได้ไม่กี่พันตัว อักษร ดังนั้นจึงประกาศเรื่องที่มีข้อมูลยาว ๆ ไม่ได้ เช่น รายชื่อ นักเรียนที่ไม่ผ่านคุณลักษณะ ถ้าจะเอาลงเว็บห้องสมุด ต้องแบ่งข้อมูล ออกเป็น 3 หน้า ซึ่งไม่สะดวก ครูจึงหันไปใช้บล็อก WordPress เป็นที่ เก็บข้อมูลแทน จะได้ลงไว้ที่เดียวกันแค่หน้าเดียวพอ) • ถ้ามีเวลาลองศึกษาด้วยตนเองดู ได้ประโยชน์แน่นอน
123.
หากจะสอบถาม นักเรียนสามารถสอบถามปัญหาในการทำางานชิ้นที่ 10 นี้ ได้ที่ แฟนเพจห้องสมุดโรงเรียนพูลเจริญวิทยาคม https://www.facebook.com/PWschoolLibrary จะโพสต์บนกระดาน
หรือจะแชตมาก็ได้ค่ะ ถ้าเป็นปัญหาที่ครูแอมรู้ ก็จะตอบให้เลยค่ะ บล็อกที่เป็นตัวอย่างในการสาธิตการสร้างบล็อก คือ http://kaitomgreygrey.wordpress.com/ ไปดูเล่นได้ค่ะ
Download now