basic-wp

Basic WordPress as a CMS

สรางเวบ็ สมยั ใหม เรียบงาย ใชเวิรดเพรส

หนงึ่ วนั เร่ิมมีเว็บ • สวยงาม • แกไขงา ย

สารบญั หนา

ขอมลู ทวั่ ไปของหลักสูตร3 2
ความรพู นื้ ฐานเกี่ยวกับเวบ็ 3 4
การเตรียมขอ มลู เพือ่ ทำเว็บ3 6
ตดิ ตัง้ WordPress3 7
หนา บา น และ หลังบาน3 9
การใสข อ มลู ลงใน WordPress3 10
การติดตั้งชดุ ตกแตง (Theme)3 20
การติดตงั้ โปรแกรมเสริม (Plugin)3 22
การใชงานวิดเจ็ต (Widget)3 26
การตงั้ คาตา งๆ ใน WordPress3 27
การปรับแตง ธีม/แกธมี 3 29
พื้นฐานการทำใหเวบ็ ตดิ Google3 32

หนา 1

Basic WordPress as a CMS by SmallBooks.org

ความรพู นื้ ฐานเก่ียวกับเวบ็

เวบ็ คอื การสอ่ื สารสองทางท่ีเปดใหบรกิ ารตลอดเวลา เราสามารถใสขอมูลตางๆ ได ทั้งภาพ, เสยี ง, วดี โี อ, ตารางรายละเอียด
ตางๆ และรับขอมูลจากผเู ยีย่ มชมได เชน ความคดิ เหน็ , แบบฟอรม สั่งซือ้ , สถานะการทำงาน ฯลฯ

เวบ็ ท่ีดี คือเวบ็ ท่ตี อบโจทยท้ังเจา ของเว็บและคนเย่ยี มชมเวบ็ ทเ่ี ปนกลุมเปา หมาย เชน ผเู ยย่ี มชมสามารถหาขอมลู ท่ตี องการ
ไดงาย (ราคา, รูปภาพสินคา /บรกิ าร, แผนที่, เบอรต ดิ ตอ) ขอ มูลอัพเดทสม่ำเสมอ มรี ะบบทเ่ี พยี งพอกบั การสอื่ สาร/รับสง
ขอ มลู

เวบ็ เปนระบบทีป่ ระยุกตใชไดห ลายรูปแบบ ทำใหห ากตองมีการวิเคราะหระบบและออกแบบตามความตองการโดยละเอยี ด จะ
ตองใชเ วลาและงบประมาณสูงมาก (บริษัทไทเกอร ไอเดยี ของผม รับงานเวบ็ ขององคกร/โรงแรม/รา นคา อาจมรี าคาเรม่ิ ตน ท่ี
5 หม่นื บาท, เวบ็ ระบบหุน/ธนาคารบนอินเตอรเ น็ท เรม่ิ ตนทร่ี าคา 5 ลา นบาท) แตหากเปนเวบ็ ทน่ี ำเสนอขอมลู ทัว่ ๆ ไป ท่ีไม
ตองการการวเิ คราะหระบบ เราอาจใชร ะบบท่ีออกแบบสำหรบั การจดั การขอมลู พื้นฐานได เรยี กวา Content Management
System (CMS) ซ่งึ อาจเรยี กวาโปรแกรมเวบ็ สำเรจ็ รปู มีหลากหลายโปรแกรม เชน WordPress, Drupal, Joomla

ทำใหก ารทำเว็บในปจ จบุ ัน หากใชโ ปรแกรมสำเร็จรปู และจัดการขอ มลู เอง อาจจะมีคา ใชจายเหลอื เพยี งคา ชอ่ื เวบ็ (โดเมน)
และทอ่ี ยูเวบ็ (โฮสต้ิง) ซึ่งประมาณปล ะ 1-2 พันบาท

โดเมน โฮสต้งิ และระบบจดั การขอมลู

Domain: โดเมน หรือ ชื่อเวบ็
เปน เหมอื นเลขทบ่ี า น ทท่ี ำใหไปรษณีย (อนิ เตอรเน็ท) รูวา มีทะเบียนบา นน้ีอยู
แนะนำใหค น ช่อื วางที่ name.com ซงึ่ จะมีนามสกุลใหเ ลือกจำนวนมาก (เชน .com, .net, .org)
คา จดโดเมน ประมาณปละ $9

Hosting: โฮสตงิ้ หรือทอี่ ยูเ ว็บ
โฮสติ้ง คือบริการพ้นื ที่ในอนิ เตอรเ นท็ ซึ่งก็คือเครื่องคอมพวิ เตอรเซฟิ เวอรท ี่เกบ็ ขอ มลู เว็บและ
อเี มลของเรานั่นเอง มรี าคาแตกตา งกนั มาก ข้นึ อยูก ับวาใชพื้นท่เี ยอะหรอื เปลา? หรอื มีคนเย่ียม
ชมเยอะหรือเปลา ? เสถียรแคไหน? เว็บทัว่ ไปคาเชา โฮสต้งิ ประมาณเดอื นละ 100-1,000 บาท

Web Data and System: ขอ มูลและระบบเวบ็ อาจเทยี บไดก ับบา น/อาคาร
เว็บเปรยี บเสมอื นบาน/อาคาร นน่ั คือมีการใชงานไดห ลายรปู แบบมาก, มกี ลมุ เปา หมายและ
มลู คาตา งกนั ตึกทีต่ อ งการสถาปนิก กับคอนโดท่ีมีผงั สำเร็จรูป ยอมมคี วามยนื หยุน และใชเวลา
สรางตา งกนั , WordPress เปน เหมอื นบานสำเร็จรปู ทแ่ี จกฟรี ซง่ึ ทำใหเ ราสรางเองไดง า ย

หนา 4

Basic WordPress as a CMS by SmallBooks.org

การนำเสนอในรูปแบบเวบ็

เน่อื งจากเวบ็ เปนสื่อใหม ทำใหก ารนำเสนอขอ มลู และการรับชมขอ มลู ยังไมเปนมาตรฐานมากนกั เกดิ การเปลี่ยนแปลงอยาง
รวดเร็ว ทำใหค วามรูแ ละการคาดหวงั เก่ียวกบั เว็บไซตข องแตล ะคนแตกตางกนั มาก ในขณะทีส่ ่ืออน่ื ๆ เชน หนงั สือพมิ พ,
รายการวิทยุ, รายการโทรทศั น ฯลฯ คอนขางเปนมาตรฐานแลว เราสามารถเขาใจลำดับการนำเสนอไดง าย

ในยคุ นี้เว็บพฒั นาและเปล่ียนแปงไปมาก เราอาจเรียกวา เปน ยคุ ของเวบ็ 2.0 ซง่ึ คอื การทค่ี นทั่วไปสามารถเขา ถงึ เวบ็ /ทำเว็บ/
สงขอ มูลใหเ ว็บไดง า ย คน หาขอ มูลผาน Search Engine (เชน Google) ไดสะดวกกวาการพมิ พช ือ่ เว็บแบบเดมิ ทำให
พฤติกรรมการบรโิ ภคขอ มูลของเว็บเปลย่ี นไป และทำใหการนำเสนอของเว็บเปล่ยี นไปดังนี้

อดีต (Web 1.0) ปจจุบนั (Web 2.0)

พาดหวั หนงั สือพิมพ พาดหัวหนาแรกไมมาก

มที กุ อยางในทุกหนา 1 หนา 1 เรอื่ งเดน
นำเสนอในมุมมององคกร นำเสนอในมุมมองผชู ม

คาดหวังใหเ ร่มิ เขา หนาแรก คน Search มาเจอ

คาดหวังใหคนอา นทกุ ที่ คนอา นสงิ่ ท่อี ยากอาน
จัดโครงสราง/หมวดหมขู อ มลู ไมดี จดั โครงสราง/หมวดหมูขอ มูลดี

แบงขอ มลู ตามประเภทส่อื (รูป/วดี โี อ) แบง ขอ มลู ตามเนือ้ หา (ขาว/บทความ)

ปรับปรุงชา ปรับปรุงเรว็ ขอมลู ทันสมยั

หนา 5

Basic WordPress as a CMS by SmallBooks.org

การเตรียมขอมูลเพื่อทำเวบ็

เปาหมาย

ควรตอบคำถามพนื้ ฐานใหไ ดก อ นวา ...
1. ทำเว็บอะไร? (เว็บองคกร/เว็บบทความ/เวบ็ ขายชอง/เวบ็ ชมุ ชน/ฯลฯ)
2. ทำเว็บใหใครด?ู (ผสู นใจทัว่ ไป/ลกู คา บุคคล/ลกู คา องคก ร/เฉพาะกลมุ /ฯลฯ)
3. คนดูตองการอะไร? (ขอ มูล/เบอรต ดิ ตอ /ตัวอยา งสนิ คา/แผนท่ี/คำแนะนำ/ฯลฯ)
4. ตอ งการใหค นดูแลวทำอะไร? (ซอื้ ของ/แสดงความคิดเหน็ /โทรศัพท/สมคั รสมาชกิ /ฯลฯ)
5. ทำเว็บแลวไดอะไร? (เพม่ิ ยอดขาย/สรางภาพลักษณ/ใหข อ มลู ตดิ ตอ /แบงปนความร/ู ฯลฯ)

ซึง่ หากสรุปแลวกค็ อื การต้ังเปา หมายของเวบ็ ไซตนนั่ เอง เมอ่ื ไดเปา หมายและรายละเอยี ดแลว ก็จะเปนการเตรยี มขอมลู และ
จัดโครงสรางของหนา ตา งๆ

เตรียมขอ มลู

จัดทำขอมูลทัง้ หมดทต่ี อ งการนำเสนอตามเปาหมาย ใหเ ปน รปู แบบ Digital เพือ่ จะไดนำขน้ึ เวบ็ ได เชน รูปถาย/เอกสาร ที่
ตอ งมกี าร Scan, หรอื ขอความตา งๆ ทีต่ อ งพมิ พไว, รวมถงึ สอ่ื ประเภทอื่นๆ ทต่ี องการนำเสนอ ท้ังรปู ภาพ, อลั บัม, สไลดโชว,
วีดโี อ, เสียง, e-book ฯลฯ ซึง่ นอกจากเร่ืองความสวยงามแลว กจ็ ะเปนเรื่องการสอื่ สารที่เหมาะสม เชนอาจตอ งทำแผนภูมิ
ใหมใหเขาใจงาย, ทำตารางเปรยี บเทียบ, คัดเกลาสำนวนใหเ หมาะสม (Copy-write), ตรวจสอบความถูกตอ ง - พิสูจนอักษร
(Proof-read), ตรวจสอบลขิ สิทธ,์ิ นโยบายความเปนสว นตวั และขอ กำหนดตางๆ (License, Privacy Policy, Term of
service)

สรางแผนท่ีไซต (Site-Map)

เม่ือเตรียมขอ มลู นำเสนอทเ่ี หมาะกับเปา หมายแลว ก็จดั ลำดบั การนำเสนอใหอยูในหนา และ หนายอ ยตา งๆ เรียกวา แผนที่
ไซต หรอื Site Map เชน

หนา แรก เกี่ยวกบั เรา หมวด A รายละเอยี ดสินคา
สินคา หมวด B
บรกิ าร หมวด C

ติดตอ เรา

หนา 6

Basic WordPress as a CMS by SmallBooks.org

ติดตง้ั WordPress

แบบงา ย

ระบบควบคุมเว็บจำนวนมากในปจจบุ ันน้ัน จะมีเคร่ืองมอื ชว ยติดตั้งโปรแกรมตา งๆ เรียกวา Fantastico หากมตี ัวนแ้ี นะนำให
ลองทำดังน้ี

1. ไปท่ี Fantastico

2. เลอื ก WordPress > New Installation

3. กรอกขอความตา งๆ ระบบจะติดต้งั WordPress ใหโ ดยอัตโนมตั ิ

ภาษาไทย

แตเ นื่องจาก Fantastico เมอื่ ตดิ ต้งั เสรจ็ ยงั ไมพ รอ มสำหรับภาษาไทย (เพราะคามาตรฐานไมใช UTF-8) ดงั นัน้ เราตองเขาไป
ติดตั้งปลัก๊ อนิ เพ่มิ ชือ่ วา UTF-8 Database Converter แลวส่งั ใหป ล๊ักอนิ ดำเนนิ การแปลงฐานขอ มลู ใหเปน ภาษาไทย
ดูรายละเอียดการตดิ ตัง้ ในบท การตดิ ตัง้ โปรแกรมเสริม (Plugin)

หนา 7

Basic WordPress as a CMS by SmallBooks.org

ติดตงั้ WordPress อยา งละเอียด

ดูขอมลู ที่ http://codex.wordpress.org/

หนา 8

Basic WordPress as a CMS by SmallBooks.org

หนา บา น และ หลังบา น

เมอื่ ติดตง้ั WordPress เสรจ็ เราจะเหน็ ผลลัพทท ี่โดเมนของเรา เชน http://www.wpthai.info/ ตอ ไปนีจ้ ะเรยี กวา “หนาบา น”

แนะนำใหเ ปดอีกหนา ตา งหนง่ึ สำหรับจัดการขอ มูล “หลงั บาน” โดยไปท่ีโดเมนของเรา แลวพมิ พ /wp-admin/ ตอทาย

เชน http://wpthai.info/wp-admin จะเห็นวา มลี ิงกก รณีลืมรหสั ผา นดวย หากเลือก ระบบจะสงรหสั ผานใหมไปทางอเี มลของ
เรา

หนา 9

Basic WordPress as a CMS by SmallBooks.org

การใสข อ มูลลงใน WordPress

การสรางหนา ตา งๆ (Page)

ไปทีเ่ มนู Pages เลือก Edit จะพบวา มีหนามาตรฐาน ชอ่ื About อยู ให
1. คลิกท่ีหนา About แลว ลองแกไ ขขอมลู
2. คลิกที่ Add New แลว ลองเพ่ิมหนาอน่ื ๆ เชน Product, Service, Contact

หนา 10

Basic WordPress as a CMS by SmallBooks.org

การใสขอความ/จัดรปู แบบขอ ความ

ขอ มลู จำเปนของหนาเวบ็ แตล ะหนา คอื ช่อื และ ขอ ความ
ในขอ ความ หากกดปมุ ขวา (ตรงลูกศร) จะทำใหบ รรทดั ในการจัดการเพ่ิมขึ้นอกี เชน เปลย่ี นสตี วั อักษร เปลยี่ นชนิดขอ ความ
(เปน ตวั อักษรธรรมดา หรือเปนหวั เรอ่ื ง: Heading 1-6)
หากตอ งการขอความทเี่ ปนตวั อยางตวั อักษร แนะนำใหใ ชขอ ความจาก http://www.lipsum.com/

หนา 11

Basic WordPress as a CMS by SmallBooks.org

การใสร ูป

เหนือชองใสข อความ จะมีปุมแรกรูปสเี่ หลี่ยม ชื่อวา Add an Image เอาไวใสรูปภาพ

เมื่อคลกิ แลว จะไดกลอ งโตต อบขน้ึ มาดังน้ี ใหคลกิ ท่ี Select Files แลว เลอื กไฟลรูปภาพท่ีตองการใสเ ขา มา
แนะนำใหเ ตรียมรูปภาพไวกอ น คอื ปรบั แตง สี และยอ ขนาดไวไมเ กิน 800 pixel
เราสามารถเลือกไฟลหลายๆ ไฟลพรอมกนั ไดดังรูป (เวลาเลอื ก ใหลองกดปุม Ctrl, Shift แลว คลกิ เลอื กหลายไฟล)

หนา 12

Basic WordPress as a CMS by SmallBooks.org
โดยในแตล ะไฟล จะมีรายละเอียดใหก รอกไดดงั รปู แนะนำใหก รอกชือ่ ท่มี คี วามหมายไปใน Title (เพอ่ื ใหคนพกิ ารและ
คอมพวิ เตอรรจู กั รปู น้ี) สวนหากอยากใหม คี ำบรรยายใตภาพ ใหก รอกที่ Caption
Link URL คอื การเลอื กวา จะใหค ลกิ แลว ลงิ กไปที่ไหน อาจเปน รปู ฉบบั เตม็ หรอื เวบ็ อื่น หรือไมต อ งลิงกก็ได
Alignment คือการจัดรูปชดิ ซาย-ขวา
Size คือขนาดของรปู ท่ีระบบยอใหโ ดยอัตโนมตั ิ (สามารถตั้งคามาตรฐานใน Settings ได)
หากไมตองการรูปนี้ สามารถกดปมุ Delete ได หากตอ งการใชใ หกดปมุ Insert into Post

จะพบวารูปไปอยูในขอความเรยี บรอ ย กด Update เพื่อปรับปรงุ ขอ มูล

หนา 13

Basic WordPress as a CMS by SmallBooks.org

การใสอ ลั บมั ภาพ

ถาหากรปู ที่ใสมีหลายรปู เราอาจแสดงรูปในลกั ษณะ Gallery หรอื อลั บมั ภาพได โดยคลิกทป่ี มุ สเ่ี หล่ียมเหนือขอความ

เลอื กแทบ Gallery แลวคลิก Insert Gallery

โดยเราสามารถลากไฟลร ปู ขน้ึ ลงเพ่อื จดั ลำดบั ของรูปได และใน Gallery Settings เราสามารถปรับแตงไดอ ีกเล็กนอ ย เชน
จำนวนคอลัมนของรปู ทจ่ี ะแสดง เสรจ็ แลว Update แลว ไปดผู ลลพั ธทีห่ นา บาน

หนา 14

Basic WordPress as a CMS by SmallBooks.org

การใสว ดิ โี อ

แนะนำใหสมคั ร Youtube.com แลวอัพโหลดผานทาง Youtube เพราะสะดวก และลดคา ใชจ ายดานพื้นที+่ การดูแลเวบ็
นอกจากน้นั ยงั เพิ่มยอดผชู มท่ีชมเร่อื งคลายกันบน Youtube อีกดวย
การแทรกวิดีโอจาก Youtube ใหคัดลอก url ของ วดี ีโอนน้ั ๆ ก็จะใชงานได
เชน http://www.youtube.com/watch?v=fihOmQY-JxY

หลังบาน

หนาบา น

หนา 15

Basic WordPress as a CMS by SmallBooks.org

การแทรก HTML CODE

เราสามารถแกไ ขขอความตา งๆ ในรปู แบบ HTML ได โดยคลิกทป่ี มุ HTML
ซึ่งทำใหแ ทรก Embed Code ตางๆ จากเว็บอื่นๆ ได เชน
แผนท่ี จาก http://www.google.com/maps
ปฏิทิน จาก http://www.google.com/calendar/
สไลด จาก http://www.slideshare.net/
รปู ภาพเคลอื่ นไหว จาก http://photopeach.com, http://www.slide.com/
เอกสาร/หนังสือ/PDF จาก http://issuu.com/

หนา 16

Basic WordPress as a CMS by SmallBooks.org

การต้งั คาแสดงผลของหนา

• สามารถเปล่ยี นสถานะเปน ฉบบั ราง, หรือ รอตรวจสอบ ได (ทำใหยังไมแ สดงหนาเวบ็ เปน การบนั ทกึ ไวก อ นชั่วคราว)
• สามารถตัง้ รหสั ผาน / ดูเฉพาะคนเขยี นได
• สามารถเปลีย่ นวันทที่ แ่ี สดงผลได (ตัง้ เวลาลว งหนาเพ่อื แสดงผลในอนาคตได)
กอนกด Publish หรือ Update เราสามารถตัง้ คาแสดงผลในกลอ งขวาบน

หนา 17

Basic WordPress as a CMS by SmallBooks.org

การสรา งหนา ยอย

ในสว นกลองดานขวาลาง จะมี Parent ซงึ่ หมายถึงหนาระดับบน (พอ) เราสามารถเลือกใหอ ยูใตห นาใดๆ ก็ได (คอื เปนหนา ลูก
ของหนา นน้ั ๆ อีกท)ี

การเรียงลำดับหนา

สามารถใสคา Order ได เรยี กวา Page Order (ลำดับหนา ) ถาใสในรูปกลอ งดานบนทลี ะหนา ก็ได ลำดบั หนา จะเรยี งจากนอย
ไปมาก หรือใสทหี่ นา Pages -> Edit ก็ได โดยเอาเมาสวางเหนอื ชอื่ แลวคลกิ ท่ี Quick Edit จะเหน็ ภาพรวมงา ยกวา

หนา 18

Basic WordPress as a CMS by SmallBooks.org

การสรางบล็อก (Post)

Post คอื ขา วสาร / บนั ทกึ / ขอ มลู ตางๆ ท่ีไมไ ดแ สดงเปนหนาท่เี ปนลำดับชน้ั เหมอื น Page ซง่ึ อาจเรียกวา Blog
แตเราสามารถประยกุ ตใช Post ในการแสดงขอมูลประเภทอน่ื ๆ ก็ได เชน สนิ คา / บทความ / รายการวทิ ยอุ อนไลน ฯลฯ
เชงิ เทคนคิ Post คอื เนือ้ หาที่ Dynamic น่ันคอื สามารถเขาถงึ ไดหลายวธิ ี เชน ดตู ามหมวดหมู / ดตู ามวันท่ี / ดูตามปายกำกับ
(Tag) / ดูตามชอ่ื ผูเขยี นเรื่อง ฯลฯ
การสราง Post ใหไปที่ Post -> Add New แลวใสข อ ความเหมอื นกับการสราง Page

Excerpt3คือบทนำ หรือเกร่ินนำเรื่อง
Post Tags คือปา ยกำกบั , ปายคำ หรอื คำสำคญั ของเรื่องนนั้ ๆ เชน ช่ือเฉพาะตางๆ, ช่อื ตราสนิ คา
Categories คอื หมวดหมูของบทความน้ันๆ
ดานลา งจะมี
Allow Comments - อนุญาตใหคนแสดงความคิดเหน็ ตอ Post น้ีไดห รือไม?
Allow trackbacks and pingbacks on this page - อนุญาตใหแสดงลิงกเว็บอืน่ ๆ กรณีท่อี า งถึงบทความนี้หรอื ไม?
สวนการแสดงผล (Publish - กลองขวาบน) กจ็ ะต้งั คาไดเหมอื น Page คือ สถานะ (ฉบบั รา ง,รอตรวจ,ตีพิมพ) การต้งั รหัส
ผา น, การแกไขวนั ทีท่ ่ี Post กรณี Post จะมีเพ่ิมมาคือ Sick this post หมายถงึ การปก หมุดใหอ ยูบนสดุ เวลาแสดงผล

หนา 19

Basic WordPress as a CMS by SmallBooks.org

การติดตัง้ ชดุ ตกแตง (Theme)

เน่ืองจาก WordPress นั้นแยกการเนื้อหา ออกจากการนำเสนอ ที่ผานมาเราเพยี งแตใสเ นือ้ หาไว หากเราตอ งการเปล่ียนรูป
แบบการแสดงผล เราสามารถทำไดผา นธีม (Theme)

ธมี ทีอ่ ยูในฐานขอมูลของเวิรด เพรส

ไปท่ี Appearance -> Add New Themes จะพบวา มีหลายวิธี หากตอ งการคน หาธมี ทแ่ี จกฟรีในระบบของ WordPress กล็ อง
เลือกคำคนตางๆ แลวกดปุม Find Themes ลา งสดุ (ไมก รอกขอ มลู เลยแลว กด จะแสดงธมี ทั้งหมด) จะพบธมี และคำอธิบาย
ตา งๆ สามารถกด Preview เพือ่ ดตู วั อยางได หรอื กด Install เพือ่ ตดิ ตง้ั ในเว็บเราแบบอัตโนมัติ

กดปุม Install , เลือก Activate แลวไปดทู ีห่ นา บาน จะพบวาในเนื้อหาแบบเดิมน้นั การแสดงผลไมม ีเหมอื นเดิมแลว

หนา 20

Basic WordPress as a CMS by SmallBooks.org

ธีมอื่นๆ/ธีมสรางเอง

สวนการติดตัง้ ธมี อืน่ ๆ หรอื ธีมท่สี รา งเอง แนะนำใหใชวธิ ี Upload ไฟลท่ซี ิปไวไปแทน โดยไปทเ่ี มนู Upload

ทดลองตดิ ตงั้ ธีมอน่ื ๆ โดยการคนหาใน Google ดว ยคำวา WordPress Theme จะพบธีมมากมาย ให Download มาไวท ่ี
เครอื่ ง แลว Upload ผา นหนา นี้

หนา 21

Basic WordPress as a CMS by SmallBooks.org

การตดิ ต้ังโปรแกรมเสริม (Plugin)

โปรแกรมเสรมิ จะทำให WordPress สามารถทำงานไดมากกวา การจัดการขอ มูลปกติ เชน สรางหนาชั่วคราวเวลาปด
ปรบั ปรงุ , สรา งเวบ็ บอรด , แคตาลอ็ ก, เชื่อมตอ กบั Facebook/Twitter, ปรบั ปรงุ การทำงานและการแสดงผลตางๆ
แนะนำใหใ ชเ ฉพาะจาก WordPress.org เทานน้ั เพ่อื ความปลอดภยั และการตรวจสอบปญ หาความเขา กนั ไดก บั ปล๊กั อนิ อน่ื ๆ
ไปท่ีหนา Plugins -> Add New จะเห็นวามที งั้ ระบบคนหาจากฐานขอมลู WordPress และ Upload เองเหมือนธีม

หนา 22

Basic WordPress as a CMS by SmallBooks.org

Plugin: Maintenance Mode

ทดลองคน คำวา Maintenance Mode แลวคลิก Install

จะพบวา Maintenance Mode นัน้ สรางหนาของตัวเอง (เพ่อื จะไดตั้งคาเพ่ิมเตมิ ได) ซึง่ Plugin จำนวนมากจะเปนเชน นี้
เขา หนาของ Maintenance Mode โดยคลกิ ท่ี Setting หลังจากติดตงั้ เสรจ็ เลือก Activate แลว Save

เมอ่ื คนอ่นื เขามาดู จะพบวา เวบ็ นอี้ ยูใน Maintenance Mode หรือระหวา งการปรับปรงุ น่นั เอง

เมื่อคนอ่นื เขา มาดู (แตห ากเราลอ็ กอินไว เราจะเหน็ เปนปกติ
สามารถดขู อมูลไดทุกอยาง)
หากตอ งการเปน “คนอน่ื ” แนะนำใหใ ช ฺBrowser อีกตัวหนึ่ง
(เชน Chrome) เขา มาดูหนาเว็บ
แนะนำใหล อง WP Maintenance Mode จะปรบั แตง ไดมากกวา

หนา 23

Basic WordPress as a CMS by SmallBooks.org

Plugin: UTF-8 Database Converter

ปลั๊กอนิ ตวั น้จี ำเปน กรณที ล่ี ง WordPress จาก Fantastico แลว ตอ งการใชภ าษาไทย
หากลง WordPress วิธอี ื่นจะไมจำเปน ตองใช
ใหคน คำวา UTF-8 จะพบ UTF-8 Database Converter เปน ตัวแรกทเี่ จอ ใหคลิก Install

เม่อื ติดต้งั เสรจ็ คลิกท่ี Activate จะเขาหนา รวม Plugin เมนูซา ยมอื จะมีหนา เพิม่ ใหค ลิกเมนู UTF-8 Database Converter

หลังจากนัน้ ใหคลิก Next Step ไปเรื่อยๆ เพอ่ื ใหระบบแปลง Database ใหเ ปน UTF-8 เพ่อื ใหเ หมาะกบั ภาษาไทย

หนา 24

Basic WordPress as a CMS by SmallBooks.org

Plugin อืน่ ๆ ที่นา สนใจ

ปลก๊ั อนิ คำอธบิ าย
Contact Form 7
เอาสรางฟอรมติดตอ เพื่อใชส งเมล (เชน หนา Contact) สามารถประยกุ ตใชไดม าก
All In one SEO Pack เชน เปน แบบฟอรม จองหองพัก, สงไฟลง านสำหรบั ลูกคา, แบบสอบถาม ฯลฯ

WP Postratings ทำใหร ะบบรองรับ SEO ไดดีขน้ึ จำเปน มากสำหรับการทำ SEO (Search Engine
Subscribe to Comments Optimization - หรอื การทำใหติดอันดบั ผลการคนหาใน Search Engine ตา งๆ)
Anyfont
Category Posts อนุญาตใหผเู ยี่ยมชมโหวตใหดาวในหนา ตางๆ ได
WP E-commerce
ใหผ กู รอกคอมมเมน ท สามารถรับเมลแจงเตือนเวลามคี นมาคอมเมนทต อ

ทำใหแ สดงผลโดยใชฟอ นทอ น่ื ๆ ได (ภาษาไทย แนะนำ f0nt.com)

สรา ง Widget ไวสำหรบั แสดงขาวสาร (Post) เฉพาะหมวดหมทู ีต่ ้ังไว

ระบบแคตาล็อกและตะกรา สนิ คา คอนขา งซับซอ น สามารถรบั บัตรเครดิตผาน
Paypal ได

หนา 25

Basic WordPress as a CMS by SmallBooks.org

การใชง านวดิ เจ็ต (Widget)

วดิ เจต็ คอื เครื่องตกแตง ในหนาเวบ็ เพ่อื ชวยเพ่มิ ความสามารถ โดยปกติ WordPress จะมีพน้ื ทด่ี า นขา ง (Sidebar) ใหว าง
Widget ได หากเราไมไดใสขอ มูลไว ระบบจะตง้ั วิดเจต็ ตามแตท่ธี ีมออกแบบ
ใชงานวดิ เจต็ โดยไปท่ีหนา Appearance -> Widget แลว ลาก Widget จากซายมอื ไปไวที่ชอ ง Sidebar ดานขวามอื

ทดลองลากวติ เจ็ตทชี่ ื่อ Text, Save แลวไปดทู ห่ี นาบาน

หนา 26

Basic WordPress as a CMS by SmallBooks.org

การตั้งคา ตางๆ ใน WordPress

เวริ ด เพรสสามารถปรับแตง คา ไดเยอะมาก ดูในเมนู Setiings

เมนู Settings ซายมือ คำอธิบาย

General ปรับแตง ทั่วไป ชอ่ื /คำอธบิ าย การแสดงผลดา นเวลา

Writing ปรบั แตงสำหรับเขยี น ตงั้ คา หมวดหมมู าตรฐานของบนั ทึก สามารถตัง้ ใหสง เมลแลว Post ได

Reading การต้ังวาหนาแรกจะแสดงผลแบบบลอ็ ก หรือแบบ Page และปรบั แตง Feed ไดน ดิ หนอย

Discussion ปรบั แตงการคอมเมนท, ใครคอมเมนทไดบ าง, ตงั้ คา การตอบกลบั คอมเมนท (Threaded)

Media ตั้งคา รูปท่ีระบบจะทำการยอใหอัตโนมตั ,ิ ตั้งคาสอื่ อน่ื ๆ ที่จะฝง ในเน้ือหา (เชน Youtube)

Privacy ตั้งคา ความเปนสว นตวั คืออนุญาตให Search Engine เก็บขอมลู ไปหรือไม?

Permalinks ตั้งคา การแสดง URL วาจะเอาชอื่ มาแสดง หรอื รวมวนั ที่ หรอื ตามหมวดหมู ฯลฯ

Miscellaneous เบด็ เตล็ด, ต้ังคาโฟลเดอรท่เี อาไวเกบ็ ไฟลบน Server

หนา 27

Basic WordPress as a CMS by SmallBooks.org

การตัง้ คา ใหแ สดงผลแบบหนา Static Page

โดยมาตรฐาน WordPress จะแสดงผลแบบ Blog คือแสดงบันทึกใหมล าสุดตอกันไปเร่อื ยๆ แตเ ราสามารถนำ WordPress มา
แสดงผลแบบเว็บ Static ทัว่ ไปไดด วย โดย
1. สราง Page ใหม เพอ่ื แสดงขอมลู หนาแรก อาจตง้ั ชอื่ วา Home / Main Page / หนา แรก ฯลฯ
2. สราง Page ใหม เพ่ือแสดงขอมลู สำหรับบนั ทึก (Post) อาจตัง้ ชื่อวา News / Blog / ขาวสาร ฯลฯ หรอื จะไมส รางก็ได แต

จะทำใหไมมหี นา รวมขาว
3. ไปที่ Settings -> Reading เลอื กการแสดงหนา แรกใหเปน Static Page ตามรปู

ซึ่งจะทำใหห นา เวบ็ ที่เคยแสดงเปนขา วสาร กลายเปนแสดงหนา Page ท่ีชื่อ Home ออกมาแทน

แตบางธีมนน้ั มกั จะสราง Link Home มาใหก อ น ทำใหเมนู Home มีเกิน ดรู ายละเอยี ดการแกที่หนา ปรบั แตง ธมี ดวยตนเอง

หนา 28

Basic WordPress as a CMS by SmallBooks.org

การปรับแตงธมี /แกธีม

การปรับแตงธมี ผาน Theme Option

ธีมบางธมี นั้นจะสามารถปรบั แตงเพิม่ ไดเองงา ยๆ เรียกวา Theme Option เชนธีมทผ่ี มแจกใน WordPress.org ชอ่ื วา Blog
Happens ลองคนคำวา Happens จะพบ

หาก Install และ Activate ใชง าน จะพบ Theme Option ดานซายมอื ตามรปู ลองปรบั แตง คาตา งๆ

หนา 29

Basic WordPress as a CMS by SmallBooks.org

ก็จะทำใหร ูปแบบการแสดงผลเปล่ียนไป

ซ่ึงหากอยากหาธีมเฉพาะท่มี ี Theme Option ในหนา Add New Themes ใหทำเครื่องหมายถกู หนา Theme Option กอนกด
คน หา

หนา 30

Basic WordPress as a CMS by SmallBooks.org

ปรับแตง ธีมดว ยตนเอง

เราสามารแกโคด บางสว นของธมี ไดด ว ยเมนู Appearance -> Editor ซงึ่ เปนภาษา HTML และ CSS

แนะนำใหล อง
ลองแกสวนลางของเวบ็ (Footer.php) เพ่มิ เครดติ ตนเองลงในขอ ความ ตอ ทา ยเครดติ ของคนทำธมี
ลองแกดา นขางของเวบ็ (Sidebar.php) เพิ่มขอความทดสอบตอนตน Sidebar
สำหรบั คนท่ีเขาใจ HTML
ลองแกส วนบนของเว็บ (Header.php) ลองเพ่มิ /ลด เมนู ดว ยการหาฟงกช ัน่ wp_list_page ซึง่ โดยมาก จะอยูในคำสง่ั <ul></
ul> และ Page แตล ะหนาจะแสดง <li>ชื่อหนา</li> อยแู ลว ดังนั้น ลองสรา ง <li>ชื่อหนาอ่ืนๆ</li> เพิ่มเตมิ ดู

หนา 31

Basic WordPress as a CMS by SmallBooks.org

พ้นื ฐานการทำใหเวบ็ ติด Google

เครอื่ งมอื คน หา หรือ Search Engine นัน้ มีจำนวนมาก ทีน่ ยิ มก็เชน Google, Yahoo, Bing ซงึ่ ใชม าตรฐานใกลเคียงกัน ใน
การตดั สินวา เวบ็ ไหนควรอยูบน ในอนั ดบั ของผลการคน หาคำตา งๆ
นน่ั คอื ครา วๆ แลว พิจารณาจาก
1. มีเครือขายเยอะม้ัย? (มี link มาถึงหนานน้ั ๆ เยอะหรอื เปลา ถา เยอะ กน็ าจะนา เชอ่ื ถอื )
2. เครือขายนาเช่ือถือม้ัย? (link ท่ีมาถึง หรือสงออก มีความเก่ียวขอ งกนั จรงิ หรือเปลา เปน เวบ็ จรงิ หรือเวบ็ ขยะ? เปนเวบ็ ท่ี

นา เช่อื ถือมากนอยแคไ หน?)
3. คำคนปรากฏในหนา เว็บอยา งเหมาะสมมั้ย? (คือ Keyword ตางๆ ทเี่ ราคน หาในหนาแตล ะหนา ตอ งเก่ยี วของกนั เปน

ธรรมชาติ มีปรมิ าณทม่ี ากเหมาะสม หากมากเกินกเ็ ขาขาย Spam คือจงใจปน อนั ดับ)
แนน อนวา กฏตางๆ น้นั มชี อ งโหว ทำใหห ากรูช องโหว กท็ ำใหไ ตอันดับไดเ ร็ว วธิ นี เี้ รียกวา สายดำ (Black Hat SEO) เชน แอบ
ซอ นคียเวิรด , สรางเวบ็ เองปรมิ าณมากและหลอกวาเปนเวบ็ คณุ ภาพ, แอบปลอมเปนคนไปคน หาใน Google และคลิกลิงกข อง
ตัวเองเยอะๆ ฯลฯ (การท่มี คี นคนหาใน Google และคลกิ ลิงกแ ตล ะกัน Google ยอ มเรียนรตู ลอดเวลาวาคนท่ัวไปชอบอะไร
อา นอะไร คลกิ อะไร และ Google ก็จะไปปรับอันดบั ใหมเรื่อยๆ) ซึง่ ถา หากโดนจบั ได ก็จะถกู ตดั แตม ไปจนถงึ ถูกแบนออกจาก
Google
แตอ ีกวิธที ีผ่ มแนะนำมาโดยตลอดคือการสรา งเนื้อหาท่ดี ี และทำตามกฏหรอื มาตรฐานของการเขยี นเวบ็ วธิ นี ี้เรยี กวา สายขาว
(White Hat SEO) ซึง่ มีคนสรปุ ไวใ หอานงา ย และคณุ พชั นำมาแปลไวที่ http://www.ipattt.com/2009/seo-keywords-
checklists/
ซง่ึ WordPress น้นั ทำเชิงเทคนคิ ใหเ กือบหมดแลว เหลือแตในดา นเนอื้ หาทีเ่ ราตองใสใหถกู ตอ ง และแนะนำใหลงปล๊กั อิน All
In one SEO Pack

หนา 32

สรา งขอ มูลพน้ื ฐานของเวบ็ ให Search Engine เขาใจ

ลงปล๊กั อนิ All in One SEO แลว กรอกคา เรม่ิ ตนดงั รูป หลักๆ คือ Enabled ปลัก๊ อนิ ตวั นี้ แลว กรอกชอื่ /คำอธบิ าย/คียเวิรด
นอกนั้นใหเ ปนคามาตรฐานดที สี่ ุด

แลว เวลาแกไ ขขอ มลู ในแตละหนา (Page/Post) จะพบวา มชี องใหก รอกเพมิ่ แนะนำใหกรอกใหค รบทกุ หนา และไมซ ้ำกนั

ท่เี หลอื จะเปนพวกหวั ขอ (Heading 1-6) ใชใหเหมาะสม, รูปภาพ ตง้ั ช่ือใหมีความหมาย ใส Caption ใหม คี วามหมาย และ
หม่ันตรวจสอบสถิตคิ นเย่ยี มชมวาเขามาดว ยคียเ วิรดอะไรบาง อนั ดบั ใดบาง แนะนำใหใ ช Google Analytics และ Google
Webmaster Tools

หนา 33