เวิร์ดเพรสธีม บทที่ 1 : เกริ่นนำ
Oct 19th
บทความนี้เป็นบทแรกของการสอนสร้างเวิร์ดเพลสธีม ผมจะไม่สอนทุกอย่างในครั้งเดียว แต่จะแบ่งออกเป็นบท ๆ (ไม่อยากอัดแน่นเกินไป) อนึ่งสิ่งที่ผมจะสอนนี้ไม่อาจจะเป็นบทความอ้างอิงได้ หมายความว่าผมจะสอนคุณไปทีละขั้น แต่ถ้าหากคุณต้องการเอกสารอ้างอิงก็สามารถอ่านได้จากเอกสารของเวิร์ดเพลสเอง ซึ่งมีให้ทุกอย่าง
บทนี้ประกอบไปด้วย
- กฏง่าย ๆ (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 ควบคุมการแสดงผลแทน
อ่านต่อ>> เวิร์ดเพลสธีม บทที่ 2 : ไฟล์เทมเพลทและเทมเพลท
ของเขาดีจริง ๆ ครับ : )
บทความดีมากครับ
รออ่านตอนต่อไปนะครับ
:d:d
ผมจะพิมพ์งานในword ต้องมีแท๊กอย่างงี้ด้วยเหรอครับ
อืมม ได้ความรู้ใหม่ๆ
เยี่ยมมากๆครับ อยากอ่านอันลึกๆกว่านี้ อิอิ:”>
เจ๋งมากครับ เยี่ยมเลย
ขอบคุณครับ
รออ่านบทต่อไป อิอิ
ืือืม….ขอบคุณสำหรับความรู้ดีๆ ครับ:)>-
หูยอยากอ่านต่อเร็วๆๆ จัง เมื่อไหร่ บทต่อไปจะมาอ่ะ
ไม่ต้องกลัวหนักไปหรอกนะ บทความดีๆ มีประโยชน์แบบนี้อยากอ่าน
คิคิ อยากอ่านใจจะขาดแล้วเนี่ยะ คาใจจัง
ขอตัวอย่างผลงานให้ดูด้วยนะ :)>-
บทความนี้น่าสนใจครับ ผมจะรออ่านตอนต่อไป(อย่านานนักนะ ใจจะขาดแล้ว:)
ขออนุญาตเก็บบทความนี้ไปลงบล็อคผมน่ะครับ
เป็นบทความที่น่าสนใจและเป็นประโยชน์กับผู้ที่เริ่มต้นเล่น wordpress จริงๆ ครับ
ป.ล. WordPress ถ้าสะกดแบบไทยน่าจะเขียนแบบนี้นะครับ เวิร์ดเพรส=d>
เยี่ยมมากครับ ขอบคุณสำหรับบทความดีๆ จะเอาไปลองศึกษาและปฎิบัติดูครับ
:d:d:d
เยี่ยมครับ อยากจะเจาะลึกเวิร์ดเพลสซะที
ขอบคุณมากครับ ตามมาอ่านจาก thaiseoboard ครับ
ผมเข้าใจ css มากขึ้นเลยครับ
ขอบคุณมากครับ
สุดยอดบทความแห่งยุคครับ
เรื่องของ WordPress ที่ชาวไทยไม่ค่อยจะเข้าใจกัน :d/
อ่านเข้าใจง่าย
และจะอ่านต่อไป
(อยากทำธีมเองเป็นอ่าค่ะ)
หุหุหุ
ขอบคุณมั่กๆคร๊า…..:d
เยี่ยมครับ…กำลังหาอ่านอยู่พอดีขอบคุณมากครับ
ถ้าไม่ได้เว็บนี้ช่วยผมแย่แน่ ๆเลย ขอบคุณมากครับ :d
เยี่ยมเลยค่ะ เหมาะสำหรับผู้เริ่มต้นที่ต้องการพัฒนาธีม wordpress:)>-
Thank you for good information
แบบนี้ต้องลองครับ
ผมเพิ่งเริ่มหัดครับ กะลังลองทำตามอยุ่ ขอบคุณมากครับ เยี่ยมจิงๆ
ขอบคุณมากค่ะ มีประโยชน์มาก
กำลังทำเว็บจาก wordpress พอดีเลย :x
เยี่ยมมากเลยครับ ขอบคุณมากๆสำหรับบทความดีๆครับ
ได้แนวเลยครับ… ขอบคุณมากครับ
เพิ่งมาเจอบทความครับ
สุดยอดมากเลย
เขียนเยอะๆนะครับ
จะรออ่าน
บทความดีมากครับขอรับไปศึกษานะครับ กำลังศึกษาเว็บจาก wordpress พอดีเลย :)
Thank You Very Much
มีต่อไหมครับ เป็นแนวทางได้ดีเยี่ยมเลยครับ บทความดีๆ ต้องรักษาใ้ห้อยู่นานๆ
เยี่ยมมากเลยค่ะ อ่านเข้าใจง่ายดี
ขอบคุณมากครับ อ่านแล้วเข้าใจง่ายครับ
ขอบคุณครับ กำลังหัดทำ