Blog By Wordpress

เวบ็ ไซต์รูปแบบ Blog ง่ายๆ ด้วย Wordpress.com บุญเลิศ อรุณพบิ ลู ย์ ฝ่ ายบริการความรู้ทางวทิ ยาศาสตร์และเทคโนโลยี สานกั งานพฒั นาวทิ ยาศาสตร์และเทคโนโลยแี ห่งชาติ http://www.stks.or.th, http://www.thailibrary.in.th http://facebook.com/boonlert.aroonpiboon

สารบญัรู้จกั Wordpress.com..........................................................................................................................................................1 เริ่มตน้ สร้างเวบ็ ดว้ ย Wordpress.com .........................................................................................................................1 จอภาพการทางานของเวบ็ ไซต์...................................................................................................................................9 การสลบั โหมดการทางาน..................................................................................................................................10 การปรับแต่งภาษาของระบบเวบ็ ไซต์.......................................................................................................................11 การปรับแตง่ เวบ็ ไซตก์ ่อนใชง้ าน..............................................................................................................................13 เน้ือหาเวบ็ .................................................................................................................................................................15 การทางานกบั เน้ือหา Static.......................................................................................................................................15 การนาเขา้ รูปภาพ...............................................................................................................................................19 การทางานกบั เน้ือหา Dynamic.................................................................................................................................22 การสร้างคลงั ภาพ .....................................................................................................................................................26 การสร้าง Poll............................................................................................................................................................30 การบริหารจดั การเน้ือหา ...................................................................................................................................34 การปรับแต่งจอภาพหนา้ เวบ็ ....................................................................................................................................35 Widgets..............................................................................................................................................................36สาระน่ารู้เก่ียวกบั เวบ็ ไซตร์ ูปแบบ Blog..........................................................................................................................39 ความหมายของ Blog ................................................................................................................................................39 เทคนิคการเขียน Blog...............................................................................................................................................40 Category & Tag ใน Blog .........................................................................................................................................41 คาแนะนาการกาหนดหมวดหมู่.........................................................................................................................42 คาแนะนาการกาหนด Tag.................................................................................................................................42

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 1รู้จกั Wordpress.com Wordpress.com เป็นบริการฟรีจากมลู นิธิ Wordpress (WordPress Foundation) ที่อนุญาตให้ทุกคนสามารถสร้างเวบ็ ไซตใ์ นรูปแบบ Blog ไดด้ ว้ ยตนเอง ท้งั น้ีสามารถปรับแตง่ เวบ็ ไซตท์ ี่สร้างให้รองรับกบั การทางานไดห้ ลากหลายรูปแบบ ท้งั การทาเวบ็ ประชาสัมพนั ธ์สินคา้ เวบ็ กลุ่มสนทนาเวบ็ ส่วนตวั เวบ็ หน่วยงาน เวบ็ เพื่อการบริการ คลงั ภาพออนไลน์ เวบ็ เพอื่ การเรียนการสอน เน่ืองจากWordpress.com ไดเ้ ตรียมเคร่ืองมือบริหารจดั การเน้ือหาท้งั ที่เป็นแบบ Dynamic และเน้ือหาแบบ Staticฟังกช์ นั การนาเขา้ ภาพ แฟ้ มเอกสารฟอร์แมตตา่ งๆ Wordpress.com ไม่ไดใ้ หบ้ ริการเฉพาะซอฟตแ์ วร์หรือเครื่องมือ แตย่ งั บริการพ้นื ท่ีเวบ็ (WebHosting) ใหฟ้ รีดว้ ย รวมถึงบริการจดช่ือเวบ็ ไซต์ (Domain name) ทาใหก้ ารพฒั นาเวบ็ ไซตด์ ว้ ยWordpress.com เป็นไปไดอ้ ยา่ งสะดวก รวดเร็วเพยี งแค่มีบญั ชีอีเมล (eMail Address) แลว้ นาบญั ชีอีเมลดงั กล่าวไปสมคั รผา่ นเวบ็ Wordpress.com ซ่ึงใชเ้ วลาไม่นานกส็ ามารถไดเ้ วบ็ ท่ีพร้อมทางานไดท้ นั ทีเร่ิมต้นสร้างเวบ็ ด้วย Wordpress.com การสร้างเวบ็ ไซตด์ ว้ ย Wordpress.com จะตอ้ งเริ่มจากการมีบญั ชีอีเมล (eMail Address) ก่อนจะเป็นฟรีอีเมลอยา่ ง Gmail หรือ Hotmail หรือ Yahoo Mail กไ็ ด้ รวมถึงบญั ชีอีเมลของหน่วยงานเม่ือมีบญั ชีอีเมลพร้อมแลว้ กเ็ ริ่มเขา้ สู่อินเทอร์เน็ตแลว้ เขา้ เวบ็ ไซต์ Wordpress.com ซ่ึงจะปรากฏจอภาพการทางาน (จอภาพ Wordpress.com ณ วนั ท่ี 15 เมษายน 2556) ดงั น้ี รูปที่ 1 จอภาพ Wordpress.com จอภาพ Wordpress.com อาจจะแตกตา่ งกบั ภาพไดเ้ นื่องจากมีการปรับรุ่นอยา่ งตอ่ เน่ือง

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 2 จากรูปที่ 1 ใหค้ ลิกป่ ุม Get Started เพ่อื เขา้ สู่โหมดการลงทะเบียนสมคั รสมาชิก รูปท่ี 2 เข้าสู่โหมดการลงทะเบียนสมคั รสมาชิก จอภาพส่วนการลงทะเบียนสมคั รสมาชิก จะแสดงผล ดงั น้ี รูปท่ี 3 จอภาพลงทะเบียนสมคั รสมาชิกจอภาพ Wordpress.com อาจจะแตกต่างกบั ภาพไดเ้ นื่องจากมีการปรับรุ่นอยา่ งต่อเน่ือง

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 3การลงทะเบียนสมคั รสมาชิก Wordpress.com มีรายการท่ีจะตอ้ งระบุ ดงั น้ีE-mail Address ระบุบญั ชีอีเมล ท้งั น้ีควรระมดั ระวงั การป้ อนบญั ชีอีเมลให้Username ถูกตอ้ ง เพราะระบบจะส่งขอ้ มลู การยนื ยนั การสมคั รสมาชิกไปPassword ยงั บญั ชีอีเมลดงั กล่าวBlog Address บญั ชีอีเมลที่ใชส้ มคั รสมาชิก บญั ชีผใู้ ช้ Wordpress.com หรือ username ใหร้ ะบุไมน่ อ้ ยกวา่ 4 อกั ขระ ที่ผสมอกั ขระภาษาองั กฤษตวั พิมพเ์ ลก็ และตวั เลข 0 – 9 Username รหสั ผา่ น ควรกาหนดใหม้ ีความแขง็ แรงพอสมควร โดยควร ผสมอกั ขระภาษาองั กฤษตวั พมิ พใ์ หญ่ ตวั พมิ พเ์ ลก็ สญั ลกั ษณ์ และตวั เลข เช่น H025649000# หรือ Suratthani*84190 เป็นตน้ รหสั ผา่ น ระบุช่ือเวบ็ ไซต์ โดยหากใชช้ ่ือเป็น http://xxx.wordpress.com จะไม่คิดค่าบริการจดช่ือเวบ็ ไซต์ ท้งั น้ี xxx ควรเป็นอกั ขระ ภาษาองั กฤษตวั พิมพเ์ ล็ก ไม่มีช่องวา่ ง สื่อความหมายถึงเน้ือหา ในเวบ็ อยา่ งชดั เจน เช่น http://boonlertaroonpiboon.wordpress.com ช่ือเวบ็เทคนิคการกาหนดรหสั ผา่ นที่มีความแขง็ แรง ปัญหาหน่ึงที่หลายๆ ท่านพบในการใชง้ านระบบผา่ นอินเทอร์เน็ตกค็ ือ รหสั ผา่ น (Password) ท่ีต้งั ไดย้ ากข้ึน ทาใหจ้ ายาก ขอแนะนาวธิ ีสร้างรหสั ผา่ นประจาตวั แบบง่ายๆ ดังน้ี 1. ใชต้ วั แรกของรหสั ผา่ นเป็ น ตวั พมิ พใ์ หญ่ เช่น กาหนดรหสั ผา่ นเป็น joomla2509 ควรเปลี่ยนให้ ตวั อกั ษร j เป็นตวั พิมพใ์ หญ่ J 2. พจิ ารณาวา่ ในรหสั ผา่ นของท่าน มีสระภาษาองั กฤษ (A E I O U) ผสมอยดู่ ว้ ยหรือไม่ หากมี ให้แทนท่ี สระดงั กล่าวดว้ ยเครื่องหมายพเิ ศษ เช่น # หรือ * หรือ ( หรือ ) จากตวั อยา่ งขอ้ 1 หากใชเ้ ครื่องหมาย * แทนอกั ขระภาษาองั กฤษท่ีเป็ นสระ จะได้ ดงั น้ี J**ml*2509

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 4 เม่ือป้ อนขอ้ มลู ตา่ งๆ ไดถ้ ูกตอ้ ง ครบถว้ น สอดคลอ้ งกบั ขอ้ กาหนด และไมซ่ ้ากบั ขอ้ มลู ท่ีเคยลงทะเบียนแลว้ ป่ ุม Create Blog จะเด่นใหค้ ลิกได้ รูปท่ี 4 ป่ มุ Create Blog ทอี่ นุญาตให้คลกิ ได้เมอื่ ข้อมูลสมบูรณ์ ซ่ึงเมื่อคลิกยนื ยนั การสมคั รสมาชิก ระบบจะแสดงจอภาพแจง้ การส่งขอ้ ความไปยงั บญั ชีอีเมลท่ีลงทะเบียน ดงั น้ี รูปที่ 5 ข้อความแสดงการส่งข้อมูลไปยงั อเี มลทลี่ งทะเบยี น จากรูปท่ี 5 ใหเ้ ขา้ สู่ระบบอีเมลท่ีใชล้ งทะเบียนไวก้ บั Wordpress ตวั อยา่ งคือเขา้ สู่บริการ Gmailนนั่ เอง

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 5 รูปที่ 6 อเี มลเพอ่ื ยนื ยนั การสมคั รสมาชิกจาก Wordpress.com จากรูปที่ 6 ใหค้ ลิกอ่านอีเมล จะปรากฏขอ้ ความในอีเมล ดงั น้ี รูปที่ 7 ข้อความยนื ยนั การสมคั รสมาชิกจาก Wordpress.com จากรูปที่ 7 ใหค้ ลิกป่ ุม Activate Blog เพอ่ื ยนื ยนั การสมคั รสมาชิก Wordpress โปรแกรมจะเปิ ดหนา้ เวบ็ ใหม่ ดงั น้ี

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 6 รูปที่ 8 จอภาพการทางาน Wordpress.com จากรูปท่ี 8 แสดงวา่ การสมคั รสมาชิก Wordpress.com ผา่ นสมบูรณ์ โดยข้นั ตอนน้ีจะเป็นการกาหนดรายละเอียดของเวบ็ ไซต์ ไดแ้ ก่Blog Title ชื่อเวบ็ ไซต์ สามารถระบุไดท้ ้งั ช่ือภาษาไทย และชื่อภาษาองั กฤษ ท้งั น้ีควรส่ือความหมายเก่ียวกบั เน้ือหา เช่น หากตอ้ งการสร้างเวบ็Tagline ส่วนตวั ก็อาจจะใชช้ ื่อตนเอง หรือหากตอ้ งการสร้างเวบ็ หน่วยงานLanguage ก็นาชื่อหน่วยงานมากาหนดไดเ้ ช่นกนั ขอ้ ความส้ันๆ อธิบายเกี่ยวกบั เวบ็ หรือสโลแกนของเวบ็ เลือกระบบภาษาในการติตด่อกบั ระบบ Wordpress.com เอกสาร ฉบบั น้ีขอใชร้ ะบบติดต่อเป็นภาษาไทย รูปที่ 9 ตวั อย่างการระบุข้อมูลเวบ็ ไซต์

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 7 จากรูปท่ี 8 จอภาพการทางาน Wordpress.com ใหค้ ลิกป่ ุม Next Step จะเขา้ สู่ส่วนการเลือกรูปแบบหนา้ เวบ็ หรือ Theme รูปที่ 10 จอภาพการเลอื กรูปแบบหน้าเวบ็ ในส่วนการทางานเบ้ืองตน้ กบั Wordpress.com ขอแนะนาใหเ้ ลือกรูปแบบหนา้ เวบ็ เป็นTwenty Eleven แลว้ คลิกป่ ุม Next Step รูปที่ 11 การสมคั รสมาชิก Wordpress.com เสร็จสมบูรณ์ จากรูปที่ 11 การสมคั รสมาชิก Wordpress.com เสร็จสมบูรณ์ ใหค้ ลิกป่ ุม Finish

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 8 เม่ือการลงทะเบียนเป็นสมาชิก Wordpress.com เสร็จสมบูรณ์ สามารถเขา้ สู่เวบ็ ไซตไ์ ดโ้ ดยพิมพท์ ่ีอยเู่ วบ็ ดงั น้ี http://ชื่อเวบ็ .wordpress.com ท้งั น้ีใหน้ าชื่อเวบ็ ท่ีระบุในข้นั ตอนการลงทะเบียนมาใส่หนา้ .wordpress.com เช่น http://mongkolaroonpiboon.wordpress.com/ จะปรากฏหนา้ เวบ็ ดงั น้ี รูปท่ี 12 ตวั อย่างหน้าเวบ็ ของ Wordpress.com หนา้ ตาของเวบ็ อาจจะแตกตา่ งกนั ไปจากภาพได้

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 9จอภาพการทางานของเวบ็ ไซต์ เวบ็ ไซตท์ ่ีลงทะเบียนไวแ้ ลว้ จะมีจอภาพการทางาน 3 โหมด ดงั น้ี จอภาพโหมดผ้ใู ช้ จอภาพโหมดผใู้ ช้ จะเป็นจอภาพที่ทุกคนสามารถเห็นเน้ือหาเวบ็ โดยมีลกั ษณะจอภาพแบบเดียวกบั รูปท่ี 12 จอภาพโหมดผ้ดู ูแลเวบ็ จอภาพโหมดผดู้ ูแลเวบ็ ทาหนา้ ท่ีสร้าง Blog ใหม่ หรือการสลบั การทางานกบั Blog ท่ีมีอยู่ โดยมีลกั ษณะจอภาพ ดงั น้ี รูปที่ 13 จอภาพโหมดผ้ดู ูแลเวบ็ จอภาพโหมดบริหารจัดการเนือ้ หาเวบ็ จอภาพโหมดบริหารจดั การเน้ือหาเวบ็ จะเป็นจอภาพท่ีแสดงป่ ุมเครื่องมือบริหารจดั การเวบ็และเน้ือหาเวบ็ ซ่ึงเฉพาะผดู้ ูแลเวบ็ เทา่ น้นั ที่เขา้ ถึงได้ มีลกั ษณะจอภาพ ดงั น้ี รูปที่ 14 จอภาพโหมดบริหารจดั การเนอื้ หาเวบ็

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 10 หากมีการปิ ดเบราวเ์ ซอร์ หรือปิ ดเครื่องคอมพวิ เตอร์ อาจจะส่งผลใหร้ ะบบ Log out อตั โนมตั ิ การเขา้ สู่ระบบใหม่ ทาไดโ้ ดยการเขา้ เวบ็ ไซต์ wordpress.com จากน้นั ป้ อน Username และPassword ที่กาหนดในข้นั ตอนการลงทะเบียนการสลบั โหมดการทางาน การสลบั โหมดการทางาน สามารถทาไดโ้ ดยการนาเมาส์ไปคลิกที่ชื่อบญั ชีผดู้ ูแลเวบ็ หรือไอคอนภาพผดู้ ูแลเวบ็ ที่ปรากฏมุมบนขวาของหนา้ ตา่ งเวบ็ ดงั รูปที่ 15 รูปที่ 15 ไอคอนผ้ดู ูแลเวบ็ จะปรากฏชื่อเวบ็ (ตวั อยา่ งคือ Courseware2u) จะเป็นการเขา้ สู่โหมดบริหารจดั การเน้ือหาเวบ็และในโหมดบริหารจดั การเน้ือหาเวบ็ จะมีคาสง่ั ยอ่ ยจากการคลิก ดงั น้ี รูปที่ 16 คาส่ังเข้าสู่โหมดผ้ดู ูแลเวบ็ (Manage My Blogs)

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 11การปรับแต่งภาษาของระบบเวบ็ ไซต์ เพื่อใหก้ ารใชง้ าน Wordpress.com เป็นไปสะดวกกบั เอกสารฉบบั น้ี จึงขอปรับระบบภาษาในการติดต่อกบั ระบบใหเ้ ป็น “ภาษาไทย” ก่อน โดยเร่ิมจากการคลิกที่ “บญั ชีช่ือผดู้ ูแลเวบ็ – Username” ที่ปรากฏมุมบนขวาของจอภาพ รูปที่ 17 บญั ชีช่ือผ้ดู ูแลเวบ็ – Username จะปรากฏจอภาพปรับแตง่ การทางานของผใู้ ชด้ งั น้ี รูปที่ 18 จอภาพปรับแต่งการทางานของผู้ใช้ เลือกระบบภาษาของเวบ็ จากรายการ Interface Language เป็น “TH ไทย” แลว้ คลิกป่ ุม SaveChange จากน้นั กลบั ไปสู่โหมดการบริหารจดั การเน้ือหาเวบ็ โดยคลิกที่ “บญั ชีหรือไอคอนผดู้ ูแลเวบ็ ”แลว้ คลิกที่ชื่อเวบ็ รูปท่ี 19 บัญชีหรือไอคอนผู้ดูแลเวบ็

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 12 จอภาพโหมดบริหารจดั การเน้ือหาเวบ็ จะแสดงภาษาของระบบติดตอ่ เพื่อการทางานเป็น“ภาษาไทย” ดงั น้ี รูปท่ี 20 จอภาพโหมดบริหารจดั การเนอื้ หาเวบ็ ทม่ี รี ะบบตดิ ต่อเป็ นภาษาไทย

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 13การปรับแต่งเวบ็ ไซต์ก่อนใช้งาน ก่อนใชง้ านเวบ็ ควรปรับแต่งเวบ็ ใหเ้ หมาะสมก่อน โดยเริ่มจากการเขา้ ไปยงั โหมดบริหารจดั การเน้ือหาเวบ็ ตามรูปที่ 20 จากน้นั คลิกเลือกคาสง่ั “ต้งั ค่า” จากเมนูที่ปรากฏดา้ นซา้ ยของจอภาพ รูปที่ 21 จอภาพการกาหนดค่าเวบ็ ไซต์คาส่ังในเมนู “ต้งั ค่า” ที่ควรดาเนินการปรับแต่ง ไดแ้ ก่หวั ขอ้ เวบ็ หวั ขอ้ เวบ็ หรือ Blog Title เป็นช่ือเวบ็ ไซต์ สามารถระบุไดท้ ้งั ชื่อคาโปรย ภาษาไทย และช่ือภาษาองั กฤษ ท้งั น้ีควรสื่อความหมายเก่ียวกบั เน้ือหา เช่น หากตอ้ งการสร้างเวบ็ ส่วนตวั ก็อาจจะใชช้ ่ือตนเอง หรือ หากตอ้ งการสร้างเวบ็ หน่วยงาน ก็นาช่ือหน่วยงานมากาหนดได้ เช่นกนั คาโปรย คือ Tagline ขอ้ ความส้ันๆ อธิบายเกี่ยวกบั เวบ็ หรือสโลแกน ของเวบ็

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 14อีเมล์ eMail ที่ใชใ้ นการลงทะเบียน ซ่ึงระบบจะใชอ้ ีเมลน้ีเพ่อื ยนื ยนื การทางานต่างๆ เช่น การเปลี่ยนรหสั ผา่ น เป็นตน้ กรณีที่มีการแกไ้ ข eMail จะตอ้ งไปยนื ยนั การปรับเปล่ียนดว้ ยทุกคร้ังเขตเวลา Timezone เลือกเขตเวลาของเมืองท่ีอยปู่ ัจจุบนั โดยประเทศไทย ใช้ เขตเวลาเป็น UTC+7รูปแบบวนั ที่ Date Format เลือกรูปแบบการแสดงวนั ท่ีรูปแบบเวลา Time Format เลือกรูปแบบการแสดงเวลาวนั ท่ีเริ่มของสัปดาห์ Week Starts On เลือกวนั ท่ีเร่ิมของสัปดาห์ภาษา Language โดยปกติจะควบคุมจากระบบภาษาของบญั ชีผใู้ ช้ ไม่ตอ้ งปรับเปล่ียนรูปหรือไอคอนประจา สามารถนาเขา้ ภาพฟอร์แมต JPG หรือ PNG เพอื่ ใชเ้ ป็นภาพแทนบลอ็ ก เวบ็ ไซต์ สาหรับการแสดงผลผา่ นเวบ็ wordpress.comเม่ือปรับแต่งค่าของระบบเวบ็ ไซตแ์ ลว้ ใหค้ ลิกป่ ุม “บนั ทึกการเปล่ียนแปลง”

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 15เนือ้ หาเวบ็ เวบ็ ไซตร์ ูปแบบ Blog จาก Wordpress.com จะแบง่ เน้ือหาเป็น 2 ประเภท ไดแ้ ก่  เน้ือหา Dynamic ซ่ึงก็คือเน้ือหาที่กาหนดใหแ้ สดงผลตามวนั ท่ีเวลาท่ีเผยแพร่ เน้ือหา ใหม่จะถูกแสดงไวบ้ นสุด เรียกวา่ Post หรือ “เร่ือง”  เน้ือหา Static ท่ีเป็นเน้ือหาท่ีน่ิง ไมค่ อ่ ยปรับเปลี่ยน มกั จะแสดงในรูปแบบเมนู เรียกวา่ Page หรือ “หนา้ ” เน้ือหาแบบ Static ในรูปแบบเมนู เน้ือหาแบบ Dynamic รูปท่ี 22 ตวั อย่างเนือ้ หาทนี่ าเสนอของ Wordpressการทางานกบั เนือ้ หา Static โดยปกติเน้ือหา Static จะแสดงผลในรูปแบบเมนู ซ่ึงในเวบ็ ท่ีสร้างดว้ ย Wordpress.com จะมีเน้ือหาต้งั ตน้ ให้ 1 เน้ือหา ชื่อ About โดยเน้ือหาน้ีมกั จะใชใ้ นการแนะนาเวบ็ ไซตว์ า่ เป็นเวบ็ เกี่ยวกบัอะไร มีวตั ถุประสงคใ์ ดนน่ั เอง การทางานกบั เน้ือหาแบบ Static กค็ ือการทางานกบั เมนูคาส่งั “หนา้ ” หรือ Page ซ่ึงจะมีคาสง่ั ที่เก่ียวขอ้ ง ดงั น้ี

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 16 รูปท่ี 23 การทางานกบั เมนูคาส่ัง “หน้า” จากรูปท่ี 23 แสดงวา่ มีการสร้าง “หนา้ ” เน้ือหาไว้ 1 หนา้ ช่ือ About ซ่ึงสามารถปรับแกไ้ ขได้โดยการคลิกท่ีช่ือหนา้ ดงั กล่าว หรือนาเมาส์ช้ีคา้ งไวท้ ี่ชื่อ “หนา้ ” เพอ่ื แสดงคาสง่ั ยอ่ ยในการจดั การหนา้เน้ือหา ดงั น้ี รูปที่ 24 คาสั่งย่อยในการจดั การหน้าเนือ้ หา คาสงั่ ยอ่ ยในการจดั การหนา้ เน้ือหาประกอบดว้ ย  คาส่ัง “แกไ้ ข” เพอื่ เขา้ ไปแกไ้ ขเน้ือหา  คาสงั่ “แกไ้ ขอยา่ งรวดเร็ว” เพอื่ เขา้ สู่โหมดการแกไ้ ขเน้ือหา  คาสง่ั “ถงั ขยะ” เพ่ือลบหนา้ ท่ีเลือก  คาส่ัง “ดู” เพ่อื แสดงผลหนา้ ในโหมดผใู้ ช้

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 17การแกไ้ ขหนา้ โดยคลิกท่ีช่ือหนา้ ดงั กล่าว จะปรากฏจอภาพการทางาน ดงั น้ีหวั ขอ้ เน้ือหา (Title) แถบเครื่องมือ สถานะการเผยแพร่เน้ือหา ลิงกถ์ าวร เน้ือหา ลาดบั การแสดงเน้ือหา/เมนู รูปท่ี 25 จอภาพการทางานกบั เนือ้ หาแบบ “หน้า” หวั ขอ้ เน้ือหา หรือ Title เป็นช่ือเรื่องของเน้ือหาที่นาเสนอ ควรกาหนดใหส้ ่ือถึงเรื่องโดยคง ความส้นั กระชบั

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 18  ลิงกถ์ าวร หรือ Permalink เป็นส่วน URL กากบั เน้ือหาแต่ละเน้ือหา ท้งั น้ีกรณีท่ีกาหนด “หวั ขอ้ เน้ือหา” ดว้ ยภาษาไทย จะตอ้ งคลิกป่ ุม “แกไ้ ข” ของลิงกถ์ าวรและกาหนดชื่อใหมท่ ่ี สื่อความหมายเดียวกบั “หวั ขอ้ เน้ือหา” ดว้ ยคาภาษาองั กฤษตวั พมิ พเ์ ลก็ ไมม่ ีช่องวา่ งกากบั แทน เช่น เน้ือหาเก่ียวกบั ช่องทางการติดต่อสอบถามขอ้ มลู ม ใชค้ าวา่ contact เป็นตน้  สถานะการเผยแพร่เน้ือหา สามารถเลือกปรับปรุงการเผยแพร่เน้ือหาได้ ดงั น้ี  คุณสมบตั ิหนา้ เป็นส่วนควบคุมการแสดงผล โดยเฉพาะรายการ “จดั ลาดบั ” เป็นส่วน สาคญั ที่ใชค้ วบคุมลาดบั การนาเสนอ เช่น ใหห้ นา้ ใดนาเสนอก่อน เป็นตน้ การพิมพเ์ น้ือหาใชห้ ลกั การเดียวกบั การพิมพด์ ว้ ย Word โดยมีป่ ุมเครื่องมือจดั แต่ง ดงั น้ี คลิกป่ ุมน้ีเพ่อื ขยายเคร่ืองมือ รูปที่ 26 ป่ ุมเคร่ืองมอื จดั แต่ง การคดั ลอก (Copy) เน้ือหาจาก Word หรือแหล่งใดๆ ควรนาไปวาง (Paste) ใน NotePad เพ่อื ตดัอกั ขระพเิ ศษที่เกี่ยวกบั การจดั รูปแบบออกก่อน แลว้ จึงคดั ลอกจาก NotePad มาวางในเวบ็

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 19การนาเข้ารูปภาพ รูปภาพท่ีสามารถนาเขา้ ไดค้ วรมีฟอร์แมตเป็น .jpg .png หรือ .gif โดยใชป้ ่ ุมเคร่ืองมือ “เพม่ิ ส่ือ”ปรากฏจอภาพเพิ่มส่ือ ดงั น้ี รูปที่ 27 จอภาพเพม่ิ สื่อ คลิกลิงก์ “อปั โหลดไฟล”์ และป่ ุม “เลือกหลายไฟล”์ เพื่อเลือกโฟลเดอร์และภาพท่ีตอ้ งการนาเขา้ ภาพที่ถูกเลือกจะถูกนาเขา้ เวบ็ และแสดงขอ้ มูลกากบั ภาพ ดงั น้ี รูปที่ 28 จอภาพแสดงภาพและข้อมูลกากบั ภาพ

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 20 รายการสาคญั ที่ควรระบุก่อนคลิก “ใส่ลงในหนา้ ” กค็ ือ “หวั ขอ้ ” หรือ Title ของภาพโดยควรใส่ขอ้ ความท่ีส่ือความหมายเก่ียวกบั ภาพ รูปท่ี 29 ภาพทน่ี ามาวางในหน้า การทางานกบั ภาพ เช่น การปรับขนาด การลบภาพ ทาไดโ้ ดยคลิกที่ภาพ จะปรากฏไอคอนทางานกบั ภาพ ดงั น้ี รูปท่ี 30 ไอคอนทางานกบั ภาพ

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 21 ไอคอนรูปวงกลมขีดทบั แทนการลบภาพออกจากหนา้ ไอคอนรูปกรอบภาพ เพ่ือไปแกไ้ ขการต้งั ค่าเกี่ยวกบั ภาพโดยมีจอภาพ ดงั น้ี รูปท่ี 31 จอภาพปรับแต่งภาพทเ่ี ลอื ก เม่ือพมิ พ/์ แกไ้ ขขอ้ ความ ตกแต่งดว้ ยภาพและบนั ทึกดว้ ยการคลิกป่ ุม “อปั เดต” หรือป่ ุม“เผยแพร่” แลว้ สามารถสลบั ไปโหมดผใู้ ชเ้ พอื่ ตรวจสอบการแสดงผล โดยคลิกท่ีชื่อเวบ็ ที่มุมบนซา้ ยของจอภาพ รูปที่ 32 การสลบั ไปโหมดผู้ใช้

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 22 Wordpress จะแสดงเมนูดว้ ยชื่อหนา้ ที่กาหนด ดงั ภาพ รูปท่ี 33 จอภาพแสดงเมนูจาก “หน้า” ในโหมดผู้ใช้การทางานกบั เนือ้ หา Dynamic เน้ือหาอีกรูปแบบของ Wordpress ก็คือ เน้ือหาแบบ Dynamic ซ่ึงทางานผา่ นเมนู “เรื่อง” หรือPost รูปท่ี 34 เมนู “เรื่อง” เพอื่ จดั การเนอื้ หาแบบ Dynamic เน้ือหาน้ีมีลกั ษณะไม่แตกต่างจากเน้ือหา Static มากนกั โดยจะเพ่มิ การทางานในส่วน“หมวดหมู่ – Category” และ “ป้ ายกากบั – Tag” เขา้ มา จึงมีเมนูยอ่ ยท่ีใชบ้ ริหารจดั การ “หมวดหมู่” และ“ป้ ายกากบั ” ท้งั น้ีจอภาพสร้าง/แกไ้ ขเน้ือหาแบบ “เรื่อง” มีรายละเอียด ดงั น้ี

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 23 รูปที่ 35 จอภาพการทางานกบั “เรื่อง” การสร้างเน้ือหารูปแบบ “เรื่อง” จาเป็นตอ้ งกาหนดวา่ “เร่ือง” ดงั กล่าวอยใู่ น “หมวดหมู่” ใดท้งั น้ีสามารถกาหนดไดม้ ากกวา่ 1 หมวดหมู่ รวมท้งั กาหนดหมวดหม่ยู อ่ ยได้ เช่น  เน้ือหาแสดงภาพกิจกรรมการจดั อบรมการใชง้ านโปรแกรม Wordpress.com อาจจะ กาหนดใหอ้ ยใู่ นหมวดหมู่ “ภาพกิจกรรม” และหมวดหมู่ “กิจกรรมอบรมสัมมนา”  เน้ือหาแนะนาหนงั สือใหมป่ ระจาเดือน มกราคม 2556 อาจจะกาหนดใหอ้ ยใู่ นหมวดหมู่ ยอ่ ย “มกราคม 2556” ภายใตห้ มวดหลกั “หนงั สือแนะนา”

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 24 1 2 3รูปท่ี 36 การสร้างหมวดหมู่หลกั 1 2 3 4รูปท่ี 37 การสร้างหมวดหมู่ย่อย นอกจากการกาหนดหมวดหมู่ เน้ือหาในรูปแบบ “เรื่อง” ยงั ควรกาหนด “ป้ ายกากบั ” หรือ Tagไวด้ ว้ ย โดยแตล่ ะเร่ืองกาหนด “ป้ ายกากบั ” ไดม้ ากกวา่ 1 คา แตล่ ะคาใหค้ นั่ ดว้ ยเคร่ืองหมาย comma (,)ท้งั น้ีการกาหนด “ป้ ายกากบั ” ควรใชค้ าท่ีสื่อถึงเน้ือหาใหค้ รบถว้ น

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 25 รูปท่ี 38 ส่วนการทางาน “ป้ ายกากบั ” จากรูปท่ี 38 โปรแกรม Wordpress.com จะแนะนา “ป้ ายกากบั ” เบ้ืองตน้ ใหก้ ่อน หากป้ ายกากบั ใดตรง “ใจ” สามารถคลิกเลือกได้ เช่น หนงั สือเล่มน้ีจดั พิมพโ์ ดยสานกั พิมพ์ McGraw-Hill ก็คลิกเลือกป้ ายกากบั “McGraw-Hill” เป็นตน้ และยงั สามารถพิมพเ์ พิ่มไดต้ ามตอ้ งการ เช่น ป้ ายกากบั ที่ใส่ไวแ้ ลว้ คลิกป่ ุม x เพอ่ื ลบ หากไมต่ อ้ งการ รูปท่ี 39 ส่วนการทางาน “ป้ ายกากบั ” นอกจากน้ีควรกาหนดค่า “ลิงกถ์ าวร” ใหส้ ื่อความหมายดว้ ยคาภาษาองั กฤษ ไมม่ ีช่องวา่ งดว้ ย รูปที่ 40 ลงิ ก์ถาวร

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 26 เม่ือเผยแพร่เน้ือหา จะแสดงผลในหนา้ เวบ็ ดงั น้ี รูปที่ 41 การแสดงเนือ้ หาแบบ “เรื่อง”การสร้างคลงั ภาพ นอกจากการนาเสนอเน้ือหาพร้อมภาพประกอบ ยงั สามารถประยกุ ตใ์ ช้ Wordpress.com เป็นคลงั ภาพไดด้ ว้ ย โดยใหเ้ ตรียมภาพท่ีตอ้ งการเป็นชุดโฟลเดอร์เฉพาะ และควรลดขนาดภาพใหเ้ หมาะสมก่อนนามาใชง้ าน จากน้นั เขา้ สู่โหมด “การสร้างเร่ืองใหม”่ ป้ อนหวั ขอ้ เน้ือหาและเน้ือหา กาหนดหมวดหมู่ ป้ ายกากบั แลว้ เร่ิมนาเขา้ ภาพโดยป่ ุม “เพ่ิมสื่อ” คลิกเลือกคาส่งั ยอ่ ย “สร้างคลงั รูปภาพ”

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 27 รูปที่ 42 คาส่ังเพมิ่ สื่อในโหมด “สร้างคลงั รูปภาพ” จากน้นั คลิกคาส่ัง “อปั โหลดไฟล์” เลือกภาพที่ตอ้ งการจากโฟลเดอร์ที่กาหนด โดยสามารถเลือกภาพไดม้ ากกวา่ 1 ภาพ รอจนกวา่ ภาพถูกนาเขา้ ระบบ ซ่ึงภาพท่ีเลือกนาเขา้ จะมีเครื่องหมายถูกกากบั ท่ีมุมขวาของแตล่ ะภาพ (สามารถคลิกยกเลิกการเลือกได)้ จากน้นั ป้ อนช่ือชุดภาพในรายการ“หวั ขอ้ ” แลว้ คลิกป่ ุม “สร้างคลงั ภาพใหม่” รูปที่ 43 คาส่ังสร้างคลงั รูปภาพ จะปรากฏจอภาพกาหนดรูปแบบการแสดงคลงั ภาพ โดยรายการสาคญั คือ จานวนคอลมั นท์ ่ีให้แสดงภาพ และชนิดการแสดงภาพ

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 28 รูปที่ 44 จอภาพกาหนดรูปแบบการแสดงคลงั ภาพเม่ือกาหนดรูปแบบการแสดงคลงั ภาพแลว้ คลิกป่ ุม “ใส่คลงั ภาพ” จะปรากฏผล ดงั น้ี รูปที่ 45 จอภาพโหมดทางานกบั คลงั ภาพ

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 29คลิกป่ ุมเผยแพร่เพือ่ บนั ทึกและเผยแพร่เน้ือหา และเขา้ สู่โหมดผใู้ ชเ้ พ่อื แสดงผล รูปท่ี 46 ตวั อย่างคลงั ภาพแบบ Circle และ Thumbnails

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 30การสร้าง Poll Wordpress.com ยงั ไดเ้ ตรียมส่วนการออกแบบ Poll เพ่ือใชส้ ารวจความคิดเห็นในเรื่องต่างๆตามความตอ้ งการของผใู้ ช้ โดยใชห้ ลกั การเดียวกบั การสร้าง “เรื่อง” เพยี งแตใ่ ชป้ ่ ุมเครื่องมือ Add Poll รูปที่ 47 เริ่มต้นการสร้าง Poll ข้นั ที่ 1 จากรูปที่ 47 ใหค้ ลิกเลือกรายการ Auto-create a new account แลว้ คลิกป่ ุม Do it I want somepolls! รูปที่ 48 เริ่มต้นการสร้าง Poll ข้นั ท่ี 2 คลิกป่ ุม Create a Poll Now เพอ่ื เขา้ สู่จอภาพป้ อนคาถาม ตวั เลือก และรูปแบบ Poll

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 31 รูปที่ 49 จอภาพป้ อนคาถาม ตวั เลอื ก และรูปแบบ Poll ป้ อนคาถามในรายการ New Poll และตวั เลือกในรายการ Answers โดยสามารถเพมิ่ ตวั เลือกได้จากการคลิกป่ ุม Add New Answer เลือกรูปแบบจากรายการ Poll Style จากน้นั คลิกป่ ุม Save Poll รูปท่ี 50 ตวั อย่างการป้ อนคาถาม และตวั เลอื ก Poll ที่บนั ทึกแลว้ จะปรากฏป่ ุม Embed in Post ใหค้ ลิกป่ ุมดงั กล่าว เพอื่ นา Poll ไปรวมกบัเน้ือหาท่ีสร้างไวก้ ่อนหนา้

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 32 รูปที่ 51 ป่ ุม Embed in PostPoll ที่สร้างและถูกนาเขา้ รวมกบั เน้ือหา จะถูกตอ้ งดว้ ย Short code ในรูปแบบดงั ภาพ รูปท่ี 52 Short code ของ Pollเม่ือบนั ทึกและแสดงผล จะปรากฏผลลพั ธ์ ดงั น้ี

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 33 รูปที่ 53 Poll ทส่ี ร้างรูปที่ 54 การแสดงผลลพั ธ์จากการใช้งาน Poll

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 34การบริหารจัดการเนือ้ หา เน้ือหาที่นาเขา้ ระบบ สามารถบริหารจดั การไดโ้ ดยการเลือกเมนู “เรื่อง” ซ่ึงจะแสดงรายการเน้ือหา ดงั น้ี รูปที่ 55 การบริหารจดั การเนอื้ หา สามารถนาเมาส์ช้ีที่ช่ือเรื่องแตล่ ะเรื่อง เพอ่ื เลือกคาสัง่ จดั การเน้ือหา ดงั น้ี รูปที่ 56 คาสั่งจดั การเนอื้ หา หรือคลิกในช่อง Check box ของแตล่ ะชื่อเร่ืองเพือ่ จดั การเน้ือหาพร้อมกนั รูปที่ 57 คาสั่งจดั การเนอื้ หาแบบชุด

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 35การปรับแต่งจอภาพหน้าเวบ็ หนา้ เวบ็ ของ Wordpress.com ถูกควบคุมดว้ ยการทางานที่เรียกวา่ Themes ซ่ึงจะมีการจดั วางองคป์ ระกอบท่ีแตกต่างกนั ออกไป การตรวจสอบวา่ ขณะน้ีเลือกใช้ Theme ใด ทาไดโ้ ดยเลือกเมนูคาส่งั“รูปแบบบลอ็ ก” รูปท่ี 58 คาส่ังปรับแต่งจอภาพหน้าเวบ็ จากรูปที่ 58 แสดงวา่ กาลงั ใชง้ าน Theme ที่ชื่อ Twenty Eleven ซ่ึงสามารถเขา้ ไปปรับแตง่แกไ้ ขไดโ้ ดยคลิกป่ ุม “ปรับแต่ง” รูปที่ 59 คาส่ังปรับแต่ง Theme

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 36 นอกจากน้ียงั สามารถนาภาพที่ออกแบบไวม้ าใชเ้ ป็นภาพส่วนหวั ของเวบ็ แทนภาพที่ระบบจดั เตรียมให้ โดยเลือกเมนูคาสั่งยอ่ ย “ส่วนหวั ” รูปที่ 60 การปรับแต่งภาพส่วนหวั ของเวบ็Widgets นอกจากรูปแบบหนา้ เวบ็ Wordpress.com ยงั เตรียมส่วนการทางานท่ีเรียกวา่ Widgets ซ่ึงเป็นพ้นื ที่เลก็ ๆ ท่ีถูกออกแบบมาเพอื่ ทางานและแสดงผลงานใดงานหน่ึงโดยเฉพาะ เช่น พ้นื ที่ช่องสืบคน้เรียกวา่ Search Widget พ้ืนท่ีแสดงปฏิทิน เรียกวา่ Calendar Widget เป็นตน้ Widgets พ้ืนฐาน 2 Widgets รูปที่ 61 Widgets

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 37 จากรูปที่ 61 แสดง Widgets พ้นื ฐาน 2 Widgets คือ “คลงั เก็บ” ซ่ึงเป็น Widget ที่แสดงเดือน/ปีที่มีการเผยแพร่เน้ือหา และ “Meta” ซ่ึงเป็น Widget แสดงคาสง่ั ควบคุมระบบ ท้งั น้ีสามารถเพ่มิ /ลบWidgets ไดโ้ ดยเลือกเมนูคาสัง่ ยอ่ ย “Widgets” รูปที่ 62 คาสั่งควบคมุ Widgets การทางานเร่ิมจากการเลือก Widget ที่ตอ้ งการจากตวั เลือก “Widgets ที่ใชง้ านได”้ แลว้ กดเมาส์คา้ งไวล้ าก Widget ดงั กล่าวมาวางในกล่อง “ดา้ นขา้ งหลกั ” รูปที่ 63 การเลอื ก Widgets

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 38จากรูปท่ี 63 จะปรากฏผลบนหนา้ เวบ็ ดงั น้ี รูปท่ี 64 การแสดง Widgets ต่างๆ ทเี่ ลอื ก

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 39สาระน่ารู้เกยี่ วกบั เวบ็ ไซต์รูปแบบ Blogความหมายของ Blog Blog เป็นคาผสมของคาวา่ Web และ Log โดย Log จะหมายถึงการจดบนั ทึก รวมท้งั ปูมหรือเวลา ดงั น้นั Blog จึงเป็นรูปแบบการจดบนั ทึกเน้ือหาผา่ นเวบ็ ไซต์ ที่อนุญาตใหผ้ อู้ า่ นแสดงความคิดเห็นประกอบเน้ือหาของเราได้ ลกั ษณะจะคลา้ ยๆ กบั Web board แตโ่ ดยมาก Blog จะมีเน้ือหาเฉพาะมากกวา่ Web board และจุดเด่นของ Blog ก็คือเน้ือหาท่ีบนั ทึกจะควบคุมการแสดงผลดว้ ยวนั ที่/เวลาที่เผยแพร่ ดงั น้นั Blog จึงมีลกั ษณะแตกตา่ งจากเวบ็ ไซตท์ ว่ั ไป หรือเวบ็ ไซตใ์ นกลุ่ม CMS (ContentManagement System) คือ Blog จะแสดงผลเน้ือหาล่าสุดไวบ้ นสุด และมีความสามารถจดั กลุ่มเน้ือหาตามเวลาเรียกวา่ Archives ในขณะที่เวบ็ ทว่ั ไปหรือเวบ็ ในกลุ่ม CMS ผสู้ ร้าง/ผพู้ ฒั นาสามารถกาหนดตาแหน่งการแสดงผลเน้ือหาไดอ้ ิสระกวา่ และเนน้ การจดั กลุ่มตามหมวดเน้ือหา ท้งั น้ีสามารถสรุปลกั ษณะเฉพาะของ Blog ไดด้ งั น้ี  Blog ยดึ การแสดงผลตามลาดบั เหตุการณ์ (chronological)  บทความทุกบทความใชว้ นั ท่ีสร้าง หรือวนั ที่เผยแพร่เป็นเครื่องมือกากบั และบริหารจดั การ  Blog ใชค้ วามสามารถนาทาง (Navigation) นอ้ ยกวา่ เวบ็ ทวั่ ไป การสร้าง Blog ไมใ่ ช่เรื่องยาก ปัจจุบนั มีท้งั บริการฟรีบนเวบ็ เช่นเวบ็ ไซต์ http://blogger.comหรือ http://blog.com รวมท้งั http://wordpress.com ท่ีอนุญาตใหผ้ สู้ นใจสมคั รสมาชิกและสร้าง blogส่วนตวั ได้ รวมท้งั มีซอฟตแ์ วร์สร้าง blog ในกลุ่ม Open Source เช่น http://wordpress.org ท่ีอนุญาตให้ดาวน์โหลดโปรแกรมมาติดต้งั ท่ีเครื่องของเราเองเพอื่ สร้าง blog ไดต้ ามตอ้ งการ สาหรับทา่ นที่สนใจสร้าง Blog สามารถศึกษารายละเอียดเพม่ิ เติมไดจ้ ากเวบ็ ไซต์ http://www.weblogmatrix.org/ โดยเลือกซอฟตแ์ วร์ท่ีตอ้ งการและเปรียบเทียบความสามารถใหเ้ หมาะสมกบั ความตอ้ งการ รูปท่ี 65 เวบ็ ช่วยเหลอื การเลอื กซอฟต์แวร์

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 40 รูปท่ี 66 การเปรียบเทยี บความสามารถของซอฟต์แวร์เทคนิคการเขยี น Blog กระแสการใช้ Blog ไดร้ ับความนิยมอยา่ งตอ่ เน่ือง แต่ก็ยงั มีคาถามวา่ จะเร่ิมตน้ เขียนอยา่ งไรรวมถึงคาถามของผเู้ ขียนที่เขียนอยแู่ ลว้ วา่ จะมีเทคนิคอยา่ งไรที่เหมาะสมในการเขียนและนาเสนอเน้ือหาผา่ น Blog ขออนุญาตแชร์จากเอกสารที่ศึกษา และจากการศึกษาเก่ียวกบั เทคโนโลยี ดงั น้ี  ดูวา่ Blog ที่เขา้ ร่วมเป็นสมาชิกมีรูปแบบการนาเสนอเน้ือหาแนวใด ก็เขียนแนวน้นั  เขียนแบบสบายๆ ไม่ตอ้ งซีเรียส เพราะ Blog ออกแบบมาใหเ้ ขียนไดง้ ่ายๆ เนน้ เร่ืองเล่า สบายๆ การเขียนโดยใชเ้ ร่ืองเล่าจากประสบการณ์ของผเู้ ขียน จะไดร้ ับความน่าสนใจ มากกวา่ เขียนโดยลอกจากเน้ือหาผอู้ ื่น (แถมยงั เสี่ยงต่อการฟ้ องร้องอีกดว้ ยนะครับ) หาก จาเป็นตอ้ งเขียนโดยนาเน้ือหา และ/หรือภาพ สื่อจากแหล่งอ่ืน ควรอา้ งอิงดว้ ยทุกคร้ัง  เขียนส้ันๆ พอประมาณ ไมต่ อ้ งมากเกินไป แต่ควรใหจ้ บในตอน หากมีเน้ือหาเยอะแนะนา ใหแ้ บง่ เป็นตอนส้ันๆ  ระวงั การนาเน้ือหา ภาพ สื่อท่ีละเมิดลิขสิทธ์ิมาเผยแพร่ ควรสร้างสรรคเ์ อง และ/หรือ เลือกใชส้ ่ือประกอบ Blog ที่ใหส้ ิทธ์ิการใชอ้ ยา่ งเช่น CreativeCommons, Public Domain … ภาพท่ีปลอดภยั เลือกไดจ้ าก www.openclipart.org เป็นตน้  ใชเ้ ทคนิคการแบง่ เน้ือหา … read more… โดยเน้ือหาส่วนแรก พารากราฟแรกของ Blog ควรเป็นขอ้ ความนาท่ีดึงดูดความสนใจใหต้ ิดตามเน้ือหาหลกั  กาหนด Category และ Tag ใหเ้ หมาะสมตามเน้ือหาที่นาเสนอ  สร้างมลู ค่าเพมิ่ ใหเ้ น้ือหา โดยการทาลิงกไ์ ปยงั เน้ือหาที่เก่ียวขอ้ งได้  ใชค้ วามสามารถของการฝังส่ือมลั ติมีเดียผสมผสานกบั การเขียนเน้ือหา โดยนา Video จาก Youtube, iPaper&iSlide จาก SlideShare มาแสดงร่วมกบั เน้ือหาขอ้ ความ  อยา่ เร่งเขียนกระหน่าผา่ น Blog ในแตล่ ะวนั จนลน้ การแสดงผลจอภาพ เพราะผอู้ า่ นจะไม่ เขา้ ไปคลิกอา่ นเรื่องในหนา้ ถดั ไป ควรจากัดการเขียนในแต่ละวนั ใหเ้ หมาะสม

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 41  กรณีท่ีใชเ้ คร่ืองมือท่ีสนบั สนุน SEO/SEF URL ควรกาหนด permalink ของ Post ใน Blog ใหส้ ่ือความหมาย … ใชช้ ื่อกากบั เป็นภาษาองั กฤษที่ส่ือความหมายCategory & Tag ใน Blog เวบ็ ในรูปแบบ Blog นบั วา่ เป็นเวบ็ ท่ีไดร้ ับความนิยมสูงมากในปัจจุบนั โดยเวบ็ ลกั ษณะน้ีมีจุดเด่นหลายประการ เช่น  เป็นมิตรที่ดีกบั Search Engine รวมท้งั Blog Search Engine เช่น Technorai ส่งผลให้ เน้ือหาท่ีนาเสนอผา่ น Blog สามารถสืบคน้ ไดเ้ ร็วกวา่ เวบ็ ปกติ  มีรูปแบบการเขา้ ถึงเน้ือหาไดห้ ลายลกั ษณะ o การจดั กลุ่มเน้ือหาตามเดือนปี แสดงผลดว้ ย Archives หรือปฏิทิน โดยยดึ จาก วนั ท่ี/เวลาเผยแพร่เอกสาร o การเขา้ ถึงผา่ นหมวดหมู่ (Category) o การเขา้ ถึงผา่ น Tag Cloud ท่ีนาเอา Tag มาแสดงผล o การเขา้ ถึงดว้ ยช่องสืบคน้ o การเขา้ ถึงดว้ ยการคลิกลิงกท์ ่ีมีเน้ือหาสมั พนั ธ์ o การเขา้ ถึงโดยการเบราวเ์ น้ือหาโดยผใู้ ช้  การสร้างเน้ือหา การกาหนดหมวดหมู่ และ Tag ใหอ้ ิสระกบั ผสู้ ร้างสรรค์ โดยละกฎเกณฑ์ ตา่ งๆ หรือลดกฎเกณฑต์ า่ งๆ ลงกวา่ การพฒั นาเวบ็ ที่ผา่ น โดยประเดน็ ใหญท่ ี่มกั จะพดู ถึงนอกจากรูปแบบเน้ือหาท่ีใหอ้ ิสระกบั เขียน ก็คือ การกาหนดหมวดหมู่ Tag รวมท้งั ประเด็นระหวา่ ง Tag และคาสาคญั (Keyword)  Categories และ Tags ถูกสร้างข้ึนเพอ่ื ผเู้ ขา้ ชมเวบ็ ไมใ่ ช่เพ่อื Search Engine (อยา่ งเดียว)  Categories และ Tags เป็นเครื่องมือในการนาทาง การจดั เรียงเน้ือหา การจดั กลุ่มเน้ือหา และการสร้างความสมั พนั ธ์ของเน้ือหา เพื่อช่วยใหผ้ อู้ ่านเขา้ ถึงเน้ือหาที่เกี่ยวขอ้ งไดส้ ะดวก  Categories และ Tags ตอ้ งถูกใชง้ านไดง้ ่าย คาที่ใชจ้ ึงไม่ตอ้ งหรูหรา  Categories เปรียบเสมือนสารบญั ในการเขา้ ถึงเน้ือหาของเวบ็ และช่วยบง่ ช้ีวา่ ในเวบ็ มี เน้ือหากลุ่มใด  Categories จะตอ้ งเป็นเป็นคาที่เฉพาะเจาะจงมากพอท่ีจะช่วยใหผ้ เู้ ขา้ ชมเขา้ ใจเน้ือหา ภายใน ไมก่ วา้ งเกินไปหรือแคบเกินไป หรือคลุมเครือ  Tags เป็นคาที่ใชเ้ พอื่ ทาดชั นีคาคน้ ของเวบ็  Tags เป็นคาที่มีความหมายเพียงพอในตวั เอง เกี่ยวขอ้ งกบั บทความ ช่วยในการจดั หมวดหมู่ ระดบั เน้ือหาของเวบ็

การออกแบบพฒั นาเวบ็ ไซตร์ ูปแบบ Blog ดว้ ย Wordpress 42  Tags ถูกใชเ้ ป็นดชั นีคาผา่ น Blog Search Engine เช่น Technoratiคาแนะนาการกาหนดหมวดหมู่  คาท่ีใชจ้ ดั หมวดหมู่ ควรเป็นคาท่ีเฉพาะเจาะจงมากพอท่ีจะช่วยใหผ้ เู้ ขา้ ชมเขา้ ใจเน้ือหา ภายใน ไม่กวา้ งเกินไปหรือแคบเกินไป หรือคลุมเครือ  โดยคาดงั กล่าวจะตอ้ งช่วยใหเ้ วบ็ Blog มีโครงสร้างที่ชดั เจน เขา้ ถึงเน้ือหาไดง้ ่าย  หากมีการกาหนด Tag ใหก้ บั บทความมากกวา่ 5 บทความ สามารถกาหนด Tag ดงั กล่าวให้ เป็นหมวดหมูใ่ หมไ่ ด้  บทความหน่ึงบทความสามารถกาหนดหมวดหมูไ่ ดม้ ากกวา่ 1 หมวดคาแนะนาการกาหนด Tag  คาเฉพาะในบทความ ควรนามากาหนดเป็น Tag เช่น ชื่อบุคคล, ชื่อสถานท่ี, ชื่อหน่วยงาน .. อนั เป็นหลกั การเดียวกบั การกาหนดแนะนา Tag ผา่ นเครื่องมือ Tag Suggestion (Semantic technology)  ชื่อหมวดหมู่ สามารถใชเ้ ป็น Tag ได้ โดยข้ึนอยกู่ บั ความเกี่ยวขอ้ งทางเทคโนโลยเี ป็น ประเดน็ หลกั คือ หากบทความใดตอ้ งการส่งค่าของหมวดหมูไ่ ปยงั Blog Search Engine ใหน้ าชื่อหมวดหมู่มากาหนดเป็น Tag  คาอ่ืนๆ ในบทความท่ีใหค้ วามหมายได้ สามารถนามากาหนดเป็น Tag ได้  คาในกลุ่ม Taxonomy ท่ีเก่ียวขอ้ งกบั เน้ือหาสามารถนามาใชเ้ ป็น Tag ได้ เช่น สาขาวชิ า, ประเภทเพลง/การแสดง