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 架構檔案:(待完整釋出)
- CSSstyle.css用於設計 WordPress 版型樣式。
- PHPindex.php用於呈現 WordPress 首頁。
- PHPcomments.phpWordPress 留言區塊。
- PHPheader.php標頭,用來放置內部導入連結(例如:CSS、JQuery)、Meta 標籤、選單…等等區塊。
- PHPsidebar.php自定義工具欄,通常會拿來使用側邊欄位、底部欄位…等等。
- PHPfunctions.php函式檔,放置各種擴充功能,預設在主題時會自動加載。
- PHPsingle.php文章頁,主要放置WordPress文章內容。
- PHPpage.php頁面,可以用來做文章頁之外其他的事。
- PHPfooter.php頁腳,主要放至於網頁底部的資訊,例如:版權聲明、特殊欄位。
- PHParchive.php彙整頁面。
- PHPcategory.php類別彙整頁面。
- PHPtag.php標籤彙整頁面。
- PHPauthor.php作者頁面。
- PHPsearch.php搜尋頁面。
- PHPattachment.php圖片彙整頁面。
- PHP404.php404頁面,用來顯示找不到網頁。
WordPress佈景主題製作是能夠用index.php及style.css就能製作一個網站,不過為了讓網站更豐富、檔案更好整理及區分功能性,所以通常佈景主題不會只用index.php及style.css製作,而是會融合上述所說明的架構來呈現。
關於WordPress系列文章事項
文章版本:第 2.0 版本,此WordPress系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,最終版本會以最終版本告知。