Fruit (Child Theme)

For those who want to modify the Plant theme, if we modify the theme file directly, when the theme is updated, it will overwrite the file we modified. Therefore, we should use the child theme called Fruit in order to modify it, by

1. Adding CSS/JS in the theme, which the Fruit theme has prepared empty files for us
2. Overriding Templates, which is copying PHP files from Plant and putting them in Fruit with the same folder structure (e.g. header.php / footer.php or files in /parts)

Download

ไปที่หน้า สมาชิก → ดาวน์โหลด แล้วคลิกด้านล่างที่เขียนว่า Child Theme: Fruit

VS Code Extensions

ในธีม fruit นี้ ใช้ SCSS ในการสร้าง CSS เพื่อให้เขียนโค้ดง่ายและเป็นระเบียบ และหากยังเขียนไม่เป็น ก็ใส่โค้ด CSS ธรรมดาได้เลย แต่ว่าต้องลง Extension เพื่อแปลง SCSS เป็นไฟล์ CSS ด้วย

เลยขอสรุป Extension ที่แนะนำ ดังนี้

1. Live Sass Compiler สำหรับแปลงไฟล์ scss เป็น css
2. Prettier สำหรับปรับความสวยงามของโค้ด css, js
3. php cs fixer สำหรับปรับความสวยงามโค้ด PHP (กรณีที่ต้องการพัฒนาเทมเพลตเพิ่ม)

Development

แตกไฟล์ .zip จะได้โฟลเดอร์ชื่อ fruit3 ให้เปลี่ยนเป็นชื่อที่ต้องการ (เช่น my-theme)

แล้วเปิดทั้ง Folder นี้ด้วย Text Editor โดยเราแนะนำ Visual Studio Code เพราะใช้ง่าย และฟรี

แล้วแก้ไขไฟล์ style.css ตามรูป เพื่อปรับข้อมูลธีมเป็นชื่อของเรา

หลังจากนั้น ให้แก้ CSS ที่ assets/scss/ ซึ่งมี 2 ไฟล์คือ

1. style-m.scss สำหรับ CSS บนมือถือ (จอกว้างน้อยกว่า 1023px)
2. style-d.scss สำหรับ CSS บนจอคอม (ความกว้าง 1024px ขึ้นไป)

Disable ACF PRO

สำหรับคนที่ต้องการใช้ ACF Pro แบบลง License และอัปเดตเอง สามารถตั้งค่าให้ไม่ใช้งาน ACF Pro จากธีม Plant ได้ โดยเพิ่มโค้ดนี้ใน functions.php

define('PLANT_DISABLE_ACF', true);