WordPress 佈景主題製作架構解析

WordPress製作佈景主題時,必需要先了解WordPress的基本結構,也就是裡面有多少個檔案、主要是要做什麼用的。WordPress佈景主題製作會覺得很難撰寫的原因,大多是因為不知道怎麼開始起步所以覺得困難,所以會以各個區塊的形式製作每篇文章的教學當做一個開始。
以下為大部分主要會使用到的檔案,教學也會以下述說明的檔案為主,如果有額外時間會在以特別篇的形式做教學,此外WordPress有些功能沒辦法以單篇文章完全做說明,也會以另外文章做教學。
WordPress最常見的版型格式為單欄、左欄、右欄的方式呈現,例如:ingtt.com 網站就是以左邊為內容,右邊側邊欄來呈現,佈景主題製作教學也會以左右欄為主以及教學如何製作單欄形式。
哪些是這系列教學會使用到的檔案?
用一個表格來說明,網站呈現的頁面各自會在某個區塊。
style.css
functions.php
header.php
comments.php
page.php
archive.php
category.php
tag.php
author.php
search.php
attachment.php
404.php
sidebar.php
footer.php
WordPress 檔案說明:
下載空白 WordPress 架構檔案:(待完整釋出)
style.css
- CSS
- 用於設計 WordPress 版型樣式。
index.php
- PHP
- 用於呈現 WordPress 首頁。
comments.php
- PHP
- WordPress 留言區塊。
header.php
- PHP
- 標頭,用來放置內部導入連結(例如:CSS、JQuery)、Meta 標籤、選單等區塊。
sidebar.php
- PHP
- 自定義工具欄,通常用於側邊欄位、底部欄位等功能。
functions.php
- PHP
- 函式檔,放置各種擴充功能,主題載入時會自動加載。
single.php
- PHP
- 文章頁,主要用於顯示 WordPress 單篇文章內容。
page.php
- PHP
- 頁面範本,用於處理非文章頁的內容。
footer.php
- PHP
- 頁腳,通常放置於網頁底部,包括版權聲明及其他資訊。
archive.php
- PHP
- 彙整頁面範本。
category.php
- PHP
- 類別彙整頁面範本。
tag.php
- PHP
- 標籤彙整頁面範本。
author.php
- PHP
- 作者頁面範本。
search.php
- PHP
- 搜尋結果頁面範本。
attachment.php
- PHP
- 附件(圖片等)彙整頁面範本。
404.php
- PHP
- 404 錯誤頁面,用於顯示找不到的網頁。
WordPress佈景主題製作是能夠用index.php及style.css就能製作一個網站,不過為了讓網站更豐富、檔案更好整理及區分功能性,所以通常佈景主題不會只用index.php及style.css製作,而是會融合上述所說明的架構來呈現。
關於WordPress系列文章事項
文章版本:第 2.0 版本,此WordPress系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,最終版本會以最終版本告知。