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 架構檔案:(待完整釋出)

  • CSS
    style.css
    用於設計 WordPress 版型樣式。
  • PHP
    index.php
    用於呈現 WordPress 首頁。
  • PHP
    comments.php
    WordPress 留言區塊。
  • PHP
    header.php
    標頭,用來放置內部導入連結(例如:CSS、JQuery)、Meta 標籤、選單…等等區塊。
  • PHP
    sidebar.php
    自定義工具欄,通常會拿來使用側邊欄位、底部欄位…等等。
  • PHP
    functions.php
    函式檔,放置各種擴充功能,預設在主題時會自動加載。
  • PHP
    single.php
    文章頁,主要放置WordPress文章內容。
  • PHP
    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
    404頁面,用來顯示找不到網頁。

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

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

喜歡這篇文章的話
請按個讚或者分享支持一下!

喜歡這篇文章的話
請按個讚或者分享支持一下!

最新的教學及情報資訊都在INMAG!

作者簡介

Avatar photo
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!