บทความนี้เป็นบทแรกของการสอนสร้างเวิร์ดเพลสธีม ผมจะไม่สอนทุกอย่างในครั้งเดียว แต่จะแบ่งออกเป็นบท ๆ (ไม่อยากอัดแน่นเกินไป) อนึ่งสิ่งที่ผมจะสอนนี้ไม่อาจจะเป็นบทความอ้างอิงได้ หมายความว่าผมจะสอนคุณไปทีละขั้น แต่ถ้าหากคุณต้องการเอกสารอ้างอิงก็สามารถอ่านได้จาก
เอกสารของเวิร์ดเพลสเอง ซึ่งมีให้ทุกอย่าง
บทนี้ประกอบไปด้วย- กฏง่าย ๆ (Basic Rules)
- คำศัพท์ที่ควรรู้(Lingo)
- ลำดับชั้นของไฟล์(Hierarchy)
กฏง่าย ๆ (Basic Rules)- กฏข้อที่ 1 : ปิดทุกแท็ก(tag) ที่คุณเปิดมันไว้
วิธีปิดแท็กที่ผิด ผิดเพราะอะไรนะหรือ : วางแท็กปิด ul ไว้ผิดลำดับ แท็กทุกแท็กจะอยู่ในเครื่องหมาย “<” และ “>” เครื่องหมาย “/” ใส่ไว้เพื่อระบุว่าแท็กนั้น ๆ เป็นแท็กปิด ในตัวอย่างข้างต้นผมใช้ ul (unordered list) และ li(list item) แท็ก โปรดสังเกตวิธีการวาง <li></li> จะต้องอยู่ใน <ul></ul> ซึ่งเรียกว่าการวางแบบซ้อน (nesting) - กฏข้อที่ 2 : ทุก ๆ ธีม(theme) จะต้องประกอบไปด้วย อย่างน้อย 2 ไฟล์ – style.css และ index.php ถ้าคุณอยากให้ธีมเวิร์ดเพลสของคุณมีอะไรบ้างก็ใส่ไว้ในไฟล์ index.php และ อยากให้ธีมมีหน้าตาเป็นยังไงก็ใส่ไว้ในไฟล์ style.cssนี่คือรายการไฟล์ของธีมเวิร์ดเพลส (มันอาจจะเยอะและไม่ค่อยคุ้นเท่าไหร่แต่ยังไม่ต้องกังวลครับ)
- style.css
- index.php
- home.php
- single.php
- page.php
- archive.php
- category.php
- search.php
- 404.php
- comments.php
- comments-popup.php
- author.php
- date.php
คำศัพท์ที่ควรรู้(Lingo)- เทมเพลท(Template) คือชุดของโค้ดที่สามารถนำไปใช้ได้หลาย ๆ ที่ โดยที่เราไม่ต้องเขียนโค้ดนั้นใหม่ครั้งแล้วครั้งเล่า
- ไฟล์เทมเพลท(Template file) คือไฟล์ที่ประกอบไปด้วยชุดของโค้ด(เทมเพลท) หนึ่งชุด หรือ หลาย ๆ ชุดก็ได้ แต่ละหน้า(page) จะถูกสร้างขึ้นมาจากไฟล์เทมเพลทหลาย ๆ ไฟล์ เช่น index.php, style.css, sidebar.php ฯลฯ
- ธีม หรือ ธีมเวิร์ดเพลส(Theme or WordPress theme) คือ ทุกไฟล์ที่คุณใช้ไม่ว่าจะเป็น ข้อความ รูปภาพ โค้ด หมายเหตุเวิร์ดเพลสธีม กับ เวิร์ดเพลสเทมเพลท หลายคนมักคิดว่าเหมือนกัน ผมขอบอกตรงนี้เลยว่าไม่เหมือนกันนะครับ
- โพส(Post) คือ บทความหรือจะเรียกว่าอะไรก็แล้วแต่ในบล็อก เช่น หน้าที่คุณกำลังอ่านอยู่นี้ก็เรียกว่าโพส
- หน้า(Page) คือ โพสชนิดพิเศษที่จะไม่ถูกจัดแบ่งโดยประเภท(categories) โดยจะถูกแยกออกมาจากโพส
ลำดับชั้นของไฟล์(Hierarchy) แผนภาพข้างล่างนี้แสดงให้เห็นถึงโครงสร้างระบบของเวิร์ดเพลส ในที่นี้แสดงให้เห็นแค่ 6 ไฟล์ จากทั้งหมด 13 ไฟล์ เพราะว่าเราจะให้ความสนใจทั้งหกไฟล์นี้เป็นพิเศษ
การจัดวางลำดับชั้นของแต่ละไฟล์ในแผนภาพมีนัยสำคัญ บน,ซ้าย คือ สำคัญที่สุด ล่าง,ขวา คือ สำคัญน้อยที่สุด
ลำดับชั้นมีความสำคัญต่อเทมเพลทไฟล์เพราะถ้าหาก archive.php ที่ควบคุมการแสดงผลหน้า archive หายไป เวิร์ดเพลสก็ยังแสดงผลได้อยู่โดยใช้ index.php ควบคุมการแสดงผลแทน
หรือถ้าไฟล์ single.php หายไป เวิร์ดเพลสก็จะใช้ index.php ควบคุมการแสดงผลแทน
ที่มา:
http://www.divland.com/blog/2008/10/19/create-your-wordpress-theme-lesson1/#more-330