摘要:本專欄介紹如何開發(fā)設(shè)計你自己的主題。你也許想為自己開發(fā)主題,或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請避免使用數(shù)字名字,這會導(dǎo)致無法在主題列表中正常顯示出來??焖俸唵蔚娜腴T到了解這一方便簡潔的開源系統(tǒng)中。
本專欄介紹如何開發(fā)設(shè)計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去構(gòu)建你自己的主題的技術(shù)內(nèi)容,而非怎樣去激活主題或者是哪里可以獲得新主題。
為什么要使用 WordPress 主題?WordPress 主題由一系列文件和 CSS 樣式表構(gòu)成,構(gòu)成了一個美麗的 WordPress 網(wǎng)站。每個主題都是不同的, 這樣WordPress用戶就可以隨時更改 WordPress 網(wǎng)站的外觀。
你也許想為自己開發(fā) WordPress 主題,或者制作公開發(fā)行的的主題。但是除了這個為什么要自己制作主題呢?
創(chuàng)建自己獨(dú)特的 WordPress 主題外觀.
利用模板, 模板標(biāo)簽, 和 WordPress 循環(huán) 來產(chǎn)生不同的效果.
為了產(chǎn)生不同的效果,比如在 category pages 頁面和搜索結(jié)果頁面產(chǎn)生個性的效果.
為了迅速從兩個主題改變你的博客外觀,可以充分利用 Theme or style switcher 這個插件迅速改變外觀.
設(shè)計 WordPress 主題,這樣大家就可以通過網(wǎng)絡(luò)更好的使用你的作品.
WordPress 主題有很多優(yōu)點(diǎn).
WordPress 主題把 CSS 樣式表和模板文件 從系統(tǒng)中獨(dú)立出來,所以這樣升級博客的時候就不會破壞你的主題樣式.
允許你自由的定制主題樣式.
允許你迅速改變主題.
你甚至都不需要學(xué)習(xí)HTML,CSS,PHP 等,即可擁有一個美觀的主題.
為什么要自己制作主題呢?這才是問題的關(guān)鍵.
這是一個學(xué)習(xí) CSS,HTML,和 PHP 的好機(jī)會。
這是一個積累你的 CSS,HTML,PHP 實(shí)踐經(jīng)驗(yàn)的的機(jī)會。
制作主題的過程中充滿創(chuàng)造力。
這非常的有趣(大多數(shù)情況下)。
如果你 設(shè)計公共主題, 你會感覺非常好,因?yàn)槟銥?WordPress 社區(qū)做出了自己的貢獻(xiàn) (增加技術(shù)圈內(nèi)資質(zhì))。
在本專欄中能學(xué)習(xí)到哪些知識?WordPress 的深度使用技巧
WordPress 的主題開發(fā)
WordPress 的插件開發(fā)
獨(dú)立制作一個完整的博客
獨(dú)立制作一個完整的電子商務(wù)網(wǎng)站
WordPress 主題模板開發(fā)標(biāo)準(zhǔn)WordPress 主題應(yīng)該按照如下標(biāo)準(zhǔn)開發(fā):
使用結(jié)構(gòu)化的、沒有錯誤的PHP和有效的HTML代碼。請看 WordPress代碼規(guī)范。
使用簡潔的、有效的CSS。參見 CSS Coding Standards。
遵循設(shè)計指南。
主題的剖析WordPress主題目錄位于 wp-content/themes/。主題的子目錄擁有所有樣式文件、模板文件、可選的函數(shù)文件 (functions.php)、JavaScript 文件、圖片等。比如說一個叫做 "test" 的主題就會放在 wp-content/themes/test/目錄里。請避免使用數(shù)字名字,這會導(dǎo)致無法在主題列表中正常顯示出來。
WordPress每一個發(fā)行版都會有一個默認(rèn)的主題。請認(rèn)真查看默認(rèn)的主題,這樣可能會對制作你自己的主題有幫助。
WordPress 主題除了圖片和JavaScript,經(jīng)常由三種文件構(gòu)成。
樣式表文件 style.css, 控制著頁面的外觀
函數(shù)文件 (functions.php)。
模板文件,它控制著從數(shù)據(jù)庫中調(diào)出的數(shù)據(jù)所呈現(xiàn)的外觀。
...
讓我們多帶帶看一下。
主題樣式表( style.css )CSS文件不僅定義了你的主題樣式,style.css *必須 以注釋的形式列出主題的詳細(xì)信息。*兩個不同的主題是不允許擁有相同的表述的 , 因?yàn)檫@樣會導(dǎo)致主題選擇出錯.如果你通過拷貝一個你已經(jīng)制作的主題來制作你新的主題,請確保先更改這些頭部注釋.
下面是樣式表頭部注釋的例子,被稱作樣式表頭注釋。比如主題"Bachelor":
/* Theme Name: Bachelor Theme URI: http://taper.io/themes/bachelor Author: Ayuan Author URI: http://taper.io/ Description: The Bachelor theme for TaperLabs takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready Text Domain: bachelor This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you"ve learned with others. */
在接下來的文章里,我將從 WordPress 主題文件結(jié)構(gòu)開始,講解并創(chuàng)建實(shí)例來分別討論函數(shù)文件、模板文件、基本模板、自定義頁面模板、搜索查詢模板、定義模板、模板的引用、插件 API 鉤子等的用法及機(jī)制??焖俸唵蔚娜腴T到了解這一方便簡潔的開源 CMS 系統(tǒng)中。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/115741.html
摘要:本專欄介紹如何開發(fā)設(shè)計你自己的主題。你也許想為自己開發(fā)主題,或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請避免使用數(shù)字名字,這會導(dǎo)致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統(tǒng)中。 本專欄介紹如何開發(fā)設(shè)計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...
摘要:本專欄介紹如何開發(fā)設(shè)計你自己的主題。你也許想為自己開發(fā)主題,或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請避免使用數(shù)字名字,這會導(dǎo)致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統(tǒng)中。 本專欄介紹如何開發(fā)設(shè)計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...
摘要:本專欄介紹如何開發(fā)設(shè)計你自己的主題。你也許想為自己開發(fā)主題,或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請避免使用數(shù)字名字,這會導(dǎo)致無法在主題列表中正常顯示出來??焖俸唵蔚娜腴T到了解這一方便簡潔的開源系統(tǒng)中。 本專欄介紹如何開發(fā)設(shè)計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...
閱讀 929·2021-11-16 11:45
閱讀 2134·2021-10-09 09:44
閱讀 1353·2019-08-30 14:03
閱讀 1138·2019-08-26 18:28
閱讀 3338·2019-08-26 13:50
閱讀 1727·2019-08-23 18:38
閱讀 3458·2019-08-23 18:22
閱讀 3603·2019-08-23 15:27