wordpress

wordpress คมู่ อื การใชง้ าน WORDPRESS

ค�ำ นำ� หนังสอื อเิ ลก็ ทรอนกิ สฉ์ บบั น้ี เป็นส่วนหน่ึงของรายวชิ า การผลติ ส่อื สง่ิ พิมพ์ ระดบั ประกาศนยี บัตรวชิ าชชพี ช้นั ปที ่ี 3 โดยมจี ุดประสงคเ์ พอื่ การเรยี นรแู้ ละการศกึ ษาเกี่ยวกบั ความรจู้ ากเร่ือง Internet of Things ทงั้ น้ี ในรายงานนีม้ ีเนอ้ื หาประกอบด้วยความรเู้ ก่ียวกับ In- ternet of Things ตลอดจนการประยุกต์ใชใ้ นชวี ิตประจำ�วนั ผู้จดั ท�ำ ได้เลือกหวั ขอ้ น้ใี นการท�ำ หนงั สอื อเิ ลก็ ทรอนกิ ส์ เนอ่ื งมาจากเป็น เร่ืองที่นา่ สนใจรวมท้ังแสดงใหเ้ ห็นถงึ ความส�ำ คญั ของเทคโนโลยแี ละ Internet of Things ผูจ้ ัดท�ำ ต้อง ขอขอบคุณอาจารยน์ ชุ นาถ วงศ์หมดั ทอง อาจารย์ ผสู้ อนประจำ�รายวชิ า ผู้ให้ความรู้และแนวทางการศึกษาในการจัดทำ�หนังสอื อิเล็กทรอนิกส์ หวังวา่ หนังสอื อเิ ล็กทรอนิกสฉบับน้จี ะให้ความรู้ และเป็นประโยชนแ์ กผ่ ู้ อ่านทุก ๆ ท่าน หากมีขอ้ ผดิ พลาดประการใด ผจู้ ัดทำ�ขออภยั ไว้ ณ ทนี่ ้ดี ้วย ธีรพล เถาวช์ ู ผ้จู ัดทำ�

สารบญั 1 2 รจู้ กั หน้าตาหลังบ้าน wordpress 2 การตั้งค่า 4 สว่ น หลกั ๆ 3 ส่วนท่ี 1 General Setting 4 สว่ นที่ 2 Reading ตงั้ คา่ การอ่าน 5 ส่วนท่ี 3 Writing ต้ังค่าการเขยี น 7 ส่วนที่ 4 Discussion ตงั้ คา่ การสนทนา 9 การสร้างบทความใหม่ 11 การตกแต่งเวบ็ ไซต์ 12 วิธกี ารสร้างเมนูใหม 13 ลกู เล่นเพิม่ ประสิทธภิ าพ 14 การติดต้ังเว็บไซต์ 15 การเปดิ ตวั เว็บไซต์ บทสรปุ

1 ร้จู กั หน้าตาหลงั บ้าน WordPress หลังจากทีค่ ุณสมคั รใชง้ าน WordPress เรียบรอ้ ย เม่ือจะใช้งานกเ็ พียงล็อกอนิ อีเมลและพาสเวิรด์ ลงไป โดยหนา้ ตาช่องล็อกอนิ เป็นแบบนี้ หลังจากติดตั้ง WordPress คณุ สามารถไปยงั หน้า Login ไดโ้ ดยพมิ พ์ ‘/wp-ad- min’ หลงั URL เว็บไซต์ของคณุ ตวั อย่างเว็บไซตข์ องเรา https://contentshifu. com/wp-admin/ เมื่อล็อกอนิ เข้าไปแล้วคณุ จะเจอกับหนา้ ตา่ งน้ี

2 WordPress การตง้ั ค่า 4 สว่ นหลักๆ ดงั นี้ ส่วนที่ 1 General Setting ก�ำ หนดการแสดงผลท่ัวไปบนเว็บไซต์ • Site title ชอื่ เว็บไซต์ท่ีจะแสดงผล • Tagline ค�ำ อธิบายเว็บไซต์อยา่ งยอ่ สามารถใสเ่ ป็นสโลแกนหรืออธิบาย ว่าเว็บไซต์เราเกีย่ วกบั อะไร • Site Address (URL) ที่อย่เู วบ็ ไซต์ WordPress ของคุณ • ตงั้ คา่ ส่วนอื่นๆ ไดแ้ ก่ อีเมล, ก�ำ หนดโซนเวลา, รูปแบบการแสดงวันที่

3 สว่ นที่ 2 Reading ตง้ั ค่าการอ่าน สว่ นนี้สำ�หรับตัง้ ค่าหน้าแรกของเว็บไซต์ ว่าคุณตอ้ งการแสดงบทความลา่ สุด หรือหน้าเว็บแบบกำ�หนดเอง หากเลือกแสดงบทความลา่ สดุ คณุ สามารถใส่ จ�ำ นวนบทความท่จี ะแสดงไดด้ ว้ ย

4 สว่ นท่ี 3 Writing ตัง้ คา่ การเขียน อ หน้านส้ี �ำ หรับตงั้ ค่าเมอื่ คณุ ตอ้ งการเขียนบทความใหม่ • Default Post Category คุณสามารถกำ�หนดหมวดหมเู่ รมิ่ ต้นเมือ่ คณุ เขียน บทความใหม่ (ถ้ายังไมเ่ ขา้ ใจเรือ่ งหมวดหมไู่ ม่ต้องห่วง เรามีเน้อื หานใี้ นส่วน “การสร้างบทความใหม่” แล้ว) • Default Post Format รปู แบบหน้าตาตง้ั ตน้ ของบทความ ซง่ึ จะขึ้นกบั ธมี ทค่ี ุณใช้ (อ่านตอ่ ได้ในสว่ น “แตง่ ตวั ใหเ้ วบ็ ไซต์คุณ”)

5 ส่วนท่ี 4 Discussion ต้ังค่าการสนทนา • Default article settings กำ�หนดค่าเรม่ิ ต้นของบทความ • Allow link notifications อนุญาตให้มีการแจง้ เตือนวา่ มลี งิ กจ์ ากเว็บไซต์ อื่น

6 • Allow people to post comments อนุญาตให้ผู้เยย่ี มชมสามารถแสดงความ คิดเหน็ บนบทความ (หากคุณก�ำ ลงั สรา้ งเว็บไซตใ์ หมแ่ ละยังไม่เสรจ็ สมบูรณ์ คณุ สามารถปิดการใช้งานสว่ นคอมเมนต์กอ่ นได้) • Before a comment appears ค�ำ สัง่ ก่อนแสดงคอมเมนต์ • An administrator must always approve the comment ผ้ดู แู ลเว็บไซตจ์ ะ ตอ้ งอนมุ ตั คิ อมเมนต์กอ่ นเสมอ • Comment author must have a previously approved comment คนทีเ่ คย คอมเมนต์มากอ่ นแลว้ คอมเมนต์ต่อมาจะได้รบั การอนมุ ตั ทิ นั ที • การต้ังค่าอ่นื ๆ เช่น Avatar Display สามารถก�ำ หนดได้วา่ จะแสดงรปู ภาพ ประจำ�ตวั หรอื ไม่ และแสดงในรปู แบบใด

7 สร้างบทความใหม่ เลือก Posts > Add New จากเมนูซา้ ยมือเพ่อื สร้างบทความใหม่ คณุ สามารถดู รายการบทความทง้ั หมดโดยการเลอื ก All Posts สร้างบทความใหม่ (Add New Posts) เครอ่ื งปรับแตง่ ตวั อักษรและยอ่ หนา้

8 • Title/Headline ใส่หัวขอ้ บทความ • Visual editor สว่ นเขยี นบทความของ WordPress จะแสดงผลเหมอื นใน หนา้ เว็บ เรียกว่า WYSIWYG Editor ซงึ่ มเี ครือ่ งมอื ส�ำ หรบั ปรบั แต่งรูปแบบ ข้อความ ตัวหนา้ ตวั เอยี ง ย่อหน้า จดั ต�ำ แหนง่ ยอ่ หน้า เพ่ิมลงิ ก์ แทรกรปู ภาพ เปน็ ตน้ • Add Media ส�ำ หรบั แทรกรูปภาพหรอื วิดโี อ • กล่อง Publish (ภาพด้านลา่ ง) ส�ำ หรบั ตัง้ ค่าสถานะบทความ มี 4 แบบ คอื Publish (เผยแพรแ่ ล้ว), Draft (ฉบับร่าง ยงั ไมเ่ สร็จสมบรู ณ์), Schedule (ต้งั เวลา โพสต)์ และ Trash (ย้ายไปท่ถี ังขยะ) • Category และ Tag – Category กำ�หนดหมวดหมูบ่ ทความ สามารถสรา้ งหมวดหมซู่ ้อนแยกยอ่ ยได้ – Tags ส�ำ หรบั จัดกลุ่มบทความที่มี Keyword เหมอื นกนั

9 การตกแตง่ เว็บไซต์ Theme เปรยี บเปน็ เสื้อผา้ หน้าผมของเวบ็ ไซตค์ ณุ ซงึ่ สามารถสะทอ้ นตวั ตนของเว็บไซตค์ ณุ ไดเ้ ปน็ อยา่ งดี ธีมมีหลากหลายรูปแบบ เชน่ Magazine, Business, Blog, eCommerce เป็นต้น และมแี หลง่ ธีมให้เลอื กดาวนโ์ หลดฟรี มากมาย คณุ สามารถเข้าไปหาธีมถูกใจได้ในคลังของ WordPress เมือ่ เจอธมี ถูกใจแลว้ เรามาเข้าไปแตง่ ตวั ให้กับเว็บไซต์โดยเลือก Appearance > Themes คุณจะเห็นว่ามีธีมพน้ื ฐานให้เลอื กอยู่แลว้ หากต้องการเพมิ่ ธีมใหมใ่ ห้ กด “Add New Theme” เลอื กธีมท่คี ุณต้องการใช้จากในคลัง หรอื อปั โหลดธมี ใหมใ่ นรูปแบบไฟล์ .zip เข้าระบบ

10 บางธีมจะมฟี ังกช์ นั เสริมทใี่ หค้ ณุ ปรบั แตง่ หน้าตาเองได้ ตัวอย่างธมี ของเราชื่อ “Shifuist” ซึง่ สามารถก�ำ หนดสี ฟอนต์ เมนู ส่วนทา้ ยเวบ็ ไซต์ (Footer) และ อนื่ ๆ ได้ Tips อยากใหเ้ ว็บไซตด์ เู ป็นมืออาชพี มากขน้ึ ? คุณสามารถเลือกใช้ Premium theme ซง่ึ จะมกี ารออกแบบที่สวยงามและฟงั ก์ชันตา่ งๆ ทำ�ให้ท�ำ งานได้สะดวกย่งิ ข้ึน ส่วนราคาก็มีหลากหลาย ดงั นั้นการลงทนุ กับ Premium theme จึงเปน็ เร่อื งทค่ี ้มุ คา่ อย่างย่ิง

11 วธิ กี ารสร้างเมนูใหม วิธกี ารสร้างเมนใู หม่ ตงั้ ชอ่ื เมนใู นชอ่ ง Menu Name แล้วเลอื กบทความหรือ หน้าเวบ็ ทต่ี อ้ งการ กดปุ่ม “Add to Menu” คณุ สามารถเรียงลำ�ดับเมนูใหมโ่ ดย การลากและวางสลบั แตล่ ะหวั ขอ้

12 ลกู เลน่ เพม่ิ ประสทิ ธภิ าพ ถ้าอยากใหเ้ ว็บไซต์มฟี ังก์ชนั การใช้งานเพิ่มข้นึ คุณจ�ำ เป็นตอ้ งใช้ “Plug-in” เน่อื งจากเป็นสว่ นเสรมิ ท่ีช่วยเพ่มิ ความสามารถใหเ้ วบ็ ไซต์คุณ เข้าไปดคู ลังรวม ปลก๊ั อนิ ของ WordPress ได้ทนี่ ี่ ซ่งึ ปลัก๊ อนิ เสริมจะมหี ลากหลายประเภท เช่น เกี่ยวกบั ความปลอดภัย การจัดข้อมูล การออกแบบ Social media เปน็ ตน้

13 การติดตั้งปลัก๊ อิน ติดตงั้ ปลัก๊ อินจาก WordPress Repository คลิก Plugins > Add New คน้ หา ปลก๊ั อนิ ท่ีต้องการแลว้ จงึ กด Install Now (ดงั รูปดา้ นล่าง) Tips การเลอื ก Plug-in ควรเลอื กปลั๊กอินท่มี ีการอพั เดตลา่ สดุ มรี วี ิวและคอมเมนต์จากผู้ใชจ้ รงิ ใหก้ าร ชว่ ยเหลอื เมอ่ื เกิดปัญหา และถา้ มีจำ�นวนผใู้ ชง้ านมากกจ็ ะมคี วามน่าเชื่อถือ

14 การเปิดตวั เว็บไวต์ หลงั จากตง้ั ค่า ตกแต่ง ใสเ่ รอ่ื งราวให้เวบ็ ไซตก์ นั แลว้ กดเลือก Visit Website ท่ี แถบ Toolbar ด้านบนเพอื่ ดูหน้าบา้ นของคณุ ยนิ ดดี ้วย…คุณมีเวบ็ ไซต์เปน็ ของ ตวั เองแลว้ !

15 สรปุ เปน็ ยังไงบ้างสำ�หรบั มือใหม่หัดสรา้ งบ้านบนโลกออนไลน?์ พอทำ�จริง แล้วจะเหน็ ได้วา่ WordPress เป็นเคร่ืองมอื ที่ใช้งานง่าย มฟี งั กช์ นั หลากหลาย ที่ สำ�คัญมปี ระสิทธิภาพสงู ปรบั แตง่ หน้าตา และเพิม่ ลูกเลน่ ตา่ งๆ ไดต้ ามต้องการ ด้วยตวั ช่วยทด่ี ีแบบน้ีทำ�ให้การทจ่ี ะมเี วบ็ ไซตเ์ ป็นของตัวเองกลายเป็นเรอื่ งงา่ ย ทใี่ ครๆ กส็ ามารถท�ำ ได้เลย

16 อา้ งองิ สอนการใช้งาน WordPress เรม่ิ ตน้ จากศูนย์ ทม่ี า https://contentshifu.com/blog/wordpress-for-beginners