ใช้งานไอค่อนในเว็บไซต์จาก Font Awesome

Font Awesome คืออะไร? ขอเกริ่นก่อนเลยแล้วกันครับว่ามันคือไอค่อนต่างที่เราใช้กันบนเว็บไซต์นั่นแหละ และข้อดีคือมันเป็น Vector icon แล้วไอ้เจ้า Vector icon นี่มันคืออะไรหว่า จริงๆมันก็คือ icon ที่ขยายยังไงก็ไม่แตกนั่นแหละครับ คมชัด กริ๊บเหมือนเดิม ไม่ว่าจะขยายให้ใหญ่ขนาดไหนก็ตาม นั่นคือข้อดีของมัน ทำไมถึงต้องใช้ Font Awesome? ปกติเวลาผมรับงานออกแบบมาจากดีไซน์เนอร์เค้ามักจะส่งไฟล์พวก PSD หรือไม่ก็ XD มาให้ ซึ่งในนั้นมันจะมีไอค่อนต่างๆอยู่มากมาย(มั้งนะ) พอเราจะนำมันมาใส่ในหน้าเว็บงี้ เรามีทางเลือกอยู่ 2 ทาง ทางแรกคือขอให้ดีไซน์เนอร์เค้า export มันออกมาให้ หรือทำเองครับ ก็คือจิ้มบน layer ในไฟล์ดีไซน์แล้ว export ออกมาเอง ซึ่งผมก็ไม่ได้ขยันอะไรขนาดนั้น แต่ก็ไม่ได้ชอบรอขนาดนั้นอีกนั่นแหละ เผื่อฝั่งดีไซน์เนอร์เค้าไม่ว่างทำให้ เราก็ต้องรอเค้าอยู่ดี ทางเลือกของเราก็เลยต้องเป็นเลือกใช้งาน Font Awesome ซึ่งมันมีไอค่อนส่วนใหญ่ให้เลือกใช้อยู่แล้ว เรียกว่าครบถ้วนเลยแหละ ไม่ใช่ว่ามันมีแค่ Font Awesome นะครับ มีหลายตัวให้เลือกใช้ แค่ตัวนี้เป็นตัวที่คุ้นเคยกันดี… Continue reading ใช้งานไอค่อนในเว็บไซต์จาก Font Awesome

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

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