เราเป็นผู้ให้บริการสอน WordPress ตัวต่อตัว เป็นกลุ่มและแบบออนไลน์ เราจัดคอร์สทั้งในและนอกสถานที่ ในสถานที่เรียนที่ The rabbit hub ใกล้ BTS พญาไท นอกสถานที่ในแนวที่รถไฟฟ้าไปถึง การเรียนแบบออนไลน์เป็นการเรียนแบบตัวต่อตัวผู้เรียนสามารถเรียนจากที่ไหนก็ได้ สำหรับผู้ที่ต้องการเรียนรู้ด้วยตัวเองและไม่มีความรู้พื้นฐานมาก่อน คุณสามารถเรียนรู้จากบทความต่อไปนี้ได้ ซึ่งมีเนื้อหาครอบคลุมพื้นฐานทั้งหมด

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

คอร์สที่คุณอาจสนใจ

WordPress พื้นฐาน

อีคอมเมิร์ซด้วย WooCommerce

สอน WordPress 5

ตามหลักปรัชญาของ WordPress ผู้ก่อตั้งต้องการให้เป็นซอฟต์แวร์ฟรีหรือที่เรียกว่า opensource เพื่อให้เกิดการแบ่งปันและช่วยเหลือซึ่งกันและกัน จึงปรากฏองค์ประกอบสนับสนุน WordPress อยู่มากมายในรูปของธีมฟรี (theme) และปลั๊กอินฟรี (plugin) และอาจมีค่าใช้จ่ายบ้างเล็กน้อยซึ่งส่วนใหญ่ก็เป็นราคาที่พอเหมาะพอสม

WordPress นั้นติดตั้งง่าย ช่วยให้คุณมีเว็บไซต์ได้ในเวลาไม่ถึงชั่วโมงแล้วยังไงต่อดี ควรติดตั้ง plugin อะไรบ้าง เลือกใช้ theme อย่างไรดี แต่ละตัวมีข้อดีข้อเสียอย่างไร การบำรุงรักษาทำอย่างไร การลดความเสี่ยงจากการถูกแฮคทำอย่างไร จะทำ SEO อย่างไร จะทำการตลาดออนไลน์อย่างไร และอะไรอีกมากมายที่คุณอาจต้องการคำตอบหลังจากที่คุณเริ่มมีเว็บไซต์ของคุณ

Table of Contents (update Jan 2019)

การติดตั้ง WordPress

การติดตั้ง WordPress มีสองวิธีคือติดตั้งเองซึ่งมีหลายขั้นตอน ถ้าคุณมีเวลาผมแนะนำให้คุณลองติดตั้งเองจากบทความวิธีการติดตั้ง WordPress ด้วยตัวเองเพื่อที่จะได้เข้าใจมากขึ้น  วิธีที่สองคือติดตั้งอัตโนมัติซึ่งผมจะกล่าวถึงต่อไป การติดตั้งแบบนี้ง่ายมากเพราะโฮสต์ส่วนใหญ่จะมีเมนูในคุณเลือกติดตั้งทั้ง WordPress และโปรแกรม open source อื่นๆอยู่แล้ว กดเพียงไม่กี่คลิกก็ได้เว็บไซต์แล้ว

การมีเว็บไซต์คุณต้องเริ่มจากการเลือกชื่อเว็บไซต์หรือโดเมนเนมเสียก่อน คุณค้นหาผู้ให้บริการจากคำว่า web hosting หากคุณไม่รู้จะเลือกโฮสต์อย่างไรอ่านที่นี่

เริ่มจากการตรวจสอบว่าชื่อโดเมนทางเทคที่คุณต้องการยังว่างอยู่หรือเปล่า ถ้าว่างก็ให้ทำรายการสั่งซื้อซึ่งจะมีค่าโดเมนเนมประมาณ 400 บาทต่อปี สิ่งที่คุณต้องมีอันที่สองก็คือพื้นที่สำหรับเก็บเว็บไซต์ซึ่งเรียกว่า hosting ซึ่งจะมีค่าใช้จ่ายประมาณปีละ 500 บาทขึ้นไป เมื่อคุณซื้อบริการโดเมนเนมและโฮสต์แล้ว ผู้ให้บริการจะส่งอีเมล์บอกรายละเอียดทั้งหมดของโดเมนเนมและโฮสต์มาให้ คุณจะต้องเก็บรักษาอีเมล์ฉบับนั้นไว้ อย่าลบโดยเด็ดขาด

ขั้นตอนต่อไปก็คือการติดตั้ง WordPress ซึ่งเราจะใช้แบบอัตโนมัติ ให้คุณเข้าระบบหลังบ้านโดยพิมพ์ yourwebsite.com:2222

ใช้ yourweb.com:2222 เพื่อเข้า directadmin
ด้านล่างของ directAdmin จะมีเมนูสำหรับติดตั้ง WordPress

สังเกตที่ด้านล่างจะมีโลโก้ของ WordPress อยู่ คลิกเลือกแล้วกดปุ่ม Install Now จากนั้นจะปรากฏ

ช่อง Choose Protocol เลือก http:// หรือ https:// (จะเลือก https:// ก็ต่อเมื่อ hosting ที่คุณใช้มี SSL, อ่านนี่)
ช่อง Choose Domain เลือกเว็บไซต์ที่คุณจดโดเมนไว้
ช่อง In Directory ค่าปกติจะเป็น wp ให้คุณลบออกให้ว่างๆซึ่งหมายความว่าต้องการติดตั้งตามปกติ ถ้าใส่ wp จะหมายความว่าเว็บไซต์คุณจะอยู่ที่ yourwebsite.com/wp  ถ้าคุณต้องการติดตั้งภายใต้ sub directory อ่านนี่ประกอบ

install wordpress in subdirectory
ระบุ directory ที่ต้องการติดตั้ง WordPress (ถ้าต้องการ)

จากนั้นก็ตั้ง username, password และ email ที่ใช้ในกรณีลืมรหัสผ่านและในกรณีอื่นๆ

Admin Username : ตั้งเป็นคำอื่นที่ไม่ใช่คำสามัญที่เดาง่ายเช่น root, system, superadmin : หรืออะไรทำนองนี้ หรือคำที่คนรู้จักคุณสามารถเดาได้
Admin Password : คุณต้องใส่ใจรหัสผ่านให้ดี ตั้งใจตั้งเพราะว่ามักจะถูกเจาะโดย robot ได้ง่าย ให้คุณเลือกจนขึ้นคำแนะนำว่า Strong
Admin Email : สำหรับระบบจะใช้แจ้งเตือนคุณเมื่อมีเหตุการณ์บางอย่างและใช้เวลาลืมรหัสผ่าน ถ้าต่อไปคุณลืมอีเมล์ด้วย ให้อ่านการแก้ไขปัญหาลืมทั้งรหัสผ่านและอีเมล์

ถัดมาภาษาให้เลือกภาษาเป็น Thai ซึ่งจะทำให้ระบบและเมนูหลังเว็บไซต์เป็นภาษาไทย และการแสดงข้อความต่างๆที่เกี่ยวกับระบบที่หน้าเว็บไซต์เป็นภาษาไทย หากต้องการเมนูหลังเว็บไซต์เป็นภาษาอังกฤษเราจะมาเปลี่ยนภายหลัง

กดปุ่ม Install เป็นอันเสร็จ ให้ logout โดยกดปุ่มลูกศร → มุมขวาบนสุด

เข้าสู่เว็บไซต์โดยการพิมพ์ yourwebsite.com/wp-admin ที่เบราเซอร์ ใส่ username และ password ที่ตั้งเมื่อกี้เข้าไป

พื้นที่ที่เราเข้ามาผ่าน /wp-admin นี้เรียกว่าหน้า backend หรือด้านหลังของเว็บไซต์ ส่วนหน้าที่ผู้ชมเว็บไซต์เห็นตามปกติเรียกว่า frontend

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

dashboard จะใช้รายงานสถานะเว็บไซต์และทำคำสั่งบางอย่างซึ่งแล้วแต่ว่ามีการติดตั้ง theme หรือ plugin อะไรเพิ่มเติมเข้าไป
Dashboard เป็นที่รายงานสถานะของเว็บไซต์และทำคำสั่งบางอย่าง

ก่อนอื่นต้องทำสองสิ่งนี้ก่อน

1. สังเกตว่าเมนูเป็นภาษาไทยเพราะว่าตอนติดตั้งเราเลือกเป็นภาษาไทย จุดประสงค์เพื่อให้ข้อความที่สำคัญๆในหน้า frontend เป็นภาษาไทย แต่ในหน้า backend นี้แนะนำให้ใช้ภาษาอังกฤษเพราะใช้สื่อสารกับคนอื่นง่ายกว่าเวลามีปัญหา

ตอนติดตั้งครั้งแรก user คนแรกที่ถูกสร้างขึ้นจะเป็น admin
รายการผู้ใช้ในระบบ – user list

คลิกที่เมนู “ผู้ใช้” ด้านซ้าย คลิกที่ชื่อของเราที่ตั้งไว้ สมมติว่าคือ ufaufo2018 ตรงภาษา เลือก English ตรงชื่อเล่นให้ตั้งเป็นชื่ออื่นที่ไม่ใช่เดียวกับ login (ufaufp2018) ตามตัวอย่างตั้งเป็น jamesbond ตรงช่อง ชื่อที่แสดงให้คนทั่วไปเห็น เลือกเป็น jamesbond เหมือนกัน ทำเช่นนี้เพื่อไม่ให้ google หรือ search engine แสดงชื่อ login จริงของเรา รวมทั้งในโพสต์ที่เราเขียนจะไม่ปรากฏชื่อ login เป็นผู้เขียน แต่เป็น jamesbond ที่เขียน

กดปุ่มอัปเดตข้อมูลส่วนตัวข้างล่างแล้วเมนูทางซ้ายจะเปลี่ยนไปเป็นภาษาอังกฤษ

การใช้ภาษาอังกฤษด้าน backend จะช่วยให้สื่อสารได้ดีกว่าภาษาไทย เพราะเมื่อมีปัญหาสามารถหาคำคอบได้ง่ายกว่า
เปลี่ยนภาษาด้าน backend เป็นภาษาอังกฤษ

2. การติดตั้งปลั๊กอินด้านความปลอดภัยเพิ่มเติม เวลาที่เราเข้า backend จะต้องพิมพ์ /wp-admin ต่อท้ายโดเมนเนมซึ่งเป็นที่รู้กันสำหรับคนใช้ WordPress เราต้องเปลี่ยนเป็นอย่างอื่นเพื่อป้องกันการพยายาม login เข้ามา

คลิกที่เมนู Plugins กดปุ่ม Add New ด้านบน ที่ช่องทางขวาพิมพ์คำว่า WPS Hide Admin

ติดตั้ง plugin WPS Hide Login เพื่อเปลี่ยนจาก wp-admin ไปเป็นอย่างอื่นเพื่อป้องกันการ hack
ติดตั้ง WPS Hide Login จะช่วยซ่อน wp-admin

คลิกที่เมนู Plugins ทางซ้าย หาปลั๊กอิน WPS Hide Login แล้วคลิก Settings

ค่า default ของ wps hide login คือ login คุณต้องเปลี่ยนเป็นอย่างอื่น
เปลี่ยน default จาก login เป็น letmelogin หรืออื่นๆ

เลื่อนลงมาล่างสุดตั้งชื่อที่จะใช้แทน wp-admin (ปลั๊กอินเซตคำว่า login ไว้) ตามตัวอย่างเปลี่ยนเป็น letmelogin การทำเช่นนี้เพื่อป้องกันการพยายาม login เข้ามาจากโปรแกรมประเภท robot ซึ่งจะเดาชื่อ login และ password ไปเรื่อยๆจนกว่าจะเข้าได้ ถ้าเปลี่ยน /wp-admin เป็นอย่างอื่น robot ก็จะต้องเดามากขึ้น อ่านลดความเสี่ยงจากการถูกแฮ็คให้ลดลงเพิ่มเติม

จริงๆมีสิ่งที่ต้องเซตอัพมากกว่านี้ แต่เบื้องต้นทำอย่างนี้ก่อนก็ปลอดภัยในระดับหนึ่ง ต่อไปเริ่มต้นสร้างเว็บกันเลย

ทำความเข้าใจกับ WordPress

โดยพื้นฐาน WordPress เป็นระบบที่เรียกว่า Blog หมายถึงเป็นระบบเพื่อการเสนอข่าวสาร (post) ที่มีองค์ประกอบหลักๆสองอย่างคือ Title และ Content ถ้าหากเราต้องการเพียงโปรโมทตัวเองเป็นผู้เขียนบทความหรือ blogger สามารถใช้บริการจากเว็บไซต์ WordPress.com ซึ่งใช้เพียงอีเมล์ก็สามารถสมัครเป็นสมาชิกและมีเว็บไซต์ฟรีโดยไม่ต้องเสียเงินสักบาท และจะได้ชื่อเว็บไซต์เป็น yourchoice.wordpress.com โดย yourchoice เป็นชื่อที่คุณตั้ง แต่จะมีเงื่อนไขบางอย่างจำกัดอยู่ ซึ่งหากยอมเสียเงินรายปีก็สามารถอัพเกรดไปเป็นเว็บไซต์ที่ใช้ได้โดยไม่มีข้อจำกัดและมีโดเมนเนมของตัวเองได้

หากเราไม่ต้องการใช้บริการ wordpress.com ทางผู้ก่อตั้ง WordPress ก็ใจดีเราสามารถเอาระบบ WordPress มาติดตั้งเอง โดยเราเสียเงินเช่าโฮสต์เองซึ่งก็คือระบบอย่างที่เรากำลังทำอยู่ ซึ่งโปรแกรม WordPress สามารถดาวน์โหลดได้จากเว็บไซต์ wordpress.org

เนื่องจาก WordPress กำเนิดมาจากการเป็นระบบ blog หรือเว็บไซต์เพื่อการเขียนบทความจึงมีสมาชิกที่เป็น blogger ภายใต้ wordpress.com อยู่มากมาย แม้ว่าการใช้ WordPress ในแบบที่ติดตั้งเองจะมีการเติบโตเป็นอย่างมาก แต่มีบริการบางอย่างที่เราจำเป็นต้องสมัครเป็นสมาชิกของ wordpress.com ก่อนจึงจะใช้ได้ ดังนั้นก่อนไปต่อผมขอแนะนำให้คุณสมัครเป็นสมาชิกเอาไว้ก่อนถึงแม้จะได้เว็บไซต์ฟรีที่ไม่ได้ใช้ แต่เราต้องการ account ไปใช้ในบางกรณี

ปลั๊กอิน (plugins)

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

คุณได้รู้จักปลั๊กอินและการติดตั้งมาแล้วตอนต้น ตัวแรกที่ผมแนะนำไปก็คือ WP Hide Login ซึ่งเปลี่ยนการล็อกอินจาก /wp-admin ไปเป็นคำอื่น ตัวอย่างที่คุณอาจคุ้นเคยดีคือเว็บไซต์ที่ขายของออนไลน์หรือการทำอีคอมเมิร์ซซึ่งต้องอาศัยปลั๊กอินเข้ามาช่วยซึ่งก็คือ WooCommerce แม้แต่ตัวปลั๊กอินเองก็ยังมีปลั๊กอินเสริมเข้าไปอีกด้วยก็ได้

ลูกเล่นที่คุณคุ้นเคยเวลาเข้าเว็บไซต์ต่างๆอย่างเช่นสไลเดอร์ แอนนิเมชั่นต่างๆและอื่นๆอีกมากมายที่ทำให้เว็บไซต์เป็นมากกว่าบทความธรรมดาล้วนแล้วแต่มาจากการเพิ่มปลั๊กอินเข้าไปในระบบ WordPrsss ทั้งสิ้น

ธีม (themes)

สิ่งหนึ่งที่ขาดไม่ได้สำหรับเว็บไซต์ก็คือความสวยงาม ซึ่งเกี่ยวข้องกับการจัดวางเลย์เอาท์ขององค์ประกอบต่างๆ การเลือกสี สไตล์และขนาดของฟอนต์ สิ่งเหล่านี้เรียกว่าเป็นธีมของเว็บไซต์ ซึ่งในระบบของ WordPress สามารถสลับปรับเปลี่ยนได้ เช่นเดียวกับปลั๊กอินในคลังของ WordPress มีปลั๊กธีมฟรีให้เลือกใช้มากมายหรือถ้ายังไม่ถูกใจก็มีธีมขายที่สวยงามในราคาประมาณ 2000 บาทให้เลือกใช้

ความรู้ทางเทคนิคที่อาจจำเป็น

ในทางปฏิบัติ ผู้ที่ทำเว็บไซต์ด้วย WordPress ไม่จำเป็นต้องมีความรู้ทางเทคนิคใดๆ แต่ถ้ามีบ้างหรือสนใจศึกษาทางด้านนนี้ก็จะมีประโยชน์ต่อการพัฒนาเว็บไซต์เป็นอย่างมาก สำหรับผู้ที่เคยทำเว็บไซต์ด้วยเครื่องมือยอดนิยมอย่าง Dreamweaver ซึ่งผมเห็นว่าหันมาใช้ WordPress กันเยอะมากอาจจะคุ้นเคยกับเรื่องทางเทคนิคอย่างเช่น HTML, CSS หรือแม้กระทั่งการเขียนโปรแกรมด้วย PHP คุณจะได้รับประโยชน์เต็มๆจาก WordPress เพราะช่วยย่นระยะเวลาในการทำงานอย่างมหาศาลและสามารถต่อยอดได้อย่างรวดเร็ว

สำหรับผู้ที่ไม่มีพื้นฐานทางด้านเทคนิค ในระยะสั้นคุณไม่จำเป็นต้องรู้เรื่องเหล่านั้น แต่ในระยะยาวผมคิดว่ามันมีความจำเป็นเพราะจะช่วยให้คุณปรับแต่งเว็บไซต์ได้อย่างสวยงามและมีประสิทธิภาพ เรื่องที่คุณควรจะเรียนเพิ่มเติมก็คือ HTML, CSS, PHP และ MySQL

การติดตั้งธีม

หลังติดตั้ง WordPress 5 ระบบจะติดตั้งธีมมาตรฐานที่ชื่อ twenty nineteen ให้(ซึ่งหน้าตาธรรมดามาก) แต่ถ้าใครอัพเกรดจากเวอร์ชั่นที่ต่ำกว่าก็จะเป็นธีม twenty seventeen ซึ่งมีหน้าตาที่ frontend เป็นแบบนี้

หน้า frontend ของธีม twenty seventeen
Twenty Seventeen ธีมมาตรฐานของปี 2017

WordPress จะเปลี่ยนธีมมาตรฐานไปทุกปีตั้งชื่อตามปีเช่นปี 2017 จะชื่อ twenty seventeen ยกเว้นปี 2018 ซึ่งไม่มีธีมใหม่ ล่าสุดปี 2019 คือ twenty nineteen ปกติเราจะไม่ใช้ธีมมาตรฐานเพราะลูกเล่นและความสวยงามอาจจะไม่ถูกใจเรา จุดมุ่งหมายของธีมนี้คือใช้เป็นตัว test เวลาที่มีปัญหา คือหากเราใช้ธีมอื่นแล้วเกิดปัญหาบางอย่าง เราก็จะสวิทช์มาที่ธีมมาตรฐาน หากปัญหาอย่างคงอยู่แสดงว่ามีความผิดปกติบางอย่างที่ตัวระบบ

การติดตั้งธีมฟรี

การติดตั้งให้คลิกที่เมนู Appearance → Themes ทางซ้าย จะปรากฏธีมที่ถูกติดตั้งตอนเริ่มต้น ตัวแรกทางซ้ายก็คือธีมที่ใช้งาน(active)อยู่ ซึ่งก็คือ twenty seventeen หากต้องการเปลี่ยนธีมให้กดปุ่ม Add New ด้านบน หรือกดไอคอนรูปบวกตัวโตๆจะขึ้น theme มากมายมาให้เลือก และยังสามารถกำหนดเงื่อนไขในการค้นหาธีมได้ด้วย

free theme in wordpress repository
รายการธีมฟรีที่สามารถติดตั้งแบบอัตโนมัติ

ถ้ามีธีมที่ถูกใจก็ให้คลิกปุ่ม Install จากนั้นปุ่มจะเปลี่ยนเป็น Activate ให้กดอีกครั้ง จากนั้นธีมที่เลือกก็จะปรากฏเป็นตัวแรก (ซ้ายบน) สามารถค้นหาธีมได้จาก tab

Featured หมายถึง theme ที่เขาแนะนำ
Popular หมายถึง theme ที่คนนิยมดาวน์โหลดไปติดตั้ง
Lastest หมายถึง theme ที่มาใหม่
Featured Filter หมายถึงให้ค้นหา theme ที่มีคุณสมบัติตามที่เราต้องการ

ธีมฟรีส่วนมากมักจะมีความสามารถจำกัดและมักจะมีข้อเสนอให้ซื้อเวอร์ชัน Pro แต่ก็มีธีมฟรีหลายตัวที่ให้ฟังก์ชันมาเยอะมาพอสมควรส่วนใหญ่มีความสามารถในการปรับแต่งหน้าแรกหรือ home แต่โดยทั่วไปธีมฟรีก็ถือว่าใช้ได้ทั้งนี้ขึ้นกับว่าคุณมีความรู้ทางด้านเทคนิคเช่น HTML, CSS, PHP, Javascript ซึ่งอันนี้เป็นการ customize ในระดับสูงจะไม่กล่าวถึงในที่นี้

การติดตั้งธีมแบบอัพโหลดไฟล์

ธีมฟรีบางตัวจะให้คุณดาวน์โหลดจากเว็บไซต์ของเขาซึ่งจะเป็น zipไฟล์ รวมทั้งธีมซื้อซึ่งส่วนใหญ่จะอยู่ในแหล่งซื้อขายธีมรายใหญ่ของ WordPress คือ themeforest.com ซึ่งเมื่อเราสั่งซื้อจะได้เป็น zip ไฟล์เช่นกัน ซึ่งการติดตั้งทำได้สองวิธี

Appearance → Themes → Add New → Upload Theme → Browse เลือกไฟล์ zip ของธีมที่ดาวน์โหลดหรือซื้อมา กดปุ่ม Install Now
ในกรณีที่เป็นไฟล์ซื้อมาไฟล์มักมีขนาดใหญ่ซึ่ง upload โดยวิธีนี้มักจะไม่ผ่านเพราะใช้เวลานาน คุณจะต้องแตก zip ไฟล์แล้ว upload ขึ้นไปบนโฮสต์ด้วยตนเอง

การสร้างเพจ(หน้าเว็บไซต์)

สิ่งแรกที่เราต้องสร้างก็คือ “หน้าเว็บไซต์” ซึ่ง WordPress เรียกว่าเพจ (Pages) คุณคุ้นเคยกับเพจเป็นอย่างดี เวลาที่คุณคลิกที่เมนูที่ส่วนหัว คุณกำลังคลิกเข้าดูแต่ละเพจ ในเบื้องต้นหนึ่งเพจจะผูกอยู่กับลิงค์ที่อยู่ในเมนู แต่คุณสามารถสร้างลิงค์ไปหาเพจโดยไม่ต้องผ่านเมนูก็ได้

คลิก Pages→Add New ใส่ title ตามตัวอย่างคือ Home หรือคำว่าหน้าหลัก (คุณตั้งชื่ออะไรก็ได้) ส่วนของ content ก็ใส่ข้อความเข้าไป บรรทัดไหนที่ต้องการใส่รูปก็เอาเมาส์คลิกที่ตรงนั้นแล้วกดปุ่ม Add Media เลือกรูปที่ต้องการ upload แล้วกดปุ่ม Publish

classic editor ของ wordpress ก่อน 5.0
หน้าตาของเอดิเตอร์มาตรฐานใน WordPress ก่อน 5.0

ที่ด้านบนตรงคำว่า Permalink ให้คลิกปุ่ม Edit ให้คุณตั้งชื่อต่อท้าย url ของเพจนั้น ปกติ WordPress จะเอาชื่อไตเติ้ล (ในที่นี้คือ home) มาใส่ให้ แต่คุณสามารถเปลี่ยนเป็นคำอื่นก็ได้ WordPress ใช้คำว่า Permalink ในความหมายเดียวกับ url หรือที่เรามักเรียกกันว่าลิงค์(link)ของเพจ

เมื่อคุณคลิก publish หน้านี้จะถูกเห็นโดย search engine (ถ้าไม่ถูก block) และคนทั่วไปสามารถ หลังจากนั้นปุ่มนี้จะเปลี่ยนไปเป็น Update อ่านเพิ่มเติมเกี่ยวกับ permalink

การเซตเพจให้เป็นหน้าแรก

คุณต้องบอก WordPress ก่อนว่าคุณต้องการให้หน้าใดเป็นหน้าแรก หรือหน้าที่คนพิมพ์ http://yourwebsite.com ผ่านเบราเซอร์เข้ามา

คลิก Settings→Reading

การเซต home page
เซต page ที่จะใช้เป็นหน้าแรก

คลิกถูกที่ A static page ช่อง Homepage จะปรากฏรายชื่อของเพจที่คุณสร้างขึ้น เลือกเพจที่คุณต้องการให้เป็นหน้าแรก ในที่นี้คือ Home ตามที่เราตั้งชื่อไว้ กดปุ่ม Save Changes

การเซตองค์ประกอบของเพจ

ปกติช่องนี้จะเซตเป็น published หมายความว่าให้มีการเผยแพร่ในทันที
เราสามารถเลือกได้ว่าจะ Published เพจนั้นหรือให้เป็น Draft

กลับไปที่คลิกที่เพจ home ที่สร้างขึ้นมา ทางด้านขวาจะมีกล่องชื่อว่า Publish ซึ่งบอกสถานะของเพจนี้ คลิกเลือกว่าต้องการให้เพจนี้

Published หมายความว่ายอมให้มีการเผยแพร่เพจนี้ ซึ่งหมายความว่าถ้ามีคนคลิกที่ลิงค์ของเพจนี้ก็สามารถเห็นได้รวมทั้ง search engine ด้วย
Pending Review ใช้ในกรณีที่เราผู้ทำเว็บไซต์หลายคน คนที่สร้างหน้านี้อาจจะไม่ใช่ admin ดังนั้นเพจนี้จะยังถูกเผยแพร่คือกดลิงค์เข้ามาก็จะไม่พบ โดยจะต้องได้รับการอนุมัติจาก admin ถึงจะเห็นได้ (จะกล่าวถึงภายหลัง)
Draft หมายถึงเรากำลังร่างหน้านี้อยู่และยังไม่ต้องการให้เผยแพร่ คือถ้าใครรู้จักลิงค์นี้ก็จะไม่พบ ปกติเราจะใช้ตอนที่กำลังสร้างเพจใหม่ๆและยังไม่ต้องการให้ใครเห็น เมื่อพร้อมแล้วจึงเปลี่ยนสถานะเป็น Published หรือถ้าเป็น Published อยู่แล้วต้องการปิดชั่วคราวก็เปลี่ยนกลับมาเป็น Draft

การเซตสถานะของ page
เพจที่เป็น public จะมองเห็นจากภายนอก private จะเห็นเฉพาะสมาชิกที่ login

ถัดมาคือการเซต Visibility เป็นการเซตสถานะอีกแบบหนึ่ง

Public เป็นค่า default คือให้โชว์เพจนี้แก่ผู้เข้าชมเว็บไซต์
Password protected คือจะดูเพจนี้ได้จะต้องใส่รหัสผ่าน อ่านเรื่องเกี่ยวกับระบบสมาชิกเพิ่มเติมที่นี่
Private ผู้เข้าดูเว็บไซตต์ทั่วไปไม่เห็นหน้านี้ แต่สำหรับผู้เข้าระบบ backend อยู่จะเห็นเพจนี้ที่หน้าเว็บไซต์

ปกติเมื่อเราสร้างเพจขึ้นมาครั้งแรก จะปรากฏปุ่ม Publish ซึ่งหลังจากนั้นปุ่มนี้จะเปลี่ยนเป็นปุ่ม Update ในขณะที่กดปุ่ม Publish หรือ Update ถ้า Visibility เป็น Public ก็จะถือว่าต้องการเผยแพร่ คนที่คลิกลิงค์เพจนั้นจะเห็นได้ แต่ถ้าเป็น Private แม้จะมีสถานะเป็น Published ก็จะมองไม่เห็นเพจนั้น แต่ถ้าสถานะเป็น Draft หรือ Pending Review ก็จะมองไม่เห็นไม่ว่า Visibility จะเป็นอะไร

Revisions หมายถึงจำนวน copy ของเพจนี้ที่ระบบของ WordPress เก็บเอาไว้ หากต้องการดูก็คลิก Browse ก็จะโชว์หน้าเก่าๆที่มีการแก้ไขตามลำดับ ใช้ตอนที่เราต้องการกลับไปใช้ของเก่าที่เคยบันทึกเอาไว้

Published on ใช้สำหรับแก้ไขวันที่และเวลาของเพจนั้น กับเพจอาจจะไม่ค่อยมีประโยชน์เท่าไหร่แต่มีผลกับโพสต์ (post-ซึ่งจะกล่าวถึงต่อไป) ซึ่งเวลาโชว์โพสต์จะเรียงตามวันและเวลา ถ้าเราต้องการเรียงใหม่ก็ให้มาแก้ตรงนี้

Page Attributes ในช่อง Parent ใช้สำหรับเซตว่าเพจนี้อยู่ภายใต้เพจอะไร ตามตัวอย่างผมสร้างเพจไว้สี่เพจ (ไม่นับ home ซึ่งไม่แสดงเพราะกำลังเปิดเพจนี้อยู่) หากเลือก Front Page หมายความว่าให้เพจ home นี้อยู่ภายใต้ Front Page ปกติให้เซตไว้ที่ no parent การเซต Parent มีประโยชน์เวลาที่คุณมีหลายเพจแล้วคุณต้องการจัดหมวดหมู่ซึ่งเวลาที่เราดูรายการของเพจจะดูง่ายขึ้น

เราสามารถจัดลำดับชั้นของ page ได้
แต่ละเพจอาจจะเป็นเพจลูกชองเพจอื่น

Order ใช้สำหรับเซตว่าต้องการเรียงเพจนั้นอย่างไร เช่นถ้าเราต้องการให้ในเมนูโชว์เพจเรียงตามนี้ Home, บริการ, เกี่ยวกับเรา, ติดต่อเรา ก็ให้เซต Order ของเพจนั้นๆเป็น 0, 1, 2, 3 ตามลำดับ ปกติเราจะเซตตรงนี้และปล่อยให้เป็น 0 ทุกเพจเพราะเราจะไปเรียงในเมนูอีกทีซึ่งจะง่ายกว่า

คลิกเพื่อเซตรูปประจำเพจนี้ ซึ่งตำแหน่งโดยทั่วไปก็จะอยู่ตรงส่วนหัวของเพจ(แล้วแต่ธีม) หรือบางทีอาจจะไม่เซตรูปให้กับเพจเพราะอาจแทรกรูปหลายรูปไว้ในส่วน content แต่ที่จำเป็นก็คือโพสต์(post) ซึ่งในหนึ่งโพสต์มักจะมีรูปภาพหนึ่งรูปกำกับ

set featured image
เซต feature image

ระบบ Menu

เมนูเป็นองค์ประกอบพื้นฐานของเว็บไซต์ ซึ่งปกติจะมีแถบเมนูอยู่ที่ส่วนหัว แต่ถ้าเรามี content มากเราอาจจะมีแถบเมนูหลายตำแหน่ง ซึ่งการจะมีแถบเมนูกี่ตำแหน่งและอยู่ตรงไหนขึ้นอยู่กับธีมที่ใช้ อย่างเช่นธีมมาตรฐาน twenty seven มีแถบเมนูให้สองตำแหน่ง สมมติว่าเราต้องการสร้างแถบเมนูหลักที่มีลิงค์ดังนี้

Home, บริการ, เกี่ยวกับเรา, ติดต่อเรา

การสร้างแถบเมนูหลัก

คลิก Appearance -> Menus แล้วคลิก create a new menu ในช่อง Menu Name ตั้งชื่อแถบเมนูเช่น mainmenu แล้วกดปุ่ม Create Menu

เลือก link ที่ต้องการจาก pages หรือ posts หรืออื่นๆจากทางด้านซ้าย แล้วคลิก add to menu เพื่อนำมาใส่ในเมนูที่สร้างขึ้น
ทางซ้ายจะเป็นรายการที่เราจะ add มาทางขวา

ทางด้านซ้ายให้คลิกที่ View All จะโชว์เพจทั้งหมดที่เราสร้างขึ้น ก่อนหน้านี้เราสร้างเพจหน้าแรกไว้สองเพจชื่อ “My Home” กับ “หน้าแรก” แต่เราเซตให้เพจที่ชื่อ “หน้าแรก” เป็นหน้าที่ใช้จริง WordPress จะใส่คำว่า Home: นำหน้าให้เป็น “Home: หน้าแรก” เพื่อบอกให้รู้ว่าเราเซตให้ใช้เพจนี้ไว้ ส่วนเพจ “My Home” เราไม่ได้ใช้

ให้คลิกเลือกเพจที่ต้องการสำหรับแถบเมนูที่ชื่อ mainmenu แล้วกดปุ่ม Add to Menu เพจที่เลือกก็จะปรากฏที่กล่องทางขวา ที่ช่อง Menu Settings → Display location ให้คลิกที่ Top Menu เพื่อบอกให้ผูกแถบเมนู mainmenu นี้เข้ากับตำแหน่ง Top Menu

ดังงได้กล่าวมาแล้วว่าจำนวนของแถบเมนูและตำแหน่งขึ้นอยู่กับธีมที่เราใช้ ในที่นี้เราใช้ธีมมาตรฐาน twenty seventeen ซึ่งมีแถบเมนูได้สองแถบและอยู่ตำแหน่งบนและล่างของหน้าเว็บไซต์ ซึ่งเรารู้จำนวนแถบเมนูได้จากตรง Display location ซึ่ง twenty seventeen ตั้งชื่อสองตำแหน่งว่า Top Menu และ Social Links Menu ถ้าธีมใดมีแถบเมนูให้สามแถบก็จะมีสามรายการเป็นต้น ส่วนชื่อ (label) ก็แล้วแต่ผู้ออกแบบธีมจะตั้ง ส่วนตำแหน่งที่อยู่ของแต่ละแถบบนหน้าเว็บไซต์เราต้องทดลองดูเอง

การสร้างแถบเมนูที่สอง

ถ้าเราต้องการเมนูอันที่สอง (ซึ่ง twenty seventeen จะอยู่ข้างล่าง) ให้ทำเหมือนเดิมคือคลิก create a new menu แล้วทำการเลือกเพจทางซ้ายใส่เข้าไป ซึ่งอาจจะเป็นเพจที่สร้างใหม่หรือเพจเดียวกับเมนูหลักก็แล้วแต่เรา สังเกตว่าเมนูจะเป็นรูปไอคอนไม่ใช่ข้อความ อันนี้ขึ้นอยู่กับธีมที่ใช้

การสลับเมนู

เมื่อเราสร้างแถบเมนูหลายแถบ ถ้าต้องการเลือกแก้ไขเมนูใดให้คลิกที่ช่อง Select a menu to edit

select menu to edit
เลือกเมนูที่จะใช้ อย่าลืมกดปุ่ม Select !

เลือกเมนูที่ต้องการแล้วกด Select

ถ้าต้องการสลับตำแหน่งเมนูให้เอาเมาส์วางที่รายการที่ต้องการย้าย แล้วลากขึ้นบนหรือลงล่างแล้วปล่อยในตำแหน่งที่ต้องการ ถ้าต้องการทำเป็นเมนูย่อยให้ลากไปทางขวาแล้วปล่อย แล้วกดปุ่ม Save Menu

drag mouse right to create sub menu
สร้าง sub menu โดยการเลื่อนเมนูมาทางขวา

รายการเมนูก็จะปรากฏเป็น

หากต้องการแก้ไขข้อความให้คลิกที่ปุ่มลูกศรทางขวา แล้วแก้ไข กด Save Menu

Manage Locations

select menu location for each theme
เลือกว่าแต่ละเมนูที่สร้างขึ้นจะไปวางตำแหน่งไหนของธีม

เป็นอีกวิธีหนึ่งในการผูกแถบเมนูที่สร้างขึ้นกับตำแหน่งในธีม

การสร้างโพสต์

โพสต์ (post) หรือบทความเป็นเนื้อหาของเว็บไซต์เช่นเดียวกับเพจ (page) ต่างกันตรงที่โพสต์จะเขียนเพิ่มขึ้นเรื่อยๆ ซึ่งต่างกับเพจซึ่งมักจะผูกอยู่กับเมนู(แต่ไม่จำเป็น)ซึ่งนานๆจะเพิ่มจำนวนเพจสักครั้งซึ่งมักจะเป็นการเพิ่มรายการเข้าไปในเมนูด้วย โพสต์มักจะปรากฏในเพจๆหนึ่งภายในเมนูชื่อ “บทความ” หรือ “blog” และรายการโพสต์มักจะแสดงแบบ timeline หรือแบบ grid

show post as time line
ตัวอย่างโชว์โพสต์แบบ timeline ที่มา : https://www.skincarebyalana.com/
ตัวอย่างโชว์โพสต์แบบ grid ที่มา : webstyleapp.com

การแสดงโพสต์แบบ timeline หรือ grid ขึ้นอยู่กับธีมที่ใช้ สำหรับ twenty seventeen จะแสดงแบบ timeline โดยโชว์ที่หน้าแรกซึ่งโดยทั่วไปเราไม่ต้องการแบบนั้น ในทางปฎิบัติเราจะสร้างเพจใหม่ขึ้นมาเพื่อใช้แสดงรายการโพสต์โดยเฉพาะ รายละเอียดจะกล่าวถึงภายหลัง ตอนนี้เราจะมาเขียนโพสต์กันก่อน

องค์ประกอบของโพสต์

โดยพื้นฐาน เพจกับโพสต์มีโครงสร้างคล้ายกัน องค์ประกอบพื้นฐานคือtitle และ content แต่โพสต์จะมีรายละเอียดอื่นๆประกอบตามประเภทของโพสต์ สร้างโพสโดยการคลิก Posts→Add New

คุณจะเห็นว่าหน้าตาคล้ายๆกับเพจ สังเกตทางขวาจะมีกล่องเซตเพิ่มเติมที่ต่างจากเพจ (ไม่มี Attribute เหมือนเพจ)

Format

ใช้สำหรับเซตว่าโพสต์นี้เป็นประเภทอะไร ปกติจะเซตไว้ที่ Standard ในทางปฏิบัติ format มักจะขึ้นอยู่กับธีมที่ใช้และธีมส่วนใหญ่ไม่ค่อยสนใจนำการเซตตรงนี้ไปใช้

Excerpt

ให้คุณลองดูข้างล่างจะเห็นกล่องที่ใช้สำหรับใส่ข้อความสั้นๆแนะนำว่าโพสต์นี้เกี่ยวกับอะไร คุณคงคุ้นเคยกับ excerpt มาพอสมควรเวลาเข้าดูเว็บไซต์ซึ่งมักจะอยู่ใต้รูปและตามด้วยคำว่า Read more หรือ อ่านต่อ

Categories

เราสามารถจัดหมวดหมู่ให้กับโพสต์หรือบทความที่เราเขียน ซึ่งปกติจะถูกเซตไว้ที่ “ไม่มีหมวดหมู่” ให้คลิกที่ +Add New Category พิมพ์ชื่อหมวดหมู่ลงไป แล้วกดปุ่ม Add New Category แล้วคลิกเอาถูกออกตรง “ไม่มีหมวดหมู่”

คุณสามารถเพิ่มหมวดหมู่ได้มากเท่าที่ต้องการ โพสต์ๆหนึ่งอาจจะอยู่ในหลายหมวดหมู่ก็ได้ และเมื่อคุณสร้างโพสต์ใหม่หมวดหมู่ที่คุณสร้างคุณก็จะไปปรากฏเป็นรายการให้เลือกในโพสต์ใหม่ด้วย

หมวดหมู่เป็นสิ่งสำคัญในระบบ blog เพราะเวลาที่เราจะแสดงรายการของโพสต์ไม่ว่าจะเป็นแบบ timeline หรือ grid เราจะต้องเลือกว่าจะโชว์จากหมวดหมู่ใด เช่นถ้าเรามีโพสต์หรือบทความสองหมวดหมู่ เราอาจสร้างเพจไว้สองเพจ(รวมทั้งเพิ่มลิงค์สองอันในเมนู) โดยแต่ละเพจใช้สำหรับโชว์โพสต์ในแต่ละหมวดหมู่

Tags

หากคุณใช้ facebookหรือ instagram คุณคงคุ้นเคยกับ tag หรือ hashtag หรืออะไรก็ตามแล้วแต่จะเรียก หมายถึงข้อความที่คุณกำกับไปกับโพสต์ของคุณ ซึ่งมักเป็นคำง่ายๆที่สื่อถึงสิ่งที่คุณเขียนเช่น #ครีมหน้าใส #โลกสวย แต่สำหรับเว็บไซต์คุณอาจจะเลือกใช้คำที่ดูเป็นทางการหน่อย ซึ่งอาจจะใช้ category เป็น tag ก็ได้

พิมพ์ tag ที่ต้องการโดยคั่นด้วย comma กดปุ่ม Add

เป็นรูปที่กำกับไปกับโพสต์ ซึ่งต่างจากเพจตรงที่รูปเป็นสิ่งจำเป็นเพราะจะถูกนำไปโชว์หน้าเว็บไซต์ และเมื่อคลิกที่รูปก็มักจะลิงค์ไปหาเนื้อหาของโพสต์นั้น

Settings ที่ถูกซ่อนไว้

มีจุดอื่นที่คุณอาจต้องการเซตเพิ่มเติม ปกติ WordPress จะปิดเอาไว้เพราะไม่ต้องการให้รกตา คลิกที่ Screen Options ด้านบน

Custom Fields

ถ้าคุณคลิกที่ Custom Fields จะเป็นการเปิดแท็ปสำหรับการใส่ข้อมูลกำกับโพสต์เพิ่มเติม ปกติโพสต์โดยทั่วไปก็จะมี title และ content เป็นหลัก ซึ่งเราจะใส่ข้อมูลลงไปในส่วนของ content แต่โพสต์บางประเภทเช่นโพสต์ประกาศรับสมัครงานจะมีข้อมูลลักษณะพิเศษเช่น ตำแหน่ง เงินเดือน ขอบเขตของงาน เป็นต้น ซึ่งข้อมูลเหล่านี้ถ้าใส่เข้าไปใน content อาจจะไม่สะดวกนักถ้ามีจำนวนโพสต์รับสมัครงานหลายตำแหน่ง(หลายโพสต์) ถ้าในแต่ละโพสต์สามารถแยก ตำแหน่ง เงินเดือน ฯลฯ ออกมาเป็นช่องสำหรับกรอกนอกช่อง content จะสะดวกกว่า ซึ่งช่องเหล่านี้จะเรียกว่า custom fields

คุณจะต้องสร้าง Custom fields นี้กำกับไปทุกโพสต์ที่ต้องการ เช่นถ้าคุณมีโพสต์ประกาศรับสมัครงาน คุณต้องการสร้างช่องสำหรับกรอกตำแหน่งและเงินเดือนกำกับไปกับทุกโพสต์ประกาศรับสมัครงานและคุณสามารถบันทึกข้อมูลลงไปในฟิลด์ที่สร้างขึ้นมานี้ได้ แต่ข้อเสียของ custom fields ที่ WordPress มีมาให้ใช้งานไม่ค่อยยืดหยุ่นเพราะต้องสร้างฟิลด์ซ้ำๆไปกับทุกโพสต์ที่สร้างขึ้นมาใหม่

วิธีที่สะดวกกว่าคือสร้างเป็น Field Group คือเอาฟิลด์พิเศษหลายอันมารวมกันเป็นกรุ๊ป แล้วเอากรุ๊ปไปผูกกับโพสต์ จะทำให้ไม่ต้องเสียเวลาสร้างฟิลด์ใหม่ทุกครั้ง ซึ่งจะต้องอาศัยปลั๊กอิน ที่เป็นที่นิยมได้แก่ Advanced Custom Fields

แต่การจัดเป็น field group ก็ยังไม่สะดวก เพราะถ้าเราสร้างหลาย field group มันก็จะไปปรากฏอยู่ในทุกๆโพสต์ เช่นถ้าเรามีฟิลด์ประเภทประกาศสมัครงานกับฟิลด์ประเภทงานอีเวนท์งาน field group ทั้งสองประเภทก็จะไปปรากฏอยู่ในทุกโพสต์ทั้งๆที่ควรจะปรากฏเฉพาะ field group ที่เกี่ยวข้องกับโพสต์นั้นเท่านั้น WordPress จึงหลักการอีกอันหนึ่งมารองรับคือ Custom Post Type ซึ่งก็คือโพสต์เฉพาะที่ผูกกับ field group ที่เกี่ยวข้องเท่านั้น

Custom Fields และ Custom Post Type เป็นหลักการที่เกี่ยวเนื่องกันและมีรายละเอียดพอสมควรซึ่งในเบื้องต้นคุณยังไม่ต้องสนใจก็ได้ หากสนในสามารถอ่านได้จากบทความเรียนรู้ Custom Post Type และการประยุกต์ใช้งาน

Discussion

เมื่อคุณคลิกจะปรากฏกล่องต่อไปนี้ด้านล่าง

Allow comments สำหรับเปิดให้คน comment โพสต์นี้ที่ใต้บทความได้ ถ้าไม่ต้องการก็คลิกถูกออก
Allow trackbacks and pingbacks เป็นเรื่องที่มีรายละเอียดพอสมควร ในเบื้องต้นคุณไม่จำเป็นต้องสนใจ แต่ถ้าคุณสนใจอ่านความหมายของ pingbacks

Comments

เมื่อคุณคลิกจะปรากฏกล่องต่อไปนี้ด้านล่าง

สำหรับดูว่ามี comment อะไรบ้างสำหรับโพสต์นี้ โดยที่คุณไม่จำเป็นต้องไปดูที่หน้าเว็บ (frontend) หรือคุณอาจจะตอบ comment จากตรงนี้ได้เลยโดยคลิกปุ่ม Add comment

Slug

Slug เป็นคำสุดท้ายที่ต่อท้าย url เช่น

https://webstyleapp.com/webdesign/memoment/2017/12/09/ดูแลสุขภาพ/ ‎

ดูแลสุขภาพคือ slug อ่านเพิ่มเติมเกี่ยวกับ slug

ปกติเมื่อเราสร้างโพสต์ WordPress จะกำหนดให้ slug เป็นคำเดียวกับ title แต่ถ้ายาวเกินไปก็จะตัดออก ถ้าคุณต้องการ slug เป็นคำอื่นก็แก้จากตรงนี้ ปกติ slug จะถูกใช้โดย search engine เพื่อประเมินว่าบทความนั้นเกี่ยวกับอะไร แต่ปัจจุบันถูกลดความสำคัญลง คุณใช้ slug สื่อกับผู้นำลิงค์นี้ไปใช้เพื่อให้รู้ว่าเป็นโพสต์เกี่ยวกับอะไร หากต้องการรู้เกี่ยวกับ slug มากขึ้น อ่านบทความนี้

Author

ใช้สำหรับเซตว่าจะให้ใครเป็นเจ้าของโพสต์นี้ ปกติคนที่ login เข้ามาจะเป็นเจ้าของโพสต์ ในระบบของ WordPress ยอมให้มี user ได้หลายคน ถ้าเราเป็นเจ้าของโพสต์เราอาจโอนให้คนอื่นเป็นเจ้าของโพสต์ก็ได้ ปกติผู้เข้าระบบที่เป็น Administrator จะเป็นเจ้าของโพสต์ทุกโพสต์ร่วมกันคือสามารถแก้ไขหรือลบโพสต์นั้นได้ ระบบ user ของ WordPress อ่านเพิ่มเติมได้ที่นี่

Revisions

ระบบของ WordPress จะเลือกเก็บข้อมูลของโพสต์ก่อนบันทึกแก้ไขใหม่ไว้เป็นระยะๆ เผื่อเราต้องการย้อนกลับไปใช้ของเก่า โดยเก็บเฉพาะ title, content และ excerpt ถ้ามีข้อมูลในช่วงเวลาไหนที่คุณอยากจะย้อนไปก็ให้คลิกเลือก

ทางซ้ายเป็นข้อมูลเก่า ทางขวาเป็นข้อมูลปัจจุบัน

ระบบ revisions จะแสดงเวอร์ขั่นที่เก็บเอาไว้กับเวอร์ชั่นปัจจุบันให้เปรียบเทียบกัน
คุณสามารถเปรียบเทียบเนื้อหาปัจจุบันกับที่อยู่ใน revision การตัดสินใจ

โดยทั่วไปคนไม่ค่อยได้ใช้ประโยชน์จาก revision เท่าไหร่ เพราะทำให้สับสนมากกว่า เพราะข้อมูลเดิมที่เก็บอาจจะไม่ใช่สิ่งที่ต้องการย้อนกลับไป

การจัดเลย์เอาท์ให้กับเพจโดยใช้เอดิเตอร์พิเศษ

เพจและโพสต์ที่สร้างโดยเอดิเตอร์ของ WordPress มีรูปแบบอย่างง่ายๆคือบนลงล่าง มีรูป ไตเติ้ล เนื้อหา ซึ่งไม่มีความสวยงาม เช่นในเพจ “เกี่ยวกับเรา” เราเขียน

classic editor เป็นเอดิเตอร์แบบธรรมดาที่ไม่สามารถจัด layout ได้ถ้าไม่ใช้ความรู้ทางด้าน html
การจัดเลย์เอาท์ของ classic editor จะเป็นแบบบนลงล่างซึ่งมีข้อจำกัดมาก

ที่หน้าเว็บไซต์จะแสดงเป็น

ซึ่งไม่มีความสวยงาม นี่เป็นตัวอย่างของธีม twenty seventeen เราไม่สามารถปรับแต่งเลย์เอาท์อะไรได้ไม่มาก ซึ่งข้อจำกัดนี้เกิดจากตัวของธีมส่วนหนึ่งและอีกส่วนหนึ่งเกิดจากความสามารถที่จำกัดของเอดิเตอร์ของ WordPress

Gutenberg เอดิเตอร์ตัวใหม่

ใน WordPress 5.0 เอดิเตอร์จะถูกเปลี่ยนไปเป็นแบบใหม่ที่เรียกว่า Gutenberg แต่ในเวอร์ชันต่ำกว่าจะทำมาในรูปปลั๊กอิน ในช่วงรอยต่อระหว่าง 4.9.x และ 5.0 ยังมีคนที่คุ้นเคยกับเอดิเตอร์แบบเก่า (classic editor) อยู่มาก ซึ่งอาจจะยังรับ Gutenberg ซึ่ง build-in มาใช้เวอร์ชั่น 5 ไม่ได้ หากต้องการกลับไปใช้เอดิเตอร์แบบเดิมก็ต้องติดตั้งปลั๊กอิน Classic editor เพิ่มเติมเข้าไป

เพจหรือโพสต์เดิมที่สร้างใน 4.9.x จะถูกบรรจุอยู่ใน tab ชื่อ Classic ดังรูป ซึ่งสามารถแก้ไขได้ตามปกติ แต่ format จะไม่เป็นแบบใหม่ หากต้องการเปลี่ยนเป็นแบบใหม่จะต้องกดปุ่ม Convert to Gutenberg ที่มุมขวาบน

post/page ใน classic editor จะไปบรรจุอยู่ใน tab ชื่อ Classic
ข้อมูลใน post/page เดิมจะถูกบรรจุใน tab ชื่อ Classic

กล่องสำหรับเซตค่าต่างๆแบบ classic ใน Gutenberg จะย้ายไปรวมไว้ทางขวา การเซตก็ทำเหมือนเดิม

คุณจะเห็นว่าหน้าตาของเอดิเตอร์เปลี่ยนไป สิ่งที่เราเคยเขียนขึ้นในเอดิเตอร์มาตรฐานจะถูกใส่ไว้ในแท็บ Classic เอดิเตอร์ของ Gutenberg แตกต่างจากเอดิเตอร์เดิมตรงที่แต่ละย่อหน้า (paragraph) จะถูกสร้างเป็นกล่องเรียกว่า block เราสามารถสร้าง block, แทรก block, ลบ block, ย้าย block ได้ โดยไม่ต้อง copy ข้อความแล้ว paste

ภายใน block ไม่จำเป็นต้องเป็นข้อความ เป็นรูปภาพหรืออื่นก็ได้ คลิกที่เครื่องหมาย + ที่มุมซ้ายเพิ่มเพื่อเพิ่ม block เข้าไป

การเพิ่ม block ใน gutenberg
คลิกที่เครื่องหมายบวกมุมซ้ายบนเพื่อ add block

เลือก Paragraph ถ้าคุณต้องการพิมพ์ข้อความ เลือก Image ถ้าต้องการใส่รูป เลือก Heading ถ้าต้องการใส่ไตเติ้ล และอื่นๆ

Gutenberg มีเครื่องมือแบบง่ายๆที่ช่วยในการวางเลย์เอาท์อยู่ในหมวด Layout Elements ชื่อว่า Columns

เลือก Layout Elements เลือก Columns เพื่อจัด layout แนวนอน
Gutenberg มี block สำหรับจัด layout แนวนอนหรือ columns

จะมี block เพิ่มต่อท้ายซึ่งมีสองช่องเป็นการจัดเลย์เอาท์อย่างง่าย ที่ทางขวาบนของแต่ละ block ซ้ายคลิก Add block จะเป็นการเพิ่ม block ซ้อนเข้าไปใน block ทางซ้าย สมมติว่าเราเลือก Image

ทำเช่นเดียวกัน เอาเมาส์มาลอยที่มุมขวาบนของกล่องซ้ายblock แล้ว Add block ที่เป็นข้อความ (paragraph) เราก็จะได้เลย์เอาท์ที่แตกต่างจากแบบบนลงล่างของ classic editor

ภายใต้ gutenberg เราสามารถจัด layout แบบซ้ายขวา ไม่จำกัดว่าต้องเป็นแบบลงล่าง
ภาพบน: classic editor มี layout แบบบนลงล่าง – ภาพล่าง: gutenberg จัด layout แบบซ้ายขวา

หากต้องการเปลี่ยนแปลงอะไรเกี่ยวกับ block ให้เอาเมาส์วางที่ด้านซ้ายตามรูป ถ้าต้องการย้ายขึ้นลงให้คลิกแล้วลาก block นั้นไปวางในตำแหน่งที่ต้องการ ถ้าต้องการคำสั่งอื่นๆเช่นลบ block นี้ให้คลิกที่ … แล้วเลือกคำสั่งที่ต้องการ

block แบบอื่นๆเช่น Button, Quote, Gallery, File และอีกมากมายขอให้คุณลองเล่นดู Gutenberg ยังเป็นของใหม่และจะผนวกเข้าไปใน WordPress เวอร์ชัน 5 ซึ่งเป็นเอดิเตอร์ที่สามารถจัดเลย์เอาท์ได้ที่จะมาแทนเอดิเตอร์แบบ classic

เอดิเตอร์จัดเลย์เอาท์แบบอื่นๆ

ในตลาดของ WordPress มีผู้สร้างเอดิเตอร์ทางเลือกที่ดีกว่าแบบ classic อยู่หลายราย ซึ่งทำมาในรูปปลั๊กอิน เช่น King Composer, Visual Composer, Elementor เป็นต้น

คุณสามารถทดลองใช้ได้โดยการติดตั้งปลั๊กอินเวอร์ชันฟรีซึ่งส่วนใหญ่แล้วก็หรูหราเพียงพอต่อการใช้งาน หากใช้ไปสักพักหนึ่งแล้วอยากได้ feature เพิ่มก็สามารถซื้อเวอร์ชัน Pro หรือบางทีก็อยู่ในรูป Add on หรือโมดูลที่ต้องซื้อเพิ่ม แต่ถ้าคุณต้องการความเรียบง่าย Gutenberg ก็เป็นทางเลือกที่น่าสนใจ

ปกติการจัดเลย์เอาท์เหมาะสำหรับเพจเพราะต้องมีการออกแบบที่สวยงามจึงจะช่วยดึงดูดความสนใจและดูเป็นมืออาชีพ ส่วนโพสต์มักจะเป็นบทความซึ่งไม่ต้องการการจัดเลย์เอาท์เพื่อดึงดูดความสนใจอะไรมากเพราะเน้นที่เนื้อหา ดังนั้นสำหรับโพสต์คุณอาจปล่อยให้เลย์เอาท์เป็นไปตามธีมที่ใช้

การจัดเลย์เอาท์ให้กับเพจโดยใช้ธีม

ธีมอื่นหลายตัวมีเลย์เอาท์ของเพจให้เลือก ซึ่งต่างจาก twenty seventeen ซึ่งไม่มีให้เลือก ขอให้คุณลองติดตั้งธีมชื่อ Shapely จากค่าย colorlib ซึ่งหากคลิกที่ช่อง Page Attributes จะปรากฏเลย์เอาท์หลายแบบให้เลือก

ปกติเพจที่สร้างใหม่จะมีเลย์เอาท์เป็น Default template ซึ่งมักจะมี sidebar อยู่ทางด้านซ้าย แต่เพจหน้าแรกมักไม่นิยมมี sidebar โดยปกติจะเลือกเป็น Full Width หรือ No Sidebar หรือเลย์เอาท์แบบอื่นๆที่ทางธีมได้ออกแบบไว้ให้ซึ่งคุณจะต้องทดลองเล่นดูเพราะแต่ละธีมจะแตกต่างกันไป

การใช้งาน Sidebar

Sidebar หมายถึงแถบที่อยู่ทางซ้าย ขวา บน หรือล่างในหน้าเว็บไซต์ โดยที่มี content ของโพสต์หรือเพจอยู่ตรงกลาง ภายใน sidebar เราจะวาง widget หรือกล่องข้อความหรือรูปภาพหรืออะไรบางอย่างลงไป การจะมี sidebar อะไรบ้างขึ้นอยู่กับธีมที่ใช้ และการเลือกว่าจะให้โชว์ sidebar อะไรบ้างในแต่ละหน้าก็ขึ้นอยู่กับธีมเช่นกัน (ในช่อง Page Attribute ตามรูปบน)

คลิก Appearance→Widget

ทางด้านซ้ายจะเป็นกล่อง widget เช่น Calendar เป็นปฎิทิน, Pages เป็นรายการลิงค์ของเพจที่เราสร้างขึ้น, Recent Posts เป็นรายการลิงค์ของไตเติ้ลของโพสต์ที่เพิ่งเผยแพร่

เมนู appearance-widget ใช้สำหรับวาง widget ลงใน sidebar
ทางซ้ายคือ Widget ซึ่งจะลากไปวางใน sidebar ทางขวา

ทางขวาจะเป็น sidebar สำหรับธีม Sharply มี sidebar อยู่ 7 ตำแหน่ง ปกติ Sidebar(ตัวแรก) จะอยู่ทางขวา Footer Widget … จะเป็นแถบด้านล่างสุด ธีมนี้จะมีแถบด้านล่าง 4 ช่อง ตำแหน่งที่เหลือขอให้คุณมดลองวาง widget สักตัวลงไป (เช่น Calendar) แล้วดูที่หน้าเว็บไซต์ก็จะรู้ว่า sidebar นั้นอยู่ที่ตำแหน่งใด

การวาง widget ลงใน sidebar ก็เพียงแต่ลาก widget นั้นจากทางซ้ายไปลงตรงช่อง sidebar ที่ต้องการทางขวา โดยไม่ต้องการการ save

WordPress จะมี widget มาตรฐานให้จำนวนหนึ่ง ธีมและปลั๊กอินหลายตัวเพิ่มเติม widget บางอย่างมาให้

Close Menu