วิธีสร้าง Child Theme ใน WordPress พร้อมเตรียมไฟล์ที่จำเป็น

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

ไฟล์หลักที่ต้องมีคือ style.css ซึ่งใช้ระบุข้อมูลธีมและเชื่อมกับ Parent Theme ส่วน functions.php และไฟล์อื่นเป็นตัวเลือกตามสิ่งที่ต้องปรับแต่ง สำหรับธีมแบบบล็อก อาจใช้ theme.json หรือไฟล์ Template เมื่อจำเป็นต้องปรับดีไซน์หรือโครงสร้างเพิ่มเติม

❶ เตรียมข้อมูลก่อนสร้าง Child Theme

① ตรวจชื่อโฟลเดอร์ของธีมแม่

ไปที่ รูปแบบเว็บ > ธีม แล้วตรวจธีมที่ต้องการต่อยอด จากนั้นตรวจชื่อโฟลเดอร์ธีมแม่ในไฟล์ของเว็บไซต์ ชื่อที่ใช้เชื่อม Child Theme ต้องตรงกับชื่อโฟลเดอร์ ไม่ใช่ชื่อที่แสดงบนหน้าเว็บเสมอไป

② สำรองข้อมูลเว็บไซต์

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

③ เตรียมรายการที่จะปรับแต่ง

ระบุว่าจะปรับอะไร เช่น CSS, Template, ฟังก์ชัน หรือรูปแบบของธีมแบบบล็อก หากต้องการเปลี่ยนเพียงสี ฟอนต์ หรือเมนู ให้ตรวจตัวเลือกของธีมและ Site Editor ก่อน เพราะอาจไม่จำเป็นต้องสร้าง Child Theme

❷ ไฟล์ที่จำเป็นและไฟล์ที่อาจต้องใช้

① style.css

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

สำหรับธีมแบบคลาสสิก ไฟล์นี้อาจใช้เก็บ CSS เพิ่มเติมด้วย ส่วนธีมแบบบล็อก การจัดการสไตล์จำนวนมากมักทำผ่าน theme.json

② functions.php

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

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

③ theme.json

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

④ ไฟล์ Template และส่วนประกอบอื่น

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

❸ วิธีสร้าง Child Theme ด้วย Plugin

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

① ติดตั้งและเลือกธีมแม่

ติดตั้ง Plugin สำหรับสร้าง Child Theme จากคลัง Plugin WordPress เปิดเครื่องมือ แล้วเลือก Parent Theme ที่ต้องการสร้างธีมลูกให้

② ตั้งชื่อและสร้างธีมลูก

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

③ ตรวจไฟล์และเปิดใช้งาน

เมื่อสร้างเสร็จ ให้ไปที่ รูปแบบเว็บ > ธีม ตรวจว่าธีมลูกปรากฏในรายการ ติดตั้ง Parent Theme ไว้ในเว็บไซต์ แล้วเปิดใช้งาน Child Theme

หากเว็บไซต์ใช้ธีมแบบบล็อก ให้ตรวจว่า Plugin รองรับการสร้าง Child Theme สำหรับธีมชนิดนั้นและจัดการไฟล์ที่ต้องใช้ได้ถูกต้อง

❹ วิธีสร้าง Child Theme ด้วย File Manager หรือ SFTP

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

① สร้างโฟลเดอร์ธีมลูก

ในโฟลเดอร์ wp-content/themes/ ให้สร้างโฟลเดอร์ใหม่สำหรับ Child Theme ตั้งชื่อให้จำง่ายและไม่ซ้ำกับธีมอื่น โดยทั่วไปชื่อโฟลเดอร์จะใช้ตัวพิมพ์เล็กและขีดกลาง

② เตรียมไฟล์ style.css

สร้างไฟล์ style.css ในโฟลเดอร์ธีมลูก และใส่ข้อมูลหัวไฟล์ที่ WordPress ใช้ระบุธีม รวมถึงชื่อ Parent Theme ในช่อง Template ให้ตรงกับชื่อโฟลเดอร์ของธีมแม่

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

③ เพิ่มไฟล์อื่นตามงานที่ต้องทำ

เพิ่ม functions.php เมื่อจำเป็นต้องเพิ่มการทำงาน และเพิ่ม theme.json หรือ Template เมื่อมีการปรับแต่งที่ต้องใช้ไฟล์เหล่านั้น ไม่ควรคัดลอกไฟล์ทั้งหมดจาก Parent Theme มาไว้ใน Child Theme เพราะจะทำให้ดูแลการเปลี่ยนแปลงยากขึ้น

④ ตรวจธีมในหน้าแอดมิน

หลังอัปโหลดไฟล์ ให้ไปที่ รูปแบบเว็บ > ธีม หาก Child Theme ปรากฏในรายการ แสดงว่า WordPress อ่านข้อมูลธีมได้ จากนั้นตรวจว่า Parent Theme ติดตั้งอยู่ก่อนเปิดใช้งาน

❺ เปิดใช้งานและทดสอบ Child Theme

① เปิดใช้งานจากหน้า Themes

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

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

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

③ ตรวจการปรับแต่งทีละส่วน

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

❻ ปัญหาที่พบบ่อย

• Child Theme ไม่ปรากฏ: ตรวจตำแหน่งโฟลเดอร์และไฟล์ style.css
• WordPress แจ้งว่าไม่พบ Parent Theme: ตรวจชื่อโฟลเดอร์ในช่อง Template ให้ตรงกับธีมแม่
• เปิดใช้งานแล้วหน้าตาไม่เปลี่ยน: Child Theme จะสืบทอดหน้าตาเดิมจนกว่าจะมีการปรับแต่ง
• ธีมแบบบล็อกแสดงสไตล์ไม่ตรง: ตรวจว่าไฟล์ theme.json และ Template อยู่ในโครงสร้างที่เหมาะสม
• เว็บไซต์แสดงข้อผิดพลาดหลังเพิ่มไฟล์: ปิดใช้งานหรือย้ายไฟล์ที่เพิ่งเพิ่ม แล้วตรวจไฟล์สำรองก่อนแก้ต่อ

❼ เช็กลิสต์ก่อนเปิดใช้งาน

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

❽ สรุป

สร้าง Child Theme ได้ด้วย Plugin ที่เหมาะสมหรือสร้างไฟล์เอง โดย style.css เป็นไฟล์หลักที่ใช้ระบุธีมลูกและเชื่อมกับ Parent Theme ส่วน functions.php, theme.json และ Template ใช้เมื่อจำเป็นตามชนิดธีมและงานที่จะปรับ

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