รู้จัก Customize ปรับแต่งรูปลักษณ์เว็บไซต์

Customizer คือเครื่องมือของ WordPress ที่ให้เราปรับแต่งเว็บแบบ Real-time ได้เลยครับ ปรับอะไร ก็เห็นผลทันทีด้านขวา โดยไม่ต้องบันทึกแล้วไปดูเว็บจริง สะดวกมากสำหรับมือใหม่ครับ

• ไปที่ Appearance → Customize
  หรือจะเปิดจากด้านบนของเว็บโดยตรงก็ได้ครับ ถ้า Login อยู่จะมี Admin Bar ด้านบน กด Customize ได้เลยครับ

แต่ละ Theme มีตัวเลือกต่างกัน แต่โดยทั่วไปจะมีหัวข้อเหล่านี้ครับ:

• Site Identity
  อัพโหลดโลโก้, ตั้งชื่อเว็บ, Site Icon (Favicon)
• Typography
  เลือกฟอนต์ ขนาดตัวอักษร สำหรับหัวเรื่องและเนื้อหา
• Header
  ตั้งค่า Header, Navigation Bar สีพื้นหลัง ขนาด
• Colors
  เปลี่ยนสีหลัก สีรอง สีข้อความ ตามแบรนด์เรา
• Layout
  กำหนดความกว้าง Layout ตำแหน่ง Sidebar
• Footer
  ตั้งค่า Footer ข้อความ Copyright

ส่วนนี้สำคัญมากครับ ควรทำเป็นอย่างแรก:

• Logo — อัพโหลดโลโก้ของเราครับ แนะนำขนาดประมาณ 300–400px กว้าง ไฟล์ PNG พื้นหลังโปร่งใส
• Site Title — ชื่อเว็บ (จะแสดงถ้าไม่มีโลโก้)
• Site Icon (Favicon) — ไอคอนเล็กๆ ที่แสดงบน Tab ของเบราว์เซอร์ ขนาด 512x512px ครับ

ปรับสีเว็บให้ตรงกับแบรนด์ของเรา เช่น สีหลัก (Primary Color) ที่จะแสดงบนปุ่ม ลิงก์ หัวเรื่อง

ถ้าต้องการปรับแต่งเพิ่มเติมที่ Customizer ทำไม่ได้ เราสามารถใส่โค้ด CSS เองได้ที่ Customizer → Additional CSS ครับ โค้ดที่ใส่ที่นี่จะไม่หายไปแม้จะอัพเดต Theme

Menu คือระบบนำทางที่ช่วยให้ผู้ใช้เดินทางระหว่างหน้าต่างๆ ในเว็บได้สะดวก สร้าง Menu ได้ที่ Appearance → Menus แล้วเพิ่ม Page, Post หรือ Custom Link เข้าไปได้เลย ลากรายการขึ้นลงเพื่อจัดลำดับ หรือลากเข้าด้านในเพื่อทำ Dropdown Menu ได้ สิ่งที่หลายคนลืมคือต้องติ๊ก Display Location หลังสร้าง Menu ด้วย มิฉะนั้น Menu จะไม่แสดงบนเว็บ เมนูหลักควรมีแค่ 5–7 รายการ ถ้ามีหน้ามากกว่านั้นให้รวมเป็น Dropdown จะดูเรียบร้อยกว่า และสามารถเพิ่ม Custom Link ลิงก์ไปยัง Social Media หรือเว็บภายนอกได้ด้วยครับ

• บทเรียนถัดไป : วิธีจัดการ User
• บทเรียนก่อนหน้า : รู้จัก Menu