03 – การปรับแต่ง Header ใน Zupaya Themes

การปรับแต่งในส่วนของหัวเว็บ (Header) มีรายละเอียดเยอะพอสมควร สัปปายะธีมมีการจัดส่วนหัว ซึ่งจะรวมไปถึงในส่วนที่เป็นเมนูและภาพ thumbnail

ก่อนอื่นเข้าไปที่หลังบ้านที่เมนู Appearance > Customize

หลังจากนั้นเลือกเมนู Header ตามภาพ

จะปรากฏรายละเอียดการปรับแต่งตามภาพด้านล่างนี้ และเดี่ยวเรามาทำความรู้จักคุณสมบัติในแต่ละเมนูกันครับ

1.- Header style

ส่วนนี้คือเมนูนั่นเอง มี 3 ตัวเลือก คือ

  1. Standard  คือ เมนูแบบทั่วไป พอเลื่อน scrollbar ลงมาด้านล่างก็หายไป
  2. Fixed คือ เมนูแบบติดที่ส่วนบนตลอดเวลา แม้จะเลื่อน scrollbar ลงมาด้านล่าง เมนูก็คงโชว์อยู่ที่เดิม และ
  3. Overlay คือเมนูคล้ายเมนู fixed เพียงแต่จะมีความนุ่มนวลกว่า เวลาเลื่อนลง scrollbar จะโชว์ on top แต่พอเลื่อน scrollbar  ขึ้นก็จะแสดงที่ตำแหน่งเดิมด้านบน

ในส่วน Header  style นี้จะมีอีก 4 เมนูให้ปรับเพิ่มเติม คือ

  • Header Background คือ สีพื้นหลังของเมนูนั่นเอง
  • Header Transparent คือ เซตสีพื้นหลังของเมนูให้โปร่งใส เมนูนี้จะมีผลเฉพาะหน้าแรกเท่านั้น ใช้ในกรณีที่เราใช้ภาพหน้าแรกเป็นภาพใหญ่ หรือใช้สไลด์ในแรก และต้องการให้เมนูอยู่หน้าภาพใหญ่หรือสไลด์อันนั้น
  • Link คือ สีลิงก์ของเมนู
  • Link hover คือสีลิงก์เมื่อเอาเมาส์ไป hover

เมนูถัดมา Header Image แบ่งเป็น 2 หัวข้อ คือ ในหน้า Page และPost

กรณีเราไม่ติ๊กเลือก Page Image Header หรือ Page Image Header  เลย ก็จะแสดงแบบ  Default แบบในภาพด้านล่างนี้

แต่ถ้าติ๊กเลือก Post Image Header ในหน้า Post จะเป็นการไปดึงภาพ Featured image มาแสดงเป็นหัวภาพ ตามด้านล่างนี้

ในหน้า Page ก็เช่นกัน ซึ่งเราสามาถจะอัพโหลดภาพเพื่อใช้ภาพเดียวกันในทุก Page ก็ได้

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *