SlideShare a Scribd company logo
1 of 123
งานที่ 10 ทำาบล็อกเวิร์ดเพรสของตนเอง
เอาไว้บอกเล่าความรู้ต่าง ๆ ที่พบเจอมา
พร้อมระบุแหล่งข้อมูลอ้างอิง ถ้ามี (เช่น เว็บไซต์ต้นฉบับ)
และในหน้าบล็อก ต้องมีส่วนประกอบดังที่ระบุไว้
อ่านให้หมดทุกหน้าก่อน แล้วค่อยลงมือทำานะนักเรียน
(ส่วนใหญ่เป็นภาพจับหน้าจอ)
วิธีทำาบล็อกเวิร์ดเพรสตั้งแต่เริ่มต้น
(แนะนำาให้ใช้ Firefox เป็นเว็บบราวเซอร์ และระหว่างทำา อย่าปิด tab)
ล็อกอินจีเมล หรืออีเมลอื่น ๆ แต่ในที่นี้จะสาธิตจีเมล
ตัวอย่างคือจีเมลของครู ในขั้นนี้นักเรียนก็เปิดอีเมลของนักเรียนไว้
เข้าเว็บไซต์ https://wordpress.com/
กรอกชื่อภาษาอังกฤษที่ต้องการ ซึ่งชื่อนี้จะเป็น URL ของบล็อก
ตัวอย่าง ครูชอบชื่อไข่ต้มเกร๋เกร๋ ครูก็จะพิมพ์ kaitomgreygrey
ลงไปในช่องว่าง แล้วกดปุ่ม Create Website
ถ้าชื่อใช้ได้ จะเจอหน้านี้ กรอกอีเมลของตนเอง (ที่ครูให้ล็อกอิน
อีเมลไว้ตั้งแต่ภาพนิ่งที่ 2) นักเรียนก็กรอกอีเมลตัวเองลงไป
แล้วใส่ USERNAME ซึ่งใช้ชื่อเดียวกับเมื่อกี้ จะได้จำาง่าย
แล้วใส่พาสเวิร์ด (อังกฤษกับตัวเลข) ที่นักเรียนจำาได้คนเดียว
จากหน้าเมื่อกี้ เลื่อนลงมาด้านล่างของหน้า จะเจอแบบนี้
กดปุ่ม Create Blog (พอดีครูลืมจับหน้าจอ มาจับตอนกดปุ่มแล้ว)
ตอนนี้ ครูก็มีบล็อก https://kaitomgreygrey.wordpress.com/ แล้ว เข้าได้เลย
กลับไปที่อีเมลของตัวเอง จะพบว่ามีอีเมลเข้ามา 2 ฉบับ
ฉบับบนสุดคือบอกว่าสร้างบล็อกแล้ว ฉบับถัดมาคือให้กดคอนเฟิร์ม
กดเปิดอีเมลฉบับที่ให้คอนเฟิร์ม เพื่อยืนยันอีเมล
กดปุ่ม Confirm Email Address
พอกดแล้วจะเจอแบบนี้ ก็คือยืนยันอีเมลเรียบร้อยแล้ว
ต่อไป ถ้าตั้งค่าให้เตือนอะไร ก็จะส่งมาที่อีเมลนี้ ปิด tab นี้ได้เลย
แล้วกลับไป
ที่ tab นี้
กลับมาที่ tab ที่สมัครเวิร์ดเพรส จะมีให้กรอกชื่อบล็อก
ถ้าไม่เปลี่ยน ก็คงชื่อครั้งแรกที่ระบุไว้
และให้กรอกคำาอธิบายบล็อก กับเลือกภาษาของเมนู
ตัวอย่าง ครูกรอกแบบนี้
คำาอธิบายของนักเรียนให้ใส่ชื่อ ชั้น เลขประจำาตัว
และเลือกภาษาไทย (แต่ทำาไปทำามา เมนูในPPTนี้ มันกลับเป็นภาษาอังกฤษหมด
เลย ดังนั้นนักเรียนตั้ง EN ไปแหละ) จากนั้นกด ปุ่ม Next Step
จากนั้นจะเจอให้เลือก theme เลื่อนเมาส์ดูได้ (บางอันเสียเงิน)
แนะนำาให้เลือกแบบเรียบ ๆ (อยากสวย ก็เน้นสวยที่เนื้อหาที่แชร์)
เพราะการแสดงผลจริงไม่ได้สวยแบบนั้นทุกอัน
ครูเลือก theme ชื่อ Reddle (นักเรียนเลือกตามได้เลย)
หากเลือกเอง ขอให้เลือก theme ที่มีแถบเมนูด้านข้าง
จากนั้นกด ปุ่ม Next Step
จากนั้นจะเจอหน้านี้ ให้กด ปุ่ม Customize It!
จากนั้นจะเจอแบบนี้ ให้กดเลือก Widgets
จากนั้นกด Sidebar 1
จากนั้นกดปุ่ม + Add a Widget
จากนั้นกด Blog stats เพื่อ ให้มีการนับจำานวนคนเข้าชมบล็อก
ส่วนสถิติการเข้าชม เพิ่มมาแล้ว
ไปเพิ่ม
widget ต่อ
*Widget ที่ครูระบุไว้ ต้องให้ใส่ให้ครบ ใส่แล้วอย่าลืมกดปุ่ม Save
แต่อันไหนที่ครูไม่ระบุ อยากใส่ก็ใส่ ไม่อยากใส่ก็ไม่ต้องใส่
ไปเพิ่ม
widget ต่อ
ต่อไป กด เพิ่ม Facebook Like Box
จะเจอแบบนี้ขึ้นมา
ช่อง Title กรอกว่า แฟนเพจห้องสมุดโรงเรียนพูลเจริญวิทยาคม
ไปเพิ่ม
widget ต่อ
ช่อง Facebook Page URL กรอก
http://www.facebook.com/PWSchoolLibrary
กรอก Width 200 (แก้ไขเป็น 346 รายละเอียดในภาพนิ่งที่ 79)
และ กรอก Height 500 เซต Light ตามนั้น แล้วติ๊กถูกทุกอัน
ไปเพิ่ม
widget ต่อ
แล้วกด Save
เพิ่ม Text
กล่อง Text ใส่โค้ด HTML ได้
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>
วางแบบนี้
จากนั้น เพิ่ม widget อื่นต่อ
(หมายเหตุ ต้องไป copy โค้ด HTML จากหน้าที่แล้วเท่านั้น)
เพิ่ม Widget
Recent Comments ไว้ดูการโพสต์ความคิดเห็นล่าสุด
กรอก Title ว่า ความคิดเห็นล่าสุด
ที่เหลือเหมือนเดิม
เพิ่ม Widget Top Posts & Pages
เพื่อดูโพสต์ที่มีคนคลิกเข้ามาอ่านมากที่สุด
กรอก Title ว่า เรื่องที่ได้รับความนิยมมากที่สุด
ที่เหลือเหมือนเดิม
เพิ่ม Widget Meta
ไม่ต้องกรอกอะไร
กด Save ได้เลย
เวลา save แล้ว จะปรากฏหน้านี้ ส่วนนี้เข้ามาปรับปรุงภายหลังได้
กด Next Step
ใครจะเชื่อมเวิร์ดเพรสกับทวิตเตอร์ กับ เฟสบุ๊ค ก็ได้
แต่ในที่นี้ ขอไม่เชื่อม กด Next Step ไปเลย
จะปรากฏหน้านี้ ลองเขียนอะไรสักเรื่องหนึ่ง
เขียนเสร็จ กดปุ่ม Publish to (ชื่อบล็อกตัวเอง)
ทดสอบเขียนบล็อกแบบง่าย ๆ
ลองเล่นเครื่องมือต่าง ๆ ที่มี ลองตั้งค่าไปก่อน ดูเล่น
เขียนเสร็จ กดปุ่ม Publish to (ชื่อบล็อกตัวเอง)
เรียบร้อยแล้ว
กดปุ่ม View Post ไปดูได้เลย
นี่คือหน้าตาบล็อกของเรา (ถือว่าเป็นเว็บไซต์ของเราไปได้เลย)
แบบที่คนอื่นดูได้
สามารถเข้าไปดูโพสต์ตะกี้ ได้ที่
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/
ต่อจากหน้าที่แล้ว
ด้านขวามือคือผลที่เราตั้งค่า widget ไว้ (widget ความคิดเห็น กับ
เรื่องที่ได้รับความนิยม จะไม่มีผลแสดง เนื่องจากยังไม่มี)
อีกค่าที่ควรตั้ง คือ เกี่ยวกับการแสดงความคิดเห็น ตั้งให้เราต้องกดอนุมัติ
ความคิดเห็นที่คนอื่นมาเขียน ก่อนที่จะปรากฏบนบล็อก (ป้องกันการโพสต์ด่าหรือโฆษณาขายของ)
คลิกตรงตำาแหน่งที่วงไว้ แล้วคลิกเลือก Dashboard
จากนั้นคลิกเลือก Settings แล้วเลือก Discussion
(หน้านี้ ถ้ามีเวลา กดเล่นดูให้หมด ว่าปุ่มไหนทำาอะไรบ้าง)
เลื่อนมาที่ Before a comment appears
แล้ว คลิกที่กล่องหน้า Comment must be manually approved
จากนั้นเลื่อนลงไปล่างสุดของหน้า
เลื่อนลงมาล่างสุดของหน้าแล้ว
กดปุ่ม Save Changes
ถ้าว่างลองอ่านรายละเอียดแต่ละอันดูค่ะ
เดี๋ยวจะไปทดสอบการคอมเม้นต์ ว่าเราจะอนุมัติยังไง
ตัวอย่างเช่น เมื่อมีคนอื่นมาคอมเม้นต์
เราจะได้รับอีเมล ว่ามีคอมเม้นต์ใหม่มา ให้ไปจัดการ
เมื่อเปิดอีเมลอ่าน ก็จะเห็นว่ามีการคอมเม้นต์ที่เรื่องไหน
และคอมเม้นต์ว่าอะไร
ถ้าอนุมัติให้ปรากฏขึ้นได้ ก็กดปุ่ม Approve
ถ้าไม่ได้ log in ก็จะขึ้นให้ log in WordPress ก่อน
แต่ถ้า log in อยู่แล้ว ก็จะเจอหน้านี้ กด Approve Comment เลย
สามารถจัดการความคิดเห็นได้ที่ Dashboard ในส่วน Comments
มาอนุมัติ มาลบทิ้ง มารายงานสแปม ได้หมดเลยที่ส่วนนี้
เพียงแค่นี้ก็ป้องกันความคิดเห็นที่ไม่พึงประสงค์ได้แล้ว
เมื่ออนุมัติแล้ว ที่บล็อกของเรา จะเห็นเป็นแบบนี้
คอมเม้นต์จะอยู่ตรงที่วงแดงไว้
พอดีคอมห้องสมุดมันแฮงค์ รอบ4ละ เดี๋ยวว่าง ๆ ค่อยพิมพ์ใหม่
ต่อจากหน้าเมื่อกี้
3. (ต่อ) เผื่อนำาไปประยุกต์ใช้ในการโปรโมตสินค้าตัวฮอตฮิต
แล้ว link ไปหน้ารายละเอียดสินค้านั้น หรือโปรโมตอะไรที่
เร่งด่วน เรื่องเด่น อะไรแบบนี้
4. คอมเม้นต์ล่าสุด เอาไว้เผื่อคนอื่นที่ตามอ่านบล็อก
หากไม่มีโพสต์ใหม่ของเราเพิ่ม เขาก็ตามอ่านจากคอมเม้นต์
ล่าสุดได้
5. เรื่องที่ได้รับความนิยม จะได้รู้ว่าเรื่องไหนที่เราเขียน หรือ
แชร์ เป็นเรื่องที่คนสนใจมากที่สุด
6. สถิติบล็อก เพื่อให้เรารู้ว่า บล็อกเรามีคนเข้ามาดู
มากน้อยแค่ไหน เขียนแทบตาย ไม่มีใครอ่าน จะเขียนทำาไม?
7. ครูลืมให้เพิ่ม ช่วยเพิ่ม Widgets ชื่อ Recent Posts กับ
Archives กับ Gravatar Profile ด้วย ลากไว้เหนือ Meta
เพิ่ม Widget ชื่อ Recent Posts มา
เพิ่ม Widget เข้ามาแล้ว ก็คลิกเมาส์เพื่อลากขึ้นลากลงได้
ก็ลากขึ้น ไปเหนือ Widget Meta
แล้ว Save
พอเลิกทำา ก็ล็อกเอาท์ แต่ครูแค่ปิดเครื่องกลับบ้าน
มาวันนี้ เข้า wordpress.com แล้วครูก็ต้องล็อกอิน
กรอก Username กับ Password ที่ตั้งไว้
เพื่อเข้าระบบ
ล็อกอินแล้ว เจอหน้าแบบนี้ (จะให้จำารหัสผ่านหรือไม่ ก็แล้วแต่)
ถ้าจะเขียนเรื่องใหม่ กดรูป +ดินสอ
แต่ครูยังไม่เขียนเรื่องใหม่ โปรดคลิก My Site
อยากให้เพิ่ม Widget ชื่อ Archive ซึ่งข้อมูลที่ถูกเก็บไว้ ซึ่งอาจไม่ได้ใช้ในปัจจุบัน
แต่มีประโยชน์สำาหรับอ่านหรือค้นคว้า มันจะใช้การเรียงลำาดับตามเดือนและปี เหมาะสำาหรับคนที่
เขียนบล็อกหลาย ๆ ปี ก็จะได้หาจากส่วนนี้ได้ ไม่ต้องกดถอยหลังไปเรื่อย ๆ
กด My Sites แล้วจะเจอหน้านี้
คลิก Customize
แล้วเลือก Widgets
แล้วก็คลิก Sidebar 1 (เมื่อวานเราเพิ่ม Widgets ไว้ตรงนี้)
กดปุ่ม +Add a Widget
คลิกเลือก Archives
ตั้งแบบนี้ จากนั้นไปเพิ่ม Widget อีกอัน
กดปุ่ม +Add a Widget
เพิ่ม Widget ชื่อ Gravatar Profile
เพื่อแสดงว่าใครเป็นเจ้าของบล็อก
เพิ่มมาแล้วจะเจอหน้าแบบนี้
ให้คลิก Edit Your Profile
มันจะเปิดหน้าใหม่ มาเป็นหน้านี้
กรอกรายละเอียดของตนเองที่อยากกรอกลงไปได้เลย
และเลือกรูป Change your Gravatar
กรอกข้อมูลเสร็จแล้ว
ตะกี้กด Change your Gravatar ก็จะเจอหน้านี้ เปิดขึ้นมาใหม่
ก็เลือก Upload a new image from your computer
กดปุ่มเรียกดู
เลือกรูปที่ต้องการ แล้วกดปุ่ม Open
อันนี้ครูเลือกรูปชื่อ Am (.jpg)
ชื่อรูปขึ้นมาแล้ว
กดปุ่ม Next
มันจะให้ตัดรูป แต่ถ้าไม่ตัดก็ไม่ต้องทำาอะไร
กดปุ่ม Crop and Finish ได้เลย
มีการให้ตั้งเรตรูปด้วย อืม รูปนี้ เรต G ทั่วไปค่ะ -*- ตลกดี
(อย่าเอารูปโป๊นะนักเรียน เดี๋ยวเรต X 555
ส่งงานครู ขอเป็นรูปที่ดูหล่อสวยชุดสุภาพ)
พอได้ออกมาแบบนี้แล้ว
ก็กลับไปยัง tab My Profile
กรอกไว้ครบแล้ว
กดปุ่ม Update Profile
มันขึ้นว่า ล้มเหลว
แต่พอไปดูที่บล็อก รูปขึ้น กดที่รูป ก็เปิดหน้ารายละเอียดตามนี้
สรุปคืออัพเดทได้ตามปกติ
รูปขึ้นแล้ว
กดที่รูป ก็ไปยังประวัติได้
กลับไปยัง tab Customize แล้วกรอก Title
ติ๊กเครื่องหมายถูกลงสองช่องด้วย (พอดีครูจับหน้าจอมาก่อนติ๊ก)
แล้วคลิกเมาส์ที่ Widget ชื่อ Meta ลากลงมาไว้ล่างสุด
จัดเรียงเรียบร้อยแล้ว ก็กดปุ่ม Save
จริง ๆ มีอีกหลาย Widgets ที่เป็นประโยชน์ เช่น tag, categories
แต่ไว้หาโอกาสแนะนำาในภายหลัง หรือจะลองตั้งดูก็ตามสบาย
ไปดูที่บล็อก เจอรูปเจ้าของบล็อกที่ใหญ่เต็มตามาก
(ครูพยายามลดขนาด ด้วยวิธีต่าง ๆ แล้ว แต่ยังหาไม่เจอ เพราะต่อให้ลองใช้รูป
ต้นฉบับขนาดเล็ก มันก็จะขยายใหญ่ให้เท่านี้ 346 x 346 pixels อยู่ดี)
ครูเลยกลับไป tab Customize ปรับกล่อง like ให้กว้าง 346
และไปปรับกล่องข้อความ ให้มันจัดรูป(สีแดง)ไว้ตรงกลาง
โค้ด ที่เพิ่มไป <div align="center">โค้ดเดิม</div>
แถมเลยมีขนาดพอสมกันแล้ว ทั้งกล่องบน รูปตรงกลาง รูปล่าง
มาที่ tab Customize กดปุ่มนี้ <
เพื่อจะไปเพิ่มรูปหัวบล็อก
กดเลือก Header
เราจะใส่รูปที่ด้านบนของบล็อกกัน เพื่อเพิ่มความสวยงาม
เตรียมรูปขนาด 1120 × 252 pixels ไว้เลย
กดปุ่ม Add new image
กดปุ่ม Select Files
เลือกไฟล์ที่ต้องการ
กดปุ่ม Select and Crop
กด Crop image
กดรูป รูปจะขึ้นให้เห็นเลย
แล้วกดปุ่ม Save
ในส่วนของการปรับแต่งสี นักเรียนก็ลองกดดูเองนะคะ
ทำาเสร็จแล้วก็อย่าลืมกดปุ่ม Save เพื่อบันทึก
(ถ้ากดมาดู แต่ไม่ได้เปลี่ยนอะไร ก็ออกจากหน้านี้ได้โดยกดปุ่มกากบาท ล่างปุ่ม Save)
ตอนนี้เราก็จะทำาโครงเว็บเสร็จแล้ว
ถ้าขี้เกียจปรับแต่ง ก็ไม่ต้องไปปรับแต่งอีกเลยก็ได้
ส่วนนี้จะยังอยู่ และเป็นที่ประชาสัมพันธ์ให้เราได้ยาวเลย
แต่เราต้องหมั่นไปทำาสิ่งหนึ่ง อย่างสมำ่าเสมอ คือ การเขียนเรื่องใหม่
มาเขียนเรื่องใหม่กันดูค่ะ วันนี้จะเขียนเรื่องทั่วไปที่ครูชอบ
นั่นคือของกิน 555 วิธีการเขียนบล็อก ตามที่เคยได้กล่าวไปแล้ว
เขียน ๆ ไป เกิดอยากใส่รูป
ก็กดปุ่ม Add Media
กดไปแล้ว จะเจอหน้าต่างนี้ขึ้นมา
กดปุ่ม Select Files
เลือกรูปที่ต้องการแล้วกดปุ่ม Open
รูปนามสกุล .jpg (อัพโหลดได้หลายนามสกุลเหมือนกันนะ)
พอขึ้นมาแบบนี้
ก็กดรูปแล้ว กดปุ่ม insert into post
รูปปลาหมึกก็จะมาแล้ว
ปรับแต่งการจัดวางให้สวยงาม
เขียนสั้น ๆ ก็ได้ ดูน้อยน่าอ่านดี ครูเลยจัดให้ทุกอย่างอยู่ตรงกลาง
แล้วเพิ่ม categories ว่า อาหาร กับ tag ว่า ปลาหมึก
ลองปรับแต่งอย่างอื่นดูได้
พอเสร็จแล้วกดปุ่ม Publish …
เสร็จแล้วจะมีรายงานขึ้นมาด้านบน เล็ก ๆ
กดปุ่ม View Post เพื่อดูที่บล็อกของเราได้เลย
กดดูแล้วพบว่าเหมือนรูปจะเบี้ยว -*- ก็ต้องกลับไปแก้ไข
กด Edit
Select all เพื่อเช็คคร่าว ๆ พบว่า คำาสั่งจัดตรงกลาง
มันจัดแค่ตัวอักษร ส่วนรูปเป็นจัดชิดซ้าย
ก็ไปแก้ไขให้มันอยู่ตรงกลาง
กดรูป แล้วตั้ง Align center เสร็จแล้วกดปุ่ม Update
เสร็จแล้วกดปุ่ม Update
พอ Update เสร็จ แล้ว View Post ดู
สวยงามแล้ว
ด้านล่างของเรื่อง เป็นปุ่มแชร์ไปโซเชียลเน็ตเวิร์คต่าง ๆ
ก็ลองกดแชร์ไปดู เช่น แชร์ไป facebook ก็กดปุ่ม facebook
ต้องมีการ log in เฟซบุ๊คอยู่ (ถ้าไม่ ก็จะเด้งหน้าต่างให้ log in)
จะมีหน้าต่างนี้ขึ้นมา เขียนอะไรก่อนแชร์ หรือไม่เขียนก็ได้
เสร็จแล้วกดปุ่ม แชร์ลิงค์
แชร์มาแล้ว
น่ารักสุด ๆ 555
ติดตามเองได้ที่ http://kaitomgreygrey.wordpress.com/
ต่อไป จะเป็นการเขียนบล็อกด้วยสมาร์ทโฟน ด้วยแอพ WordPress (ใช้ได้ทั้ง
Android และ iOS) แต่ขอสาธิต Android เพราะหน้าตาเมนูใกล้เคียงกัน แต่ครู
ชอบและพกแต่ Android บวกเคยเขียนที่ไอแพด พบว่ามันอืด ๆ ไม่รู้นะ ลองดู
ดาวน์โหลดแอพ WordPress ฟรี ที่ play store / app store (ไม่สาธิต)
กดตรงที่วงแดง
กดรูปแว่นขยาย
แล้วพิมพ์ว่า
Wordpress
ดาวน์โหลดแอพ WordPress ฟรี ที่ play store
กดตรงที่วงแดง
ติดตั้งเสร็จเรียบร้อยแล้ว ก็เปิดแอพ WordPress
จากนั้นกรอกชื่อผู้ใช้ และรหัสผ่าน แล้วเข้าสู่ระบบ
ครูเข้าจัดการบล็อกไข่ต้มเกร๋ ๆ ของครู
จากนั้นจะมาเจอหน้านี้ ค่าตั้งต้นจะอยู่ที่เมนู เรื่อง
กด + ที่วงแดง เพื่อเขียนเรื่องใหม่
กดแล้วจะเจอหน้าตาแบบนี้ ก็เขียนชื่อเรื่อง ในส่วน หัวข้อ
และกรอก เนื้อหา ลงไป ซึ่งตรงเนื้อหาจะสามารถแทรกรูปได้
มาแทรกรูปกัน
วิธีใส่รูป ตามนี้เลย
กดเลือกรูปที่ต้องการ กดเสร็จรูปจะลงมาอยู่บนส่วนเนื้อหาทันที
พอเขียนเสร็จก็กดปุ่ม back ของสมาร์ทโฟน (ล่างขวา ข้างปุ่มโฮม)
เพื่อให้คีย์บอร์ดเก็บลงไป (ใน iOS ก็แค่กดรูปคีย์บอร์ด)
เก็บคีย์บอร์ดแล้ว จะเจอแบบนี้ กดการตั้งค่าเรื่อง เพื่อใส่หมวดหมู่
และป้าย ซึ่งส่วนนี้ไม่ใส่ก็ได้ แต่ใส่แล้วจะทำาให้บล็อกเป็นระเบียบ
เผื่อใครอยากอ่านแค่เฉพาะเรื่องในหมวดหมู่นี้ เขาก็จะได้ไม่ต้องกดดูทั้งบล็อก
พอดีมันหมวดหมู่อาหารเหมือนกัน เลยไม่ได้เพิ่ม
เพิ่มแล้วก็ ใส่ป้าย (tag) แล้วกดเผยแพร่
มันก็จะปรากฏหน้านี้ แล้วมีลูกศรชี้ขึ้น
จากนั้นเอานิ้วปัดส่วนเมนูออกไป จะเห็นว่าเรื่องที่เขียนอัพโหลดเสร็จแล้ว
กดชื่อเรื่องตามภาพ พอกดเข้าไป จะเจอเรื่องที่เพิ่งเขียน
ด้านล่างมีรูปถังขยะ=ลบ, รูปตา=อ่านแบบบนบล็อก, ที่วงคือครูจะแชร์,
รูปคอมเม้นต์=คอมเม้นต์ตัวเอง, รูปดินสอ=แก้ไข
ครูจะแชร์ไปเฟซบุ๊ค
ก็จะเจอการแชร์แบบปกติ โพสต์เสร็จแล้วก็จะปรากฏบนเฟซบุ๊คครู
เพิ่มเรื่องจัดหมวดหมู่ (อยากให้ทำาเป็นทุกคน)
ครูได้เขียนเรื่องใหม่เลยแล้วจัดให้อยู่หมวดหมู่เสื้อผ้า
รอมันดำาเนินการ
ถ้าทำาอะไรไม่สำาเร็จ (ไม่ปรากฏตามที่ครูบอก) ก็ลองทำาใหม่อีกครั้ง
บางทีก็เจอ error แต่พอทำาซำ้า ก็จะทำาได้ เช่นเพิ่มหมวดหมู่ไม่ขึ้น
หรือกดปุ่มเผยแพร่ แล้วไม่สำาเร็จ ก็ลองทำาซำ้าดูก่อน
แถมให้ นักเรียนสามารถเขียนเรื่องใหม่
ได้ทันที ทุกที่ทุกเวลา ที่มีสมาร์ทโฟน
กับอินเทอร์เน็ต เช่น เวลาที่นักเรียนใช้
สมาร์ทโฟนเปิดดูเว็บไซต์ ชอบเว็บไหน
นักเรียนก็สามารถกดแชร์เว็บนั้น ๆ ไป
ยัง
แอพ WordPress เป็นการเขียนเรื่อง
ใหม่ได้เลย
วิธีการคือ ใช้บราวเซอร์เปิดดูเว็บไซต์
ถ้าอยากแชร์หน้าเว็บไซต์นั้น ๆ
ก็กดตรงล่างซ้าย ข้าง ๆ ปุ่มโฮม
ก็จะมีเมนูแบบนี้ขึ้นมา
จากนั้นเลือก แชร์ผ่าน
จากนั้นเลือก WordPress มันก็จะเปิดเรื่องใหม่ เพิ่มข้อมูลเสร็จก็เผยแพร่
เวลาเขียนบล็อกครบทุก 5 เรื่อง ... 500 เรื่อง จะมีการแสดงความยินดี :-D
สรุปการทำางานชิ้นที่ 10
• การให้ทำาบล็อกนี้ ไม่ได้อยากให้นักเรียนเครียด หรือวิตกกังวลอะไร
แค่อยากให้นักเรียนฝึกทำาไว้ เพราะว่ามันเป็นชิ้นงานที่นักเรียนน่าจะ
นำาไปประยุกต์ใช้ในชีวิตประจำาวันได้
• งานบล็อกนี้เป็นการช่วยประชาสัมพันธ์เว็บไซต์ และแฟนเพจห้องสมุด
หลังจากจบเทอมแล้ว ถ้าหากนักเรียนไม่ได้เรียนชุมนุมห้องสมุดต่อ
นักเรียนก็สามารถนำาบล็อกไปใช้เรื่องส่วนตัวได้เลย เอา link ต่าง ๆ
เกี่ยวกับห้องสมุดออกได้เลย (ถ้าไม่อยากเก็บไว้)
• บล็อก WordPress แบบฟรีที่ครูสอนทำา จะให้พื้นที่เก็บสื่อ รูป วีดิโอ
รวมแล้ว 3GB ดังนั้นต้องย่อรูปหรือลดขนาดไฟล์ จะได้มีพื้นที่เหลือไว้
ใช้งานได้นาน ๆ
• การเผยแพร่เรื่อง โปรดระวังเรื่องการละเมิดลิขสิทธิ์ การหมิ่นประมาท
เรื่องศีลธรรม ต้องเขียนเรื่องที่มีประโยชน์ และถ้าไม่ได้คิดเองต้องมี
การบอกที่มาของข้อมูล เช่น URL (http://www...)
บล็อก WordPress ยังทำาได้อีกหลายอย่าง
• สามารถเพิ่ม Widgets ได้อีกเยอะ
• สามารถใส่พาสเวิร์ด เพื่อลิมิตคนอ่านได้ เผื่อบางทีอยากเก็บข้อมูลไว้
ในบล็อกที่เดียวกัน แต่บางเรื่องสำาคัญมากเผยแพร่ทั่วไปไม่ได้
• สามารถใส่ข้อมูลจำานวนมากได้ (ครูหันมาใช้บล็อก เพราะว่าเว็บไซต์
ห้องสมุด http://202.143.146.125 โพสต์ประชาสัมพันธ์ได้ไม่กี่พันตัว
อักษร ดังนั้นจึงประกาศเรื่องที่มีข้อมูลยาว ๆ ไม่ได้ เช่น รายชื่อ
นักเรียนที่ไม่ผ่านคุณลักษณะ ถ้าจะเอาลงเว็บห้องสมุด ต้องแบ่งข้อมูล
ออกเป็น 3 หน้า ซึ่งไม่สะดวก ครูจึงหันไปใช้บล็อก WordPress เป็นที่
เก็บข้อมูลแทน จะได้ลงไว้ที่เดียวกันแค่หน้าเดียวพอ)
• ถ้ามีเวลาลองศึกษาด้วยตนเองดู ได้ประโยชน์แน่นอน
หากจะสอบถาม
นักเรียนสามารถสอบถามปัญหาในการทำางานชิ้นที่ 10 นี้
ได้ที่
แฟนเพจห้องสมุดโรงเรียนพูลเจริญวิทยาคม
https://www.facebook.com/PWschoolLibrary
จะโพสต์บนกระดาน หรือจะแชตมาก็ได้ค่ะ
ถ้าเป็นปัญหาที่ครูแอมรู้ ก็จะตอบให้เลยค่ะ
บล็อกที่เป็นตัวอย่างในการสาธิตการสร้างบล็อก คือ
http://kaitomgreygrey.wordpress.com/ ไปดูเล่นได้ค่ะ

More Related Content

Similar to Full 10-word press ขั้นตอนการสร้างบล็อกเวิร์ดเพรส

Similar to Full 10-word press ขั้นตอนการสร้างบล็อกเวิร์ดเพรส (20)

Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
บทความ Blog
บทความ Blogบทความ Blog
บทความ Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog 120704210721-phpapp02
Blog 120704210721-phpapp02Blog 120704210721-phpapp02
Blog 120704210721-phpapp02
 
Blog
BlogBlog
Blog
 
บทนำ
บทนำบทนำ
บทนำ
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 

More from Pranitee Ratanawijitr

ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน 1-2562ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน 1-2562Pranitee Ratanawijitr
 
ประเมินโดยนักเรียน
ประเมินโดยนักเรียนประเมินโดยนักเรียน
ประเมินโดยนักเรียนPranitee Ratanawijitr
 
แก้ไขหน้าบุคลากร
แก้ไขหน้าบุคลากรแก้ไขหน้าบุคลากร
แก้ไขหน้าบุคลากรPranitee Ratanawijitr
 
วิธีส่งงานซ่อม ถ่ายรูปโพสต์
วิธีส่งงานซ่อม ถ่ายรูปโพสต์วิธีส่งงานซ่อม ถ่ายรูปโพสต์
วิธีส่งงานซ่อม ถ่ายรูปโพสต์Pranitee Ratanawijitr
 
ประณิธี ประเมินครูผู้ช่วย5
ประณิธี ประเมินครูผู้ช่วย5ประณิธี ประเมินครูผู้ช่วย5
ประณิธี ประเมินครูผู้ช่วย5Pranitee Ratanawijitr
 
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103  ม.3 งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103  ม.3
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3 Pranitee Ratanawijitr
 
สอนโพสต์เว็บเขต6
สอนโพสต์เว็บเขต6สอนโพสต์เว็บเขต6
สอนโพสต์เว็บเขต6Pranitee Ratanawijitr
 
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียนวิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียนPranitee Ratanawijitr
 
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุดการเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุดPranitee Ratanawijitr
 
วิธีเช็คสถิติแบบปัจจุบันที่สุด
วิธีเช็คสถิติแบบปัจจุบันที่สุดวิธีเช็คสถิติแบบปัจจุบันที่สุด
วิธีเช็คสถิติแบบปัจจุบันที่สุดPranitee Ratanawijitr
 
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมลยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมลPranitee Ratanawijitr
 
วิธีส่งงานทางจีเมลให้ครู
วิธีส่งงานทางจีเมลให้ครูวิธีส่งงานทางจีเมลให้ครู
วิธีส่งงานทางจีเมลให้ครูPranitee Ratanawijitr
 
วิธีสมัครจีเมล
วิธีสมัครจีเมลวิธีสมัครจีเมล
วิธีสมัครจีเมลPranitee Ratanawijitr
 

More from Pranitee Ratanawijitr (17)

ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน 1-2562ประเมินโดยนักเรียน 1-2562
ประเมินโดยนักเรียน 1-2562
 
ประเมินโดยนักเรียน
ประเมินโดยนักเรียนประเมินโดยนักเรียน
ประเมินโดยนักเรียน
 
แก้ไขหน้าบุคลากร
แก้ไขหน้าบุคลากรแก้ไขหน้าบุคลากร
แก้ไขหน้าบุคลากร
 
วิธีส่งงานซ่อม ถ่ายรูปโพสต์
วิธีส่งงานซ่อม ถ่ายรูปโพสต์วิธีส่งงานซ่อม ถ่ายรูปโพสต์
วิธีส่งงานซ่อม ถ่ายรูปโพสต์
 
ประณิธี ประเมินครูผู้ช่วย5
ประณิธี ประเมินครูผู้ช่วย5ประณิธี ประเมินครูผู้ช่วย5
ประณิธี ประเมินครูผู้ช่วย5
 
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103  ม.3 งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103  ม.3
งานสำคัญ งานเชิดหน้าชูตาชิ้นเดียว ในวิชา ง23103 ม.3
 
สอนโพสต์เว็บเขต6
สอนโพสต์เว็บเขต6สอนโพสต์เว็บเขต6
สอนโพสต์เว็บเขต6
 
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียนวิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
วิธีการลงข่าวสารประชาสัมพันธ์ เผยแพร่ภาพกิจกรรม ลงเว็บไซต์โรงเรียน
 
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุดการเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
การเปิดเครื่องนับจำนวนคนเข้าใช้บริการห้องสมุด
 
วิธีเช็คสถิติแบบปัจจุบันที่สุด
วิธีเช็คสถิติแบบปัจจุบันที่สุดวิธีเช็คสถิติแบบปัจจุบันที่สุด
วิธีเช็คสถิติแบบปัจจุบันที่สุด
 
วิธีสร้างBlogger
วิธีสร้างBloggerวิธีสร้างBlogger
วิธีสร้างBlogger
 
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมลยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
ยังไงก็ต้องได้เจอ ยืนยันเบอร์โทรในจีเมล
 
วิธีส่งงานทางจีเมลให้ครู
วิธีส่งงานทางจีเมลให้ครูวิธีส่งงานทางจีเมลให้ครู
วิธีส่งงานทางจีเมลให้ครู
 
วิธีสมัครจีเมล
วิธีสมัครจีเมลวิธีสมัครจีเมล
วิธีสมัครจีเมล
 
Full 1-9
Full 1-9Full 1-9
Full 1-9
 
Et512 Pranitee Blog
Et512 Pranitee BlogEt512 Pranitee Blog
Et512 Pranitee Blog
 
Pranitee Present Earrings
Pranitee Present EarringsPranitee Present Earrings
Pranitee Present Earrings
 

Full 10-word press ขั้นตอนการสร้างบล็อกเวิร์ดเพรส