วิธีใช้ WordPress Customizer ปรับแต่งเว็บไซต์สำหรับธีมแบบคลาสสิก

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

ตัวเลือกใน Customizer ขึ้นอยู่กับธีมที่ใช้งาน หากไม่พบเมนู ปรับแต่ง ธีมของคุณอาจใช้ Site Editor หรือมีหน้าตั้งค่าของตัวเองแทน

❶ WordPress Customizer ใช้ทำอะไรได้บ้าง

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

① ปรับข้อมูลและรูปลักษณ์พื้นฐาน

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

② จัดเมนูและวิดเจ็ต

ธีมคลาสสิกบางตัวให้จัดเมนูและวิดเจ็ตผ่าน Customizer ได้ เช่น กำหนดเมนูหลัก เลือกตำแหน่งแสดงผล หรือเพิ่มวิดเจ็ตใน Sidebar และ Footer

③ ดูตัวอย่างก่อนเผยแพร่

การเปลี่ยนแปลงจะแสดงในหน้าตัวอย่างก่อนนำไปใช้จริง จึงช่วยให้ตรวจว่าข้อความ โลโก้ สี และเมนูดูเหมาะสมหรือไม่

❷ วิธีเปิด Customizer

① เปิดจากหน้าแอดมิน WordPress

1. เข้าสู่ระบบหน้าแอดมิน
2. ไปที่ รูปแบบเว็บ > ปรับแต่ง หรือ Appearance > Customize
3. รอให้หน้าตัวอย่างเว็บไซต์และแถบตั้งค่าโหลดขึ้นมา
4. เลือกหัวข้อที่ต้องการปรับจากแถบด้านข้าง

บางธีมอาจมีปุ่ม ปรับแต่ง อยู่ในหน้า รูปแบบเว็บ > ธีม หรือแสดงตัวเลือกเพิ่มในเมนูของธีม

② เปิดจากแถบผู้ดูแลระบบ

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

❸ วิธีปรับแต่งเว็บไซต์ด้วย Customizer

ควรปรับทีละส่วนและตรวจตัวอย่างทุกครั้ง เพื่อสังเกตได้ง่ายว่าการเปลี่ยนแปลงใดส่งผลต่อหน้าเว็บ

① แก้ชื่อเว็บไซต์ โลโก้ และไอคอน

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

② ปรับสีและพื้นหลัง

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

③ ตั้งค่าเมนู

เลือกส่วน เมนู เพื่อสร้างหรือแก้เมนู แล้วกำหนดตำแหน่งที่ต้องการ เช่น เมนูหลัก ตรวจลำดับรายการและทดลองกดลิงก์ในหน้าตัวอย่างก่อนเผยแพร่

④ จัดวิดเจ็ต

หากธีมมีพื้นที่วิดเจ็ต ให้เลือก วิดเจ็ต แล้วเปิดพื้นที่ที่ต้องการ เช่น Sidebar หรือ Footer เพิ่มหรือจัดลำดับวิดเจ็ต และตรวจว่าแสดงผลเหมาะสมกับเนื้อหา

⑤ ตั้งค่าหน้าแรก

ธีมบางตัวมีส่วน การตั้งค่าหน้าแรก ให้เลือกว่าหน้าแรกจะแสดงบทความล่าสุดหรือหน้าแบบคงที่ หากเลือกหน้าแบบคงที่ ให้ตรวจว่ากำหนดหน้าสำหรับหน้าแรกและหน้ารวมบทความถูกต้อง

❹ วิธีตรวจตัวอย่างก่อนเผยแพร่

ก่อนบันทึก ให้ตรวจทั้งขนาดหน้าจอและหน้าประเภทต่าง ๆ เพราะหน้าตัวอย่างอาจแสดงเฉพาะส่วนที่กำลังปรับ

① สลับมุมมองหน้าจอ

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

② ตรวจหน้าสำคัญ

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

③ เผยแพร่เมื่อพร้อม

เมื่อพอใจกับผลลัพธ์ ให้กด เผยแพร่ หรือ Publish เพื่อบันทึกการเปลี่ยนแปลงลงเว็บไซต์ หากยังไม่แน่ใจ ให้ตรวจตัวอย่างต่อก่อน อย่ากดเผยแพร่จนกว่าจะตรวจส่วนที่ต้องการครบ

❺ แก้ปัญหาเมื่อไม่พบตัวเลือกใน Customizer

① ธีมอาจไม่มี Customizer

ธีมแบบบล็อกมักใช้ Site Editor แทน ให้ตรวจเมนู รูปแบบเว็บ > ตัวแก้ไข หากมีเมนูนี้และไม่มี Customizer อาจเป็นวิธีปรับแต่งตามปกติของธีม

② ตัวเลือกขึ้นอยู่กับธีม

ธีมแต่ละตัวมีตัวเลือกไม่เหมือนกัน หากต้องการปรับสี ฟอนต์ หรือส่วนหัวแต่ไม่พบ ให้ตรวจเอกสารของธีมหรือหน้าตั้งค่าอื่นที่ผู้พัฒนาจัดไว้

③ หน้าตัวอย่างไม่อัปเดต

ลองรอสักครู่หรือโหลดหน้าตัวอย่างใหม่ หากเว็บไซต์ใช้ระบบแคช ให้ล้างแคชหลังเผยแพร่ แล้วตรวจหน้าเว็บอีกครั้ง

❻ ข้อควรระวังเมื่อใช้ Customizer

• ตัวเลือกในแถบตั้งค่าแตกต่างกันตามธีม
• การเปลี่ยนแปลงบางอย่างอาจมีผลหลายหน้า
• ควรตรวจบนมือถือก่อนเผยแพร่
• อย่าเปลี่ยนหลายส่วนพร้อมกันโดยไม่ตรวจผล
• หากปรับแต่งธีมครั้งใหญ่ ควรสำรองข้อมูลก่อน

❼ สรุป

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

หากไม่พบ Customizer ให้ตรวจว่าเว็บไซต์ใช้ธีมแบบบล็อกหรือไม่ เพราะธีมชนิดนั้นมักปรับผ่าน Site Editor แทน สำหรับผู้เริ่มต้น ComSiam แนะนำให้ปรับทีละส่วน ตรวจตัวอย่างบนมือถือ และกดเผยแพร่เมื่อพร้อมแล้วเท่านั้น