︿
✖ CLOSE

WordPress 佈景主題製作架構解析

10 個月 之前│
Jin@RJ

製作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 留言區塊。

header.php

標頭,用來放置內部導入連結(例如:CSS、JQuery)、Meta 標籤、選單…等等區塊。

sidebar.php

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

functions.php

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

single.php

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

page.php

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

footer.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月前完成)

文章如果有幫助到你,或許考慮<贊助我們>一杯咖啡,我們會持續創作好文章的。

▪ 相關文章