วิธีเปลี่ยนธีม WordPress แล้วเว็บไซต์เพี้ยน

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

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

❶ สำรองเว็บไซต์และระบุอาการที่ผิดปกติ

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

① ตรวจสอบว่าหน้าใดมีปัญหา

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

• เมนูหรือโลโก้หายไป
• Sidebar หรือ Footer เปลี่ยนตำแหน่ง
• หน้าแรกไม่แสดงเนื้อหาตามที่ตั้งไว้
• ตัวอักษร สี หรือระยะห่างเปลี่ยน
• รูปภาพหรือปุ่มแสดงผลไม่ครบ
• หน้าเว็บบนมือถือจัดวางผิดปกติ

② ตรวจสอบว่าปัญหาเกิดทุกหน้าไหม

หากมีปัญหาเฉพาะบางหน้า อาจเกี่ยวข้องกับเทมเพลตของหน้านั้นหรือ Page Builder แต่ถ้าทุกหน้าแสดงผลผิดไปพร้อมกัน ให้เริ่มตรวจสอบค่าธีม เมนู แคช และปลั๊กอินที่ใช้ร่วมกัน

③ บันทึกการตั้งค่าของธีมเดิม

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

❷ ล้างแคชและตรวจสอบหน้าเว็บอีกครั้ง

บางครั้งเว็บไซต์ยังแสดงไฟล์ CSS หรือ JavaScript ที่ถูกเก็บไว้ก่อนเปลี่ยนธีม ทำให้เห็นรูปแบบเก่าปะปนกับธีมใหม่

① ล้างแคชจากระบบที่ใช้งาน

ล้างแคชจากปลั๊กอินแคช ระบบแคชของโฮสติ้ง หรือบริการแคชที่ตั้งค่าไว้ จากนั้นเปิดหน้าเว็บใหม่อีกครั้ง

② ทดสอบด้วยหน้าต่างส่วนตัวหรือเบราว์เซอร์อื่น

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

③ ตรวจสอบทั้งคอมพิวเตอร์และมือถือ

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

❸ ตั้งค่าเมนู โลโก้ และพื้นที่ Widget ใหม่

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

① กำหนดตำแหน่งเมนู

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

② ตรวจสอบโลโก้และอัตลักษณ์เว็บไซต์

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

③ จัดวาง Widget ใหม่

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

④ ตรวจสอบ Header และ Footer

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

❹ ตรวจสอบการตั้งค่าหน้าแรกและรูปแบบหน้า

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

① ตรวจสอบการกำหนดหน้าแรก

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

② ตรวจสอบเทมเพลตของแต่ละหน้า

เปิดหน้าเว็บที่มีปัญหาในเครื่องมือแก้ไข แล้วตรวจสอบว่าเลือกเทมเพลตที่ธีมใหม่รองรับหรือไม่ หากเทมเพลตเดิมเป็นของธีมเก่า อาจต้องเลือกแบบเต็มความกว้าง แบบปกติ หรือเทมเพลตอื่นที่มีให้

③ ตรวจสอบ Page Builder

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

❺ แก้ปัญหาสี ฟอนต์ และระยะห่างที่เปลี่ยนไป

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

① ตั้งค่าสีและฟอนต์ในธีมใหม่

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

② ตรวจสอบ CSS ที่เพิ่มไว้

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

③ ปิด CSS ที่สงสัยชั่วคราว

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

❻ ตรวจสอบปลั๊กอินเมื่อธีมใหม่ทำงานร่วมกันไม่สมบูรณ์

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

① ตรวจสอบปลั๊กอินที่เกี่ยวข้องกับหน้าที่มีปัญหา

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

② ทดสอบทีละตัวบนเว็บไซต์ทดสอบ

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

③ ตรวจสอบข้อความแจ้งข้อผิดพลาด

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

❼ ควรเปลี่ยนกลับไปใช้ธีมเดิมเมื่อใด

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

① ตรวจสอบว่าธีมเดิมยังติดตั้งอยู่

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

② ตรวจสอบเว็บไซต์หลังเปลี่ยนกลับ

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

③ เลือกช่วงเวลาที่เหมาะสม

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

❽ ป้องกันปัญหาก่อนเปลี่ยนธีมครั้งต่อไป

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

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

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