วิธีแก้ไขส่วนหัวและส่วนท้ายเว็บไซต์ WordPress

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

❶ ส่วนหัวและส่วนท้ายเว็บไซต์คืออะไร?

ส่วนหัว (Header) มักอยู่ด้านบนของเว็บไซต์และแสดงโลโก้ ชื่อเว็บไซต์ เมนูนำทาง หรือปุ่มสำคัญ ส่วน ส่วนท้าย (Footer) มักอยู่ด้านล่างและแสดงข้อมูลติดต่อ ลิงก์หน้าอื่น ข้อกำหนด หรือข้อความลิขสิทธิ์

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

❷ ตรวจสอบก่อนแก้ไข

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

① ตรวจประเภทธีม

ไปที่เมนู รูปลักษณ์ ในหลังบ้าน หากเห็น ตัวแก้ไข ธีมอาจรองรับ Site Editor สำหรับแก้เทมเพลตและส่วนประกอบของเว็บไซต์ หากเห็น ปรับแต่ง หรือเมนูตั้งค่าธีม ให้ตรวจว่ามีตัวเลือก Header หรือ Footer หรือไม่

② ระวังการเปลี่ยนแปลงที่มีผลหลายหน้า

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

❸ แก้ไขส่วนหัวในธีมบล็อก

ธีมบล็อกมักให้แก้ส่วนหัวผ่าน Site Editor และ Template Parts

① เปิดส่วนหัว

ไปที่ รูปลักษณ์ > ตัวแก้ไข แล้วเปิดส่วน รูปแบบ หรือ ส่วนประกอบเทมเพลต จากนั้นเลือก ส่วนหัว (Header) ชื่อเมนูอาจต่างกันเล็กน้อยตามเวอร์ชันและภาษาของ WordPress

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

② ปรับองค์ประกอบในส่วนหัว

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

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

③ บันทึกและตรวจผล

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

❹ แก้ไขส่วนท้ายในธีมบล็อก

วิธีแก้ส่วนท้ายคล้ายกับการแก้ส่วนหัว โดยเลือก Template Part ที่ชื่อ Footer หรือส่วนท้าย

① เปิดส่วนท้าย

ใน Site Editor ไปที่ รูปแบบ > ส่วนประกอบเทมเพลต แล้วเลือก ส่วนท้าย (Footer) หากไม่พบ ให้เปิดเทมเพลตแล้วเลือกส่วนท้ายจากมุมมองรายการ

② เพิ่มหรือแก้ข้อมูล

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

③ บันทึกการเปลี่ยนแปลง

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

❺ แก้ไขด้วยธีมคลาสสิก

ธีมคลาสสิกอาจไม่มี Site Editor ให้แก้ Template Parts โดยตรง ให้ตรวจเครื่องมือที่ธีมมีให้

① ใช้เมนูปรับแต่งธีม

ไปที่ รูปลักษณ์ > ปรับแต่ง แล้วมองหาหมวด Header, Footer, เมนู หรือข้อมูลเว็บไซต์ ปรับค่าตามตัวเลือกที่มี จากนั้นดูตัวอย่างก่อนกดเผยแพร่

② ใช้เมนูและวิดเจ็ต

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

③ ตรวจข้อจำกัดของธีม

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

❻ ปัญหาที่พบบ่อยหลังแก้ Header หรือ Footer

① บันทึกแล้วหน้าเว็บไม่เปลี่ยน

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

② เมนูแสดงไม่ครบหรือผิดตำแหน่ง

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

③ ส่วนหัวหรือส่วนท้ายแสดงไม่เหมือนกันทุกหน้า

บางเทมเพลตอาจใช้ส่วนประกอบคนละชุด เปิดเทมเพลตของหน้าที่แสดงผลผิด แล้วตรวจว่าใช้ Header หรือ Footer แบบใด

❼ สรุป

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

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