WordPress 佈景主題製作架構解析

作者:Jin
分類:網站架設WordPress
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系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,最終版本會以最終版本告知。