imkopkap

รู้จักกับ Underscores

ใช้เวลา 7 นาที 13/08/2014

แก๊ปเคยแนะนำคลิปของ _s ( Underscores ) ไปแล้วรอบนึงนะครับซึ่งจะเป็นคลิปที่แนะนำว่าเจ้า _s เนี่ยมีไว้ใช้ทำอะไรแล้วมันดียังไง แต่วันนี้เจ้า _s ได้เพิ่มฟิวเจอร์เด็ดเข้าไปซึ่งจะเป็นแบบ Advance a little ( ขึ้นสูงติ๊ดๆ )

 

Underscores คืออะไร

โค้ด Theme WordPress สำเร็จรูปที่เก็บรวบรวมโค้ดที่ใช้สำหรับการสร้าง Theme WordPress ไว้ซึ่งก็จะมีหลายอย่างมากมาย ทั้งการแบ่งไฟล์ต้องมีไฟล์พวกนี้นะ header.php , index.php , footer.php หรือ functions.php ซึ่ง _s ไม่ได้บอกไว้หรอกครับ

 

แก๊ปจะอธิบายให้อ่าน ใน _s จะเป็น Theme สำเร็จรูป ก็จะเหมือน Theme WordPress ทั่วๆไปแต่ว่า _s เหมาะสำหรับแก่การศึกษา แกะโค้ดสร้าง Theme WordPress ถ้าอยากศึกษาเรื่องของการทำ Theme WordPress แก๊ปแนะนำว่าต้องรู้ซึ้งกับ Hierarchy ของ WordPress ด้วย ในหนึ่ง Folder ของ Theme ควรจะประกอบด้วยไฟล์อะไรบ้าง เหมือนที่แก๊ปบอกไปครับ เช่นไฟล์ header.php อะไรแบบนี้ ลองดูในเรื่องของ Hierarchy ควบคู่ไปกับ โค้ดของ _s นะครับ สักวันจะเข้าใจเอง

 

เข้าไปในเว็บของ Underscores ก็จะพบว่า หน้าตาเว็บก็เหมือนเดิมปกตินะ แต่ว่าในช่องของ Input กับ Generate เปลี่ยนไปนิดนึงครับ คือตรงข้างล่าง สังเกตว่ามันจะมีเมนู Advanced Option เมื่อเราคลิกไปจะได้ดังนี้

 

_s

 

ซึ่งจะเห็นได้ว่า เจ้า _s เนี่ยมันสามารถทำ style ให้เราได้แล้ว Wow !! ไม่ใช่ style css นะครับแต่เป็น style ในการกำหนดชื่อ Theme WordPress ซึ่งตอนเราเข้าไปในหน้าของ รูปแบบบล๊อก หรือ Theme ใน wp-admin เมื่อเรานำเมาส์ชี้ไปที่ Theme WordPress จะพบว่าเอ้ยย มันมีชื่อ Theme มันมีข้อมูลคนสร้าง มันมี Link เชื่อมต่อไปเว็บคนสร้าง หรือเว็บ Theme นั่นเอง

 

kopkap

 

ในตัวอย่างรูปด้านบน แก๊ปได้นำเอา Theme ของ _s มาลองดู แต่ว่ายังไม่ได้ใส่รูป screenshot นะครับเลยไม่มีโชว์ให้ดูกัน ก็จะสังเกตเห็นชื่อ Theme รายละเอียดต่างๆ ของ Theme มันเอง เมื่อเราคลิกปรับแต่งก็ยังไม่มีโชว์สีสันเว็บให้เราดู เพราะมันเป็น _s มีแค่โครงสร้างของ html และโค้ดของ WordPress ธรรมดาๆ ครับ

 

เท่าที่ดูในเว็บของ _s เจ้า _s ก็ได้เพิ่ม feature ขึ้นมาอีกหนึ่งตัวนั่นคือ Sass เมื่อเรากด Generate เรียบร้อยแล้ว เราก็จะได้โฟลเดอร์ใน Theme ของเรามาด้วยหนึ่งตัวชื่อ sass หากท่านใดที่ใช้ sass เป็น ก็ให้รันดูนะครับ เพราะว่าในโฟลเดอร์มีทุกอย่างเลยทั้ง style และเนื้อหา

 

หากมีอะไรสงสัยตรงไหนติดต่อได้ในทางแฟนเพจนะครับ Fanpage

บันทึกแนะนำ