ขอคำแนะนำการ custom css ใน child theme

Question

สวัสดีครับ จาก post ก่อนหน้านี้ ที่ผมได้ทำการลองสร้าง template part ใน fruit theme
คราวนี้ ผมอยากลอง custom css ต้องบอกก่อนว่าผมไม่ค่อยถนัดพวก css แต่อยากลองฝึกดูครับ

อย่างเช่น content-item -caption
ถ้าผมต้องการเอาไป custom เองใน fruit theme ต้องเริ่มยังไง ขอคำแนะนำด้วยน่ะครับ

เม่น · Accepted Answer

ถ้าหมายถึงแก้ CSS แนะนำให้อ่านหน้านี้ก่อนนะครับ

https://docs.seedwebs.com/article/11-how-to-use-seed

ซึ่งจะเห็นว่า แนะนำให้ใช้ VS Code + Live Sass Compiler สำหรับ Compile จาก SCSS ไปเป็น CSS ครับ

ถ้าลง Extension ไว้ ก็เข้าไปแก้ไฟล์ใน /css/scss/ ได้เลย ระบบจะแปลงเป็น CSS ให้อัตโนมัติครับ

Benn · Answer

สวัสดีครับ

ผมจะลองอธิบายเป็นข้อๆตามขั้นตอนนะครับ

ใน Child Theme หากยังไม่มีโฟลเดอร์ที่ชื่อว่า template-parts ให้สร้างไว้ก่อนครับ
สร้าง template part ที่ต้องการ อาจจะก๊อปปี้จาก Theme หลักมาเป็นต้นฉบับก่อน จากนั้นเปลี่ยนชื่อไฟล์
อย่าลืมเปลี่ยน Loop Name ของ template part นั้นๆด้วยนะครับ
<?php
/**
* Loop Name: Content Post Detail
*/
?>
เขียนโค้ด Custom ที่ต้องการใน template part ที่เราสร้างได้เลยครับ

ตัวอย่างการสร้าง

จะเห็นว่าผมเอาต้นฉบับของ content-card.php มาใช้ปรับใหม่ เพื่อให้ได้โครงสร้างตามที่ผมต้องการ และตั้งชื่อใหม่เป็นอะไรก็ได้ (ของผมตั้งไว้ว่า content-only-text.php)

paper · Answer

ขอบสอบเรื่อง css เพิ่มเติมจากกระทู้นี้ครับ
seed & plat theme สามารถเรียกใช้งาน พวก bootstrap ได้ไหมครับ
พอดีผมกำลังดูจากคลิปคอร์สเดิม เห็นมีให้เรียกใช้ bootstap

ขอบคุณครับ

[ได้คำตอบแล้ว] ขอคำแนะนำการ custom css ใน child theme