wordpress主題如何開發

發布: 2019-07-19 16:59:23
原創
6287 人瀏覽過

wordpress主題如何開發

雖然現在免費的Wordpress主題滿天飛,但做為一個Geek你有沒有考慮過寫一個屬於自己的Wordpress主題呢。這篇文章就教你如何從最基礎開始做一個Wordpress主題。

主題的文件結構:

寫之前先要了解Wordpress主題的結構。

WordPress主題放在wp-content/themes/下,做為一個獨立的資料夾存在。資料夾的名字隨意,但不要使用純數字,否則會導致主題無法在主題清單中正常顯示。主題資料夾中包含該主題所需的所有樣式檔案、範本檔案、函數檔案、JavaScript腳本 檔案、靜態檔案等。

一個最小的主題通常由三類檔案組成:

樣式表檔案style.css

函數檔functions.php(可選)

範本檔案

注意,這些檔案的名稱是固定的,不能隨意更改。

下面我們就來分別看一看每個檔案有什麼作用。

樣式文件:

style.css是主題的必選文件,因為其中包含了對這個主題的描述資訊。一個style.css的頭部資訊如下:

/* Theme Name: 主题名称(必选)
Theme URI: 主题的地址,可选,格式为一个URL,如http://wordpress.org/
Description: 对主题的描述,会显示在主题列表中。
Author: 作者 
Version: 版本,如1.0 Tags: 给主题加的一些标签,可选,一般是为了让用户更方便搜索到这个主题。 
*/
登入後複製

需要注意的是,每個主題都應該有一個自己的主題名稱(Theme Name),以便於在主題列表中可以區分。

函數檔:

除非你建立一個純粹靜態的主題,否則你一定會呼叫到Wordpress的API。這些主題要用到的函數就寫在functions.php檔案中。你可以以Wordpress自備主題中的functions檔案做為參考。

模板文件:

模板文件不是一個文件,而是一類php文件。它們決定了你每個頁面的最終顯示效果。範本檔案遵循一定的命名規則,以下是每個範本的名稱和用途。

模板檔案說明:

index.php

主模板。如果你的主題使用自己的模板,index.php 是必須要有的。

comments.php

評論模板.

front-page.php

首頁模板,僅用於開啟靜態首頁時。

home.php

主頁模板,預設的首頁。如果你開啟了靜態首頁這是展現最新的文章的範本頁面。

single.php

單獨頁面模板。顯示單獨的一篇文章時被呼叫。對於這個以及其他的請求模板,如果模板不存在會使用 index.php。

single-.php

自訂單獨頁面模板。例如,single-books.php 展示自訂文章類型為books的文章. 如果文章類型未被設定則使用index.php。

page.php

頁面模板,獨立頁面呼叫。

category.php

分類模板,分類頁面呼叫。

tag.php

標籤模板,標籤頁面呼叫。

taxonomy.php

術語模板,請求自訂分類法的術語時使用。

author.php

作者模板,作者頁面呼叫。

date.php

#日期/時間模板,按時間查詢時使用的模板。

archive.php

存檔模板,查詢分類,作者或日期時使用的模板。需要注意的是,該模板將會分別被category.php, author.php, date.php所覆蓋(如果存在的話)。

search.php

搜尋結果模板,顯示搜尋結果時使用的模板。

attachment.php

附件模板,查看單一附件時使用的模板。

image.php

圖片附件模板,當在wordpress中查看單一圖片時將呼叫此模板,如果不存在此模板,則呼叫attachment.php 模板。

404.php

404 錯誤頁面模板,當WordPress無法查找到符合查詢的日誌或頁面時,使用404.php檔案。

沒有特別的數量要求,你甚至可以只使用一個文件index.php作為模板文件,所有 頁面都會使用這個模板,多數情況下,你會有多個模板來顯示不同的頁面。具體模板的呼叫順序可以參考下圖:

wordpress主題如何開發

一個最簡單的主題:

知道了上面這些之後,我們來看一個最簡單主題範例。首先,這個主題包含以下幾個檔案:

style.css

index.php

#single.php

header.php

sidebar.php

footer.php

style.css的內容上面已經提及,你只需要補充自己需要的css就可以了。

header.php, sidebar.php, footer.php分類是頁面的頂部、側邊欄、尾部。文章採用single.php作用模板,其它頁(如首頁)會採用index.php做模板。

index.php的內容為:

<?php get_header(); ?> 
<?php get_sidebar(); ?>
 <?php get_footer(); ?>
登入後複製

文章頁面模板single.php為:

<?php get_header(); ?>
 <h1><?php the_title(); ?></h1>
 <div><?php the_content(); ?></div>
 <?php get_sidebar(); ?> 
<?php get_footer(); ?>
登入後複製

这样,我们一个最简单的模板就完成了。剩下的就是你自己根据你的需要为其添加样式和内容了。另外在模板中所有你可能用到的Wordpress函数在这里都可以找到:Wordpress Function Reference。

更多wordpress相关技术文章,请访问wordpress教程栏目进行学习!

以上是wordpress主題如何開發的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板