ผู้เขียน หัวข้อ: เวิร์ดเพรสธีม บทที่ 1 : เกริ่นนำ  (อ่าน 1457 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
เวิร์ดเพรสธีม บทที่ 1 : เกริ่นนำ
« เมื่อ: 26 มิถุนายน 2016, 01:52:51 »
บทความนี้เป็นบทแรกของการสอนสร้างเวิร์ดเพลสธีม ผมจะไม่สอนทุกอย่างในครั้งเดียว แต่จะแบ่งออกเป็นบท ๆ (ไม่อยากอัดแน่นเกินไป) อนึ่งสิ่งที่ผมจะสอนนี้ไม่อาจจะเป็นบทความอ้างอิงได้ หมายความว่าผมจะสอนคุณไปทีละขั้น แต่ถ้าหากคุณต้องการเอกสารอ้างอิงก็สามารถอ่านได้จากเอกสารของเวิร์ดเพลสเอง ซึ่งมีให้ทุกอย่าง

 บทนี้ประกอบไปด้วย
  • กฏง่าย ๆ (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
« แก้ไขครั้งสุดท้าย: 20 ตุลาคม 2016, 03:38:10 โดย smf »