ตั้งแต่ WordPress 5.9 เป็นต้นมา Block Theme และ Site Editor ได้กลายเป็นแนวทางหลักของการพัฒนาธีม บทความนี้สรุปโครงสร้างและแนวคิดสำคัญที่ผมใช้จริงในทุกโปรเจกต์
theme.json คือหัวใจของทุกอย่าง
แทนที่จะกระจาย CSS ไปทั่วโปรเจกต์ ให้กำหนด Design Tokens ทั้งหมด — สี ฟอนต์ ระยะห่าง — ไว้ใน theme.json ที่เดียว เมื่อดีไซน์เปลี่ยน เราแก้จุดเดียวแล้วมีผลทั้งเว็บ
- กำหนด palette สีพร้อมชื่อ slug ที่สื่อความหมาย
- ใช้ fluid typography ให้ตัวอักษรปรับขนาดตามหน้าจอ
- ตั้ง spacing scale เป็นระบบเดียวกันทั้งเว็บ
Templates และ Patterns
แยกส่วนที่ใช้ซ้ำเป็น Pattern (ไฟล์ PHP ในโฟลเดอร์ patterns) แล้วให้ Template เรียกใช้ผ่านบล็อก wp:pattern วิธีนี้ทำให้แก้เนื้อหาจุดเดียวมีผลทุกหน้าที่ใช้ pattern เดียวกัน
ธีมที่ดีไม่ใช่ธีมที่มีออปชันเยอะ แต่เป็นธีมที่แก้ไขง่ายและพังยาก
บทเรียนจากการดูแลเว็บไซต์ลูกค้ากว่าสิบปี
ใส่ความเห็น