搜尋
首頁CMS教程&#&按wordpress主題如何開發
wordpress主題如何開發Jul 19, 2019 pm 04:59 PM

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中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何將PHP數據和字符串傳遞給WordPress中的JavaScript如何將PHP數據和字符串傳遞給WordPress中的JavaScriptMar 07, 2025 am 09:28 AM

將PHP數據傳遞給JavaScript的最佳實踐:WP_LOCALIZE_SCRIPT和WP_ADD_INLINE_SCRIPT的比較是PHP文件中靜態字符串中數據存儲數據的最佳實踐。 如果在您的JavaScript代碼中需要此數據,請合併

如何使用WordPress插件嵌入和保護PDF文件如何使用WordPress插件嵌入和保護PDF文件Mar 09, 2025 am 11:08 AM

本指南演示瞭如何使用WordPress PDF插件在WordPress帖子和頁面中嵌入和保護PDF文件。 PDFS為從目錄到演示文稿提供了一種用戶友好的,普遍訪問的格式。 此方法ENS

對於初學者來說,WordPress容易嗎?對於初學者來說,WordPress容易嗎?Apr 03, 2025 am 12:02 AM

WordPress對初學者來說容易上手。 1.登錄後台後,用戶界面直觀,簡潔的儀表板提供所有必要功能鏈接。 2.基本操作包括創建和編輯內容,所見即所得的編輯器簡化了內容創建。 3.初學者可以通過插件和主題擴展網站功能,學習曲線存在但可以通過實踐掌握。

為什麼有人會使用WordPress?為什麼有人會使用WordPress?Apr 02, 2025 pm 02:57 PM

人們選擇使用WordPress是因為其強大和靈活性。 1)WordPress是一個開源的CMS,易用性和可擴展性強,適合各種網站需求。 2)它有豐富的主題和插件,生態系統龐大,社區支持強大。 3)WordPress的工作原理基於主題、插件和核心功能,使用PHP和MySQL處理數據,支持性能優化。

WordPress仍然免費嗎?WordPress仍然免費嗎?Apr 04, 2025 am 12:06 AM

WordPress核心版本是免費的,但使用過程中可能產生其他費用。 1.域名和託管服務需要付費。 2.高級主題和插件可能需要付費。 3.專業服務和高級功能可能需要付費。

WordPress的成本是多少?WordPress的成本是多少?Apr 05, 2025 am 12:13 AM

WordPress本身免費,但使用需額外費用:1.WordPress.com提供從免費到付費的套餐,價格從每月幾美元到幾十美元不等;2.WordPress.org需購買域名(每年10-20美元)和託管服務(每月5-50美元);3.插件和主題多數免費,付費的價格在幾十到幾百美元之間;通過選擇合適的託管服務、合理使用插件和主題、定期維護和優化,可以有效控制和優化WordPress的成本。

我應該使用Wix或WordPress嗎?我應該使用Wix或WordPress嗎?Apr 06, 2025 am 12:11 AM

Wix適合沒有編程經驗的用戶,WordPress適合希望有更多控制和擴展能力的用戶。 1)Wix提供拖放式編輯器和豐富模板,易於快速搭建網站。 2)WordPress作為開源CMS,擁有龐大社區和插件生態,支持深度自定義和擴展。

WordPress有什麼用?WordPress有什麼用?Apr 07, 2025 am 12:06 AM

wordpressgood forvortalyanewebprojectDuetoItsAsatilityAsacms.itexcelsin:1)用戶友好性,允許Aeserywebsitesetup; 2)sexibility andcustomized andcustomization and numerthemesandplugins; 3)seoop timigimization; and4)and4)

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
2 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
2 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能