︿
✖ CLOSE

WordPress 佈景主題製作架構解析

3 個月 之前│
Jin

製作WordPress佈景主題時,必需要先了解WordPress的基本結構,也就是裡面有多少個檔案、主要是要做什麼用的。WordPress佈景主題製作會覺得很難撰寫的原因,大多是因為不知道怎麼開始起步所以覺得困難,所以會以各個區塊的形式製作每篇文章的教學當做一個開始。以下標記為藍色的為大部分主要會使用到的檔案,也有標記文章教學連結及注意事項,教學也會以下述說明的檔案為主,如果有額外時間會在以特別篇的形式做教學。此外WordPress有些功能沒辦法以單篇文章完全做說明,也會以另外文章做教學。

WordPress最常見的版型格式為單欄、左欄、右欄的方式呈現,例如:nashiyoi.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 檔案說明:

style.css

用於設計WordPress版型樣式。

index.php

用於呈現WordPress 首頁。

comments.php

WordPress 留言區塊。

sidebar.php

自定義工具欄,通常會拿來使用側邊欄位、底部欄位…等等。

functions.php

函式檔,放置各種擴充功能,預設在主題時會自動加載。

single.php

文章頁,主要放置WordPress文章內容。

page.php

頁面,可以用來做文章頁之外其他的事。

archive.php

彙整頁面

category.php

類別彙整頁面。

tag.php

標籤彙整頁面。

author.php

作者頁面。

search.php

搜尋頁面。

attachment.php

圖片彙整頁面。

404.php

404頁面,用來顯示找不到網頁。

WordPress佈景主題製作是能夠用index.php及style.css就能製作一個網站,不過為了讓網站更豐富、檔案更好整理及區分功能性,所以通常佈景主題不會只用index.php及style.css製作,而是會融合上述所說明的架構來呈現。

關於WordPress系列文章事項
文章版本:
第 1.0 版本,此WordPress系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,最終版本會以最終版本告知(預計此系列文章會在12月前完成)

▪ 相關文章