(Template Files and Templates)
ไฟล์เทมเพลทและเทมเพลท เป็นบทที่สองของชุดการสอนสร้างธีมเวิร์ดเพลส หากคุณยังไม่ได้อ่านบทที่ 1 เพื่อให้เข้าใจตรงกันในเรื่องของคำศัพท์ที่ใช้ จึงควรกลับไปอ่าน
บทที่ 1 ก่อนครับ
ในบทนี้จะช่วยให้คุณคุ้นเคยและมีความเข้าใจเกี่ยวกับ ไฟล์เทมเพลท, เทมเพลท, และโครงสร้างของแต่ละหน้า(page) มากยิ่งขึ้น
สิ่งหนึ่งที่ควรจำไว้คือ แต่ละหน้า(page)ของบล็อกคุณประกอบไปด้วยไฟล์เทมเพลทหลาย ๆ ไฟล์ ข้างล่างนี้คือตัวอย่างหน้าแรกของบล็อก

ในตัวอย่างข้างต้น หน้าแรกประกอบไปด้วยไฟล์เทมเพลท 4 ไฟล์ : header, index, sidebar, และ footer
ไฟล์เทมเพลทของส่วนหัว(header) :
blog?s title และ description อยู่ในส่วนหัวของบล็อกเพื่ออธิบายบล็อก ซึ่งจะมีเหมือน ๆ กันทุกหน้า
ไฟล์เทมเพลทของอินเด็กซ์(index) :ในส่วนนี้ประกอบไปด้วย ชื่อโพส(post title), เนื้อหา(ข้อความ และรูปภาพ), และ ส่วนอธิบายโพส(post meta data) ซึ่งก็คือ ข้อมูลเกี่ยวกับแต่ละโพส เช่น ผู้แต่ง, วันที่เผยแพร่, ประเภท, จำนวนคอมเม้นท์

ไฟล์เทมเพลทของเมนูด้านข้าง(sidebar) :ในส่วนนี้ประกอบไปด้วย รายการลิงค์ไปยังเว็บไซท์ต่าง ๆ, รายการลิงค์ไปยังประเภทของโพส, รายการลิงค์ไปยังเอกสารเก่า(แยกตามเดือน/ปี), รายการลิงค์ไปยังบล็อกเกอร์คนอื่น ๆ อนึ่งเมนูด้านข้างไม่จำเป็นต้องอยู่ด้านขวาของบล็อกเสมอไป ในตัวอย่างนี้เป็นการจัดวางแบบสองคอลัมน์

ไฟล์เทมเพลทของส่วนท้าย(footer) :
ในส่วนนี้ก็เหมือนกับส่วนหัว(header.php) ที่เหมือนกันในทุก ๆ หน้า คุณสามารถใส่อะไรไปในไฟล์นี้ก็ได้ แต่โดยทั่วไปแล้วควรจะเป็นข้อมูลลิขสิทธิ์ (copyright)
มาถึงตรงนี้ หลายคนคงสงสัยว่าทำไมผมต้องใส่สีตัวอักษรให้ index.php เป็นสีแดงในรูปแรก index.php เป็นสีแดงก็เพื่อชี้ให้เห็นว่าพื้นที่บริเวณนั้นสามารถเปลี่ยนแปลงได้ ขึ้นอยู่กับว่าเป็นหน้าไหนของบล็อก
ถ้าหากเป็นหน้าของเนื้อหาทั้งหมดหลังจากจากกดที่หัวข้อหน้าแรกของเว็บ เข้าไปแล้ว หน้านี้จะใช้ไฟล์ single.php ในการแสดงผล ดังนั้นจะประกอบไปด้วย 4 ไฟล์เทมเพลท :header, single, sidebar, และ footer หรือพูดง่าย ๆ ก็คือเอาไฟล์ single.php ไปแทนไฟล์ index.php

และถ้าคุณคลิกที่ category เมนูด้านข้าง หรือส่วนของ archive ในแต่ละเดือน หน้านี้จะใช้ไฟล์ archive.php ในการแสดงผล ถ้าหากเทมเพลตของคุณไม่มีไฟล์นี้ index.php จะถูกเรียกใช้แทน เทคนิคคือคุณสามารถ แสดงผลหน้าแรกด้วย index.php หลังจากกดที่เมนูด้านข้าง คุณก็สามารถที่จะแสดงผลในรูปแบบอื่นด้วยการเพิ่มลด html และ css ในไฟล์ archive.php และในหน้าในสุด จะเอาบล็อกคอมเม้นออกไปทั้งแถบเลยก็ได้ ด้วยการลบส่วนที่เรียก คอมเม้น เทมเพลต ในไฟล์ single.php
ที่มา:
http://www.divland.com/blog/2008/10/28/create-your-wordpress-theme-lesson2/#more-328