คู่มือสอน WordPress เบื้องต้น

ค่มู ือสอน เบ้อื งตน้

คำ�นำ� หนังสอื อเิ ล็กทรอนิกส์ (E-BOOK) เรอ่ื ง คมู่ อื สอน wordpress เบ้อื งต้น จดั ท�ำ ข้ึนเพื่อให้นกั เรียนไดศ้ ึกษาเรยี นรูเ้ กย่ี วกบั ความรูเ้ บ้อื งตน้ ในการใช w้ ordpress ซ่ึงจะช่วยใหน้ กั เรียนมคี วามรู้ ความเขา้ ใจมากข้ึนเนน้ ใหน้ ักเรยี นได้เรียนรูไ้ ดด้ ้วย ตนเองตามความสามารถของแตล่ ะบคุ คล ผจู้ ดั ท�ำ หวงั เป็นอยา่ งยง่ิ ว่าหนังสืออิเล็กทรอนิกส(์ E-BOOK) เล่มน้ีจะเป็น ประโยชน์แก่นกั เรยี นหรือผทู้ ี่สนใจ และเปน็ ประโยชนใ์ นการศึกษาเรอื่ งอื่น ๆ ได้ เป็นอยา่ งดี

สารบัญ เรอื่ ง หนา้ ค�ำ นำ� wordPress คอื อะไร 1 ทำ�ไมควรใช้ wordPress 2 ใช้ wordPress สร้างเวบ็ อะไรได้บ้าง 3 ความแตกต่างระหวา่ ง WordPress.com กับ WordPress.org 5 องคป์ ระกอบของเวบ็ ไซต์ WordPress 7 แนวทางใชง้ าน WordPress ให้มปี ระสทิ ธิภาพ 10 ข้ันตอนการสรา้ งเว็บ WordPress 11

WordPress คืออะไร 1 WordPress คอื เคร่อื งมอื ที่เป็นตัวชว่ ยในการ สรา้ งเว็บไซต์ ท่มี รี ะบบจดั การข้อมูล และสรา้ ง เนอื้ หา (Content Management System: CMS ) ท่สี ามารถให้เราเพมิ่ เติมบทความ รปู ภาพ ได้เองแบบงา่ ยๆ โดยไม่ตอ้ งมีความรเู้ รอื่ ง Code หรือความรู้ดา้ นโปรแกรมม่ิงเลย

ท�ำ ไมควรใช้ WordPress 2 ประหยดั ค่าใชจ้ ่าย ใคร ๆ ก็สามารถโหลด WordPress มาใชไ้ ด้ฟรี เพราะเปน็ Opensource ดังนน้ั เราจึงประหยดั ค่าใชจ้ ่ายในการจ้างคนเขียนโปรแกรม เราสามารถ เรยี นรูแ้ ละทำ�ดว้ ยตนเองได้เลย ไมต่ อ้ งเขยี นโคด้ ใหย้ งุ่ ยาก ลมื เร่ืองการทำ�เวบ็ ในอดตี ไปได้เลย การท�ำ เวบ็ ดว้ ย WordPress คล้ายกับ ตัวตอ่ เลโก้ เรามหี นา้ ท่ีมองหาชนิ้ ส่วนต่างๆ และเอามาประกอบกันเปน็ รปู ร่าง ท่ตี อ้ งการไดต้ ามใจชอบ ไมต่ ้องเขียนโค้ดให้ยุ่งยากอกี ต่อไป มฟี ังชน่ั ต่าง ๆ มากมาย คุณสามารถเพม่ิ เตมิ ฟังช่ันต่าง ๆ ผ่านปลก๊ั อินมากมาย เพอ่ื สนอง จนิ ตนาการของคุณได้ไมร่ ู้จบ เชอ่ื มต่อกับ Social Media ตา่ ง ๆไดอ้ ยา่ ง รวดเรว็ รองรบั การท�ำ งานกับไฟลภ์ าพ ไฟล์เสียง คลิบวีดโี อ ได้ทกุ อย่าง อพั เดทเนอ้ื หาตา่ ง ๆ ได้ง่าย เหตุผลท่คี นท่ัวโลกนยิ มใช้ WordPress ก็เพราะมรี ะบบจดั การเนื้อหาทใี่ ช้ งานงา่ ย เปน็ สากล คณุ สามารถเพ่มิ ข้อมูลหรอื อพั เดทเนอ้ื หาได้ตลอด ทุกท่ี ทุกเวลา มธี ีมให้เลือกเยอะ ดีไซน์สวยงาม ส�ำ หรบั คนทเี่ บื่องา่ ย อยากจะเปลี่ยนหน้าตาเว็บไซต์ใหม่ ขา่ วดกี ค็ ือ Word- Press มีธมี ใหด้ าวนโ์ หลดมากมายมหาศาลเลย มที ง้ั แบบฟรแี ละแบบเสีย เงนิ แถมยังดีไซนส์ วยงามสดุ ๆ Google ชอบ Google ระบบ Search Engine ที่ทรงอทิ ธิพลทส่ี ดุ ในโลกอินเตอร์เน็ต ให้ ความส�ำ คญั กบั เว็บไซตท์ ่สี รา้ งด้วย WordPress ทง้ั ยงั แนะน�ำ ว่าเว็บไซต์ ธุรกิจควรสรา้ งด้วย WordPress จะช่วยใหต้ ดิ อับดับ Google ได้ง่ายข้นึ

3 ใช้ WordPress สรา้ งเว็บอะไรไดบ้ ้าง ถ้าพูดตามหลักการ WordPress สามารถสร้างเว็บไดท้ กุ ประเภทบน โลกใบนี้ เชน่ สรา้ งเวบ็ บริษทั กไ็ ด้ สรา้ งเวบ็ ร้านคา้ ปลีกกไ็ ด้ สร้างเวบ็ เป็น Marketplace เหมือน Lazada ก็ได้ หรือจะสร้างเวบ็ เป็นคอรส์ เรียนออนไลน์ แบบ skilllane ก็ได้ เว็บขายของ แตต่ อนลงมอื ทำ�จริงอาจจะไมเ่ หมาะกบั การทำ�เว็บบ้างประเภทนะ โดย เฉพาะเว็บที่มรี ะบบซบั ซอ้ น เชน่ Maketplace หรือเวบ็ พวกประกาศ ขายบ้าน ดว้ ยเหตผุ ลประมาณน้คี รับ

4 WordPress เหมาะกบั เว็บทีเ่ ป็นรา้ นคา้ เดีย่ ว เป็นสินค้าของเราเอง โพส ขายเอง เก็บเงนิ เอง อันนี้เหมาะกับการสรา้ งดว้ ย WordPress เว็บทเ่ี ปน็ Market place มคี วามซับซ้อนของระบบมากกว่าหลายเทา่ เพราะผขู้ ายต้องมสี ทิ ธเิ อาสินค้ามาวางขาย และแกไ้ ขรายละเอยี ดของ ตัวเอง เช็คยอดเงิน / การสง่ ของต่างๆ (ซึง่ ตอ้ งกำ�หนดอกี มากว่า ใครสง่ ด้วยเงื่อนไขไหน ใครรับประกัน WordPress เปน็ open source software โดยใหค้ นทง้ั โลกรวมกัน พฒั นา โดยการเขียนธมี และปล๊ักอิน ให้มาท�ำ งานร่วมกบั WordPress แต่เม่ือต่างคนตา่ งๆ เขยี น หลายๆ เม่อื เราต่อเตมิ เว็บให้ซับซ้อนย่ิงขึน้ จะมโี อกาสทปี่ ล๊ักอนิ กบั ธีม ตีกนั ทำ�ให้ระบบพังได้นน้ั เอง ดังนน้ั WordPress เหมาะกบั การสรา้ งเวบ็ บริษทั ท่ีมีลักษะเป็น Information และเหมาะส�ำ หรับท�ำ เว็บรา้ นคา้ เดยี่ ว มากกว่าการท�ำ เว็บ ท่มี รี ะบบซบั ซอ้ นโดยเฉพาะ WordPress ไม่เหมาะกบั การสรา้ งเวบ็ Market place ตามหลกั การ WordPress สรา้ งเว็บไดท้ ุกประเภทบนโลกใบนี้ แตก่ ารลงมือท�ำ จรงิ เวบ็ บางประเภทอาจจะไมเ่ หมาะกับการสร้างด้วย WordPress

5 ความแตกต่างระหว่าง WordPress.com กับ WordPress.org WordPress มใี หร้ ูปแบบเลอื กใชง้ านสองประเภท คอื WordPress.com และ WordPress.org ท้ังสองประเภทนม้ี จี ดุ เด่นท่แี ตกตา่ งกัน ทําให้เราจํา เปน็ ตอ้ งเข้าใจความแตกต่างระหว่าง WordPress ทง้ั 2 ประเภทน้ีกอ่ น WordPress.com WordPress.com มีลกั ษณะเป็นแพลตฟอรม์ one stop service คือรวม ทุกบรกิ ารสำ�หรับการสร้างเว็บ เริ่มตง้ั แต่การใชง้ านแบบฟรี คือ เปิดให้ทุก คนเข้าไปสร้างเวบ็ ได้ฟรี แบบไม่มีค่าใชจ้ า่ ย แต่ชอื่ เวบ็ ที่ใช้สรา้ งฟรี ต้องวาง อยู่บนชือ่ ทมี่ ีค�ำ วา่ WordPress.com ตอ่ ทา้ ย เช่น yourname.word- press.com แต่การใช้งานแบบฟรี จะมขี อ้ จ�ำ กัด คือจะสรา้ งเว็บไดเ้ ฉพาะ เว็บ Blog ให้ขอ้ มลู ให้ความรู้ ท�ำ ระบบอะไรทซ่ี บั ซอ้ นไม่ได้ แต่ถา้ คณุ ต้องการทำ�เวบ็ แบบเต็มรปู แบบ คอื มชี ื่อโดเมน คณุ กส็ ามารถจด โดเมน ท่ี WordPress.com และอัพเกรดแพคเกจจากตวั ฟรี เปน็ แบบเสยี เงิน คุณกจ็ ะไดพ้ น้ื ที่เกบ็ เวบ็ ไซต์เข้ามาด้วย ซง่ึ จะมีค่าใช้จ่ายประมาณปลี ะ 10,000 บาท ต่อการสรา้ ง 1 เว็บไซต์ ขอ้ ดี ของการสร้างเว็บบน WordPress.com ก็คือ เคร่อื งมอื ทุกอย่างวาง บนระบบเดยี วกนั ทำ�ให้เราไม่ตอ้ งกงั วลเร่ืองการอพั เดทเครือ่ งมอื หรือการ ดแู ลด้านความปลอดภัย เพราะตวั แพลตฟอรม์ เขาจะดแู ลจดุ น้แี ทนใหเ้ รา ครับ ขอ้ เสีย จะเป็นในเรอ่ื งของคา่ ใช้จ่ายปที เี่ ริ่มต้นตอ่ 1 เว็บคอ่ นขา้ งสูง ถ้าคุณ ตอ้ งการทำ�เวบ็ หลายๆ เวบ็ การเลือกใช้ WordPress.com อาจจะไม่ใช่ ทางเลอื กที่ดนี กั

6 WordPress.org การใช้ WordPress.org จะมีลกั ษณะเป็นโปรแกรมฟรี ที่ทุกคนสามารถโหลดแลว้ เอาไปใชง้ านตอ่ ได้ แต่ตัวโปรแกรม Wordpress ตวั นี้ ถ้าคณุ จะน�ำ ไปสร้างเว็บจริง คณุ ตอ้ งไปจดโดเมน และเชา่ โฮสเองต่างหาก แล้วถึงค่อยไปตดิ ตงั้ WordPress ลง ไป ก็คอื คณุ ต้องท�ำ ทกุ อย่างเองทั้งหมด ข้อดี ของการสรา้ งเว็บดว้ ย WordPress.org คอื มตี ้นทุนทถ่ี กู กวา่ ต่อการสร้าง 1 เวบ็ คือคา่ ใชจ้ ่ายจะมีเพียงแคค่ ่าโดเมน และค่าโฮสตงิ้ ซ่ึงโดยมากโฮสตง้ิ ส�ำ หรบั ผู้ เริ่มตน้ จะมคี ่าใชจ้ า่ ยเพียง 1,000 – 2,000 บาทต่อปีเท่านน้ั และ 1 โฮสต้ิงเรา สามารถสร้างเวบ็ ไดห้ ลายเว็บดว้ ย ข้อเสีย ของการใชง้ าน WordPress ประเภทนี้ก็คือ คุณต้องจัดการทกุ อยา่ งเอง ทง้ั หมด รวมถงึ การดแู ลเวบ็ การอัพเดทระบบ การรักษาความปลอดภยั ตา่ งๆ ซง่ึ สง่ิ เหลา่ นตี้ อ้ งอาศยั ความร้พู อสมควร ดูรูปภาพการเปรียบเทยี บเพม่ิ เติม

7 องคป์ ระกอบของเว็บไซต์ WordPress การสร้างเวบ็ ด้วย WordPress เราไม่ไดใ้ ช่แค่ WordPress อยา่ งเดยี วแลว้ จะ สามารถสร้างเวบ็ ให้ใชง้ านจรงิ ได้ หากคุณตอ้ งการท�ำ เว็บให้ใชง้ านจริงได้ จะ มีองคป์ ระกอบอีกหลายส่วน ในการทำ�งานรว่ มกบั WordPress ดงั น้ี 1.WordPress คอื แพลตฟอรม์ เปรยี บเหมือนระบบปฏบิ ัติการ (OS) บน คอมพวิ เตอรท์ ีเ่ ราจ�ำ เปน็ ตอ้ งตดิ ต้งั กอ่ น แต่ตัว WordPress เองยังไม่มีความ สามารถในการออกแบบความสวยงาม หรือสร้างฟงั ชั่นที่ซบั ซ้อน เราตอ้ ง ทำ�งานร่วมกบั เครอ่ื งมือหรือปลก๊ั อินอ่นื ๆ ดว้ ย

8 2.Woocommerce คือ ปลัก๊ อินท่ีช่วยแปลงร่างเวบ็ WordPress ธรรมดาๆ ของ คณุ ใหก้ ลายเป็นเวบ็ ร้านคา้ ออนไลนเ์ ต็มรูปแบบ เราสามารถโหลดตัวปล๊ักอินนีม้ า ใชฟ้ รๆี ไดอ้ กี ด้วย และในปจั จุบันจากสถิติเวบ็ ร้านค้าออนไลนข์ องทง้ั โลก 47% คือเว็บท่สี ร้างมาจาก Woocommerce 3.Theme คอื เครอ่ื งมือทใ่ี ชส้ �ำ หรับออกแบบ และจดั วาง layout หน้าตาเว็บไซต์ WordPress ของเราให้สวยงามในแบบทีเ่ ราตอ้ งการ หากเราใช้งานธีมได้เกง่ ๆ เรา จะสามารถออกแบบหนา้ เว็บของเราอย่างไรกไ็ ด้ ทุกไอเดยี หรือออกแบบเว็บเลียน แบบหน้าตาของเวบ็ ทเ่ี ราชอบก็ได้

9 4.Plugin คอื เครอ่ื งมือเพม่ิ ฟงั ช่นั การใชง้ านเว็บ WordPress ของคุณ ใหม้ ี ประสิทธิภาพมากขึ้น ตอบโจทยธ์ ุรกิจ หรือในสิง่ ทีเ่ ราตอ้ งการ เช่น สร้างฟอร์ม เก็บขอ้ มลู ท�ำ ระบบ booking หรอื ระบบ live chat เปน็ ต้น

10 แนวทางใช้งาน WordPress ให้มปี ระสิทธภิ าพ การจะใชง้ าน WordPress ใหม้ ปี ระสิทธภิ าพ อันดับแรกเราต้องเขา้ ใจกอ่ นว่า WordPress เขาถูกพฒั นามาเพอื่ ทำ�ส่ิงใด สง่ิ ที่เป็นหัวใจของ WordPress คือ ช่วยใหผ้ คู้ นธรรมดาๆ ทั่วไป สรา้ งเว็บไซต์ ด้วยตนเองได้ โดยไม่ต้อง code และไมต่ อ้ งเปน็ โปรแกรมเมอร์ WordPress Mission “WordPress is software designed for everyone, emphasizing accessi- bility, performance, security, and ease of use.”

ข้ันตอนการสร้างเวบ็ WordPress 11 1. เริ่มต้นสร้างเวบ็ ไซต์ ด้วยการเชา่ โฮสต์ 2. เลือกแพคเกจโฮสตงิ้ แนะนำ�แบบ WP-1 ท่เี หมาะกบั การใช้ WordPress โดยเฉพาะ สามารถเพิ่มโดเมน ได้ไม่จ�ำ กัด เผือ่ ใครอยากจะมีมากกว่าหน่งึ เวบ็ หรือคิดว่าในเว็บทเ่ี ราจะท�ำ ต่อไปน้ี ตอ้ งมีข้อมลู และรูปภาพอดั แน่น จะได้เผ่ือพน้ื ท่เี อาไว้ส�ำ หรับอนาคต แพคเกจเหล่า น้เี มื่อซ้ือไปแล้วก็สามารถปรบั เพ่ิมไดต้ ามความตอ้ งการ และที่จะบอกอกี เร่ืองคอื ค่า ใช้จา่ ยคิดเปน็ รายปี

12 3. กดเลอื กซ้ือสินคา้ ท่ี WP-1 4. เลือกจดโดเมน อย่างแรกอาจจะตอ้ งใชเ้ วลานดิ นงึ ถ้าชอ่ื ท่ีเราคดิ มันซ้�ำ กบั ทีเ่ ค้ามอี ยู่แล้ว ไมเ่ ปน็ ไรคิด ชอื่ เผ่อื เอาไว้แล้วลองสมุ่ คน้ หาดคู ่ะ แนะน�ำ ใหใ้ ชแ้ บบ .com นะคะ เพราะเปน็ สากล ดีคะ่ แตถ่ า้ ชอื่ ทเี่ ราคิดไวม้ นั ซ้�ำ กล็ องเปลี่ยนตัวตอ่ ทา้ ยใหเ้ ป็น .net .th ดูกไ็ ด้ค่ะไม่มี ปญั หา 5. กดส่งั ซ้อื ให้เรยี บรอ้ ย 6. ล็อกอนิ เข้าไปท่ีโฮสต์ หรอื ผใู้ ห้บรกิ ารของเรา ก็ล็อกอินเข้ามาท่หี น้า Account ของตัวเองไดเ้ ลยคะ่ ทีห่ น้า Account ก็จะมีหน้า ตาแบบนนี้ ะคะ จากนนั้ กก็ ดเลอื กท่บี รกิ าร > สนิ คา้ และบรกิ ารที่ท่านใช้งานอยู่ > เขา้ สู่ Direct Admin

13 7. เลือกทไ่ี อคอนรูปกลอ่ งบรกิ าร 8. เลือกท่ี สินคา้ /บริการท่ีใชง้ านอยู่

14 9. เลอื ก เข้าสู่ DirectAdmin 10. เลือกท่ตี ัวสญั ลกั ษณ์ WordPress

15 11. จากนั้นกก็ ดปุ่ม Install Now 12. ตง้ั ค่าตามน้ี แวะตัง้ ค่าทีห่ นา้ นีซ้ ักเลก็ นอ้ ยนะคะ เมื่อต้งั ค่าตามวธิ ที ี่บอกกก็ ดปุ่ม Install ไดเ้ ลย

16 13. รอตดิ ต้ัง WordPress ใหเ้ สรจ็ รอสกั ครกู่ ็จะไดห้ น้าเวบ็ ของเราแบบโล่งๆ คลนี ๆ ตามน้เี ลยค่ะ 14. วธิ เี ขา้ หลังบา้ นของตัวเวบ็ หน้าที่ตอ่ ไปก็คอื การแวะเข้าไปดหู ลงั บา้ นสักเล็กนอ้ ย ด้วยการพิมพค์ ำ�ว่า / wp-admin ตอ่ ท้ายจากช่อื เวบ็ จากน้นั กใ็ ส่ Username และ Password ลงไป เสรจ็ แลว้ เค้ากจ็ ะพาเรามาท่ีหนา้ น้ี

17 15. ตง้ั ค่าวนั ท่แี ละเวลา เขา้ มาต้งั คา่ ตรง Settings > General เลอื ก Timezone แล้วกต็ ้ังวนั ที่ใหเ้ ปน็ แบบ วัน เดอื น ปี จากนัน้ ก็กด Save 16. ต้ังค่า Permalink เพื่อเวลาท่ีเราโพสตบ์ ทความท่ี Url จะได้ขนึ้ เปน็ ชื่อบทความของเรา กด Save อกี

18 17. วธิ ีการ Install Theme เอาละ่ เกือบจะพรอ้ มใช้งานแลว้ ขน้ั ตอนต่อจากนี้คือการลง Theme ซ่ึงทาง Word- Press กม็ ี Theme ฟรใี หเ้ ลอื กหลากหลายเลย แต่ขอ้ จำ�กดั ของมันคือปรบั แต่งได้น้อย มากและมีโลโก้ของ Theme ตดิ มาด้วยเวลาทีเ่ ราใชง้ าน เพราะฉะนัน้ แนะน�ำ ให้เสยี เงนิ ซือ้ Theme ไปเลยดีกวา่ ค่ะ เราแนะน�ำ Theme Flatsome นะคะ เพราะใชง้ าน งา่ ยและสะดวกทสี่ ดุ แล้ว จะใชท้ �ำ เปน็ เว็บแบรนด์หรอื เวบ็ ไซตใ์ ห้ข้อมลู ส�ำ หรบั องคก์ ร ก็ได้ หรือจะใช้ทำ�เปน็ เวบ็ รา้ นค้า มีระบบรองรับการซือ้ ขายอย่าง Woocommerce ก็ ทำ�ได้ดีเชน่ กัน 18. ปรบั แตง่ หนา้ เวบ็ ตามทชี่ อบ เมอ่ื ตดิ ตัง้ Theme กับ WordPress เสร็จเรียบรอ้ ยแลว้ กไ็ ปปรบั แตง่ หน้าเวบ็ กันตามท่ี อยากไดต้ อ่ ไปเลย

อ้างอิง https://grappik.com/create-wordpress สอนทำ�เวบ็ WordPress https://padveewebschool.com/learn-wordpress สอน WordPress ส�ำ หรับผเู้ รม่ิ ต้น