การใช้งาน Sass css อย่างง่ายใน WordPress

ก่อนอื่นก็ enqueue style(โหลด css) ที่เราจะใช้ในธีมหลักที่ไฟล์ functions.php ก่อนเลยครับ ปกติผมชอบโหลดหลังจากสคริปหลักๆพวก Bootstrap และไฟล์ style.css ของธีมหลัก หรือเราจะใช้ style.css ของธีมหลักเลยก็ได้ ถ้าเราเลือกจะใช้ไฟล์หลักของธีม แต่ส่วนตัวผมชอบแยกเป็นอีกไฟล์นึงต่างหาก หลังจากนั้นก็ติดตั้ง Sass ด้วยคำสั่งด้านล่างนี้ครับ แต่ก่อนอื่นในเครื่องต้องลง node js ก่อนนะ แค่นี้เราก็ได้ตัว compile Sass มาไว้ในเครื่องแล้วครับ จากนั้นก็ใช้ Command prompt(ผมใช้ Windows) หรือ Linux ก็น่าจะเป็น Terminal cd เข้าไปในโฟลเดอร์ที่เก็บไฟล์ css ไว้ ซึ่งในกรณีของผมผมเก็บไว้ที่ assets ใน โฟลเดอร์ assets ผมจะมีไฟล์ custom-style.scss อยู่หลังจากนั้นก็สั่งให้มัน compile ไฟล์ .scss เป็น .css อัตโนมัตด้วยคำสั่งด้านล่างนี้ครับ แล้วก็ลงมือเขียนโค้ดในไฟล์… Continue reading การใช้งาน Sass css อย่างง่ายใน WordPress

การสร้างธีม WordPress ง่ายๆด้วย Underscores

Underscores.me เป็นเว็บไซต์สำหรับ generate ธีม WordPress เบื้องต้นแบบง่ายๆครับ สิ่งที่เราจะได้มาคือโครงสร้างเริ่มต้นแบบคลีนๆสำหรับทำธีม WordPress เลย มีไฟล์ต่างๆที่จำเป็น ส่วนประกอบต่างๆของธีมครบถ้วน และเราก็สามารถเริ่มทำธีมสำหรับเว็บไซต์เราได้เลย โดยจะใส่ library ต่างๆที่ต้องการใช้ในธีมเข้าไป เช่นพวก Front-end framework อย่าง Bootstrap ที่ให้ Component สวยๆต่างๆสำหรับทำหน้าเว็บมาให้เราครบถ้วน Slick หรือ Owl carousel ที่เอาไว้ทำสไลด์สวยๆบนเว็บก็ว่ากันไป เรียกว่าอยากใช้อะไรก็หยิบมาใช้ได้เองตามสะดวกได้เลย ก่อนอื่นก็ไปที่หน้าเว็บ underscores.me ได้เลย เว็บหน้าเดียวเพียวๆครับ เราจะเจอแค่ฟีลสำหรับกรอกชื่อธีมของเรา slug ของธีม ชื่อผู้สร้างธีม url description ต่างๆตามรูปด้านล่างที่เห็นเลยครับ ก็แค่กดปุ่ม Generate เลย แล้วเราก็จะได้ธีมเปล่าๆที่พร้อมนำไปพัฒนาต่อได้เลย ง่ายๆกว่าปอกกล้วยดิบเยอะเลยครับ