10. การแก้ไขโค้ดธีม ด้วยธีม Fruit (Child Theme)

ให้แก้ที่ธีม Fruit แทน

ในการแก้ไขธีมนั้น เราจะไม่แก้ไขที่ธีมหลัก (Parent Theme ในที่นี่คือธีม Plant) ตรงๆ นะครับ เพราะถ้ามีการอัปเดท โค้ดเหล่านั้นจะถูกทับไปครับ

เราเลยเตรียมธีม Fruit ซึ่งเป็นธีมลูก (Child Theme) ของ Plant ไว้ใช้งานในการเพิ่ม โค้ด CSS แก้ไขหน้าต่างๆ โดยที่ไม่ส่งผลกระทบต่อธีมหลัก

ให้ทำการโหลดธีม fruit 1.0

จากนั้นทำการ อัพโหลดธีม เลือกไฟล์ fruit-1.0.zip จากนั้นคลิกที่ ติดตั้งตอนนี้

เมื่อติดตั้งเสร็จแล้วคลิกที่ ใช้งาน

ซึ่งตอนนี้เราได้ใช้งาน Child Theme ของ Plant แล้ว

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

จากนั้นให้ทำการแก้ไขข้อความในกรอบสีเหลือง ตามแต่ที่ต้องการให้แสดงผล

จากนั้นให้ทำการ บีบอัดไฟล์ ตามเดิม
MacOS : Compress
Windows : Add to “xxx.zip”

จากนั้นทำการอัพโหลดไฟล์ที่เราทำการบีบอัดแล้วขึ้นไปบน WordPress

ลองคลิกเข้าดู รายละเอียดธีม

จะเห็นว่ารายละเอียดต่างๆ มีการเปลี่ยนแปลงไปตามที่เรากำหนดแล้ว แต่ธีมนี้ยังเป็น Child Theme ของ Plant ตามเดิม

หมายเหตุ

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