เวิร์ดเพรสธีม บทที่ 1 : เกริ่นนำ
บทความนี้เป็นบทแรกของการสอนสร้างเวิร์ดเพลสธีม ผมจะไม่สอนทุกอย่างในครั้งเดียว แต่จะแบ่งออกเป็นบท ๆ (ไม่อยากอัดแน่นเกินไป) อนึ่งสิ่งที่ผมจะสอนนี้ไม่อาจจะเป็นบทความอ้างอิงได้ หมายความว่าผมจะสอนคุณไปทีละขั้น แต่ถ้าหากคุณต้องการเอกสารอ้างอิงก็สามารถอ่านได้จากเอกสารของเวิร์ดเพลสเอง ซึ่งมีให้ทุกอย่าง
บทนี้ประกอบไปด้วย
- กฏง่าย ๆ (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 ควบคุมการแสดงผลแทน
au8ust said,
ตุลาคม 20, 2008 @ 6:43 am
ของเขาดีจริง ๆ ครับ : )
แอ๋ม said,
ตุลาคม 20, 2008 @ 8:40 am
บทความดีมากครับ
รออ่านตอนต่อไปนะครับ
เทพอินเตอร์เนต said,
ตุลาคม 20, 2008 @ 10:57 am
ผมจะพิมพ์งานในword ต้องมีแท๊กอย่างงี้ด้วยเหรอครับ
อืมม ได้ความรู้ใหม่ๆ
Chan said,
ตุลาคม 20, 2008 @ 11:18 am
เยี่ยมมากๆครับ อยากอ่านอันลึกๆกว่านี้ อิอิ:”>
Sekr said,
ตุลาคม 22, 2008 @ 11:01 am
เจ๋งมากครับ เยี่ยมเลย
iNhumBa said,
ตุลาคม 23, 2008 @ 1:02 am
ขอบคุณครับ
รออ่านบทต่อไป อิอิ
Max said,
ตุลาคม 26, 2008 @ 5:22 pm
ืือืม….ขอบคุณสำหรับความรู้ดีๆ ครับ
โชว์ง้าว said,
ตุลาคม 26, 2008 @ 9:52 pm
หูยอยากอ่านต่อเร็วๆๆ จัง เมื่อไหร่ บทต่อไปจะมาอ่ะ
ไม่ต้องกลัวหนักไปหรอกนะ บทความดีๆ มีประโยชน์แบบนี้อยากอ่าน
คิคิ อยากอ่านใจจะขาดแล้วเนี่ยะ คาใจจัง
ขอตัวอย่างผลงานให้ดูด้วยนะ
Donkey said,
ตุลาคม 27, 2008 @ 10:15 pm
บทความนี้น่าสนใจครับ ผมจะรออ่านตอนต่อไป(อย่านานนักนะ ใจจะขาดแล้ว
haguhagu200 said,
ตุลาคม 28, 2008 @ 2:58 pm
ขออนุญาตเก็บบทความนี้ไปลงบล็อคผมน่ะครับ
normalfx said,
พฤศจิกายน 5, 2008 @ 4:21 pm
เป็นบทความที่น่าสนใจและเป็นประโยชน์กับผู้ที่เริ่มต้นเล่น wordpress จริงๆ ครับ
ป.ล. Wordpress ถ้าสะกดแบบไทยน่าจะเขียนแบบนี้นะครับ เวิร์ดเพรส
Bugnoms said,
พฤศจิกายน 13, 2008 @ 11:59 pm
เยี่ยมมากครับ ขอบคุณสำหรับบทความดีๆ จะเอาไปลองศึกษาและปฎิบัติดูครับ
kenglife said,
พฤศจิกายน 19, 2008 @ 3:30 pm
เยี่ยมครับ อยากจะเจาะลึกเวิร์ดเพลสซะที
naruto said,
ธันวาคม 11, 2008 @ 1:41 pm
ขอบคุณมากครับ ตามมาอ่านจาก thaiseoboard ครับ
อึ่ง easy4com said,
ธันวาคม 19, 2008 @ 11:24 am
ผมเข้าใจ css มากขึ้นเลยครับ
ขอบคุณมากครับ
NatZ said,
ธันวาคม 22, 2008 @ 10:38 am
สุดยอดบทความแห่งยุคครับ
/
เรื่องของ Wordpress ที่ชาวไทยไม่ค่อยจะเข้าใจกัน
Amp said,
มีนาคม 24, 2009 @ 1:21 pm
อ่านเข้าใจง่าย
และจะอ่านต่อไป
(อยากทำธีมเองเป็นอ่าค่ะ)
หุหุหุ
ขอบคุณมั่กๆคร๊า…..
owtsen said,
เมษายน 9, 2009 @ 11:36 am
เยี่ยมครับ…กำลังหาอ่านอยู่พอดีขอบคุณมากครับ
N@!Ohm said,
มิถุนายน 17, 2009 @ 9:18 pm
ถ้าไม่ได้เว็บนี้ช่วยผมแย่แน่ ๆเลย ขอบคุณมากครับ
ilearn said,
มิถุนายน 25, 2009 @ 4:27 pm
เยี่ยมเลยค่ะ เหมาะสำหรับผู้เริ่มต้นที่ต้องการพัฒนาธีม wordpress