在這篇教程中,主要是對Wordpress的主題的構造進行分析,以方便今后的開發工作。
本來打算就引用一下別人已經有的文檔就好了,但還是想從頭到尾捋一遍,也方便自己梳理學習。
1、Wordpress主題的基本組成
Wordpress主題里面的文件大致可以分為三個部分:
一、前端文件(圖片,js文件,css文件等,比較特殊的是主題根目錄下的style.css文件,因為他是識別主題的入口)
二、函數文件(functions.php,他是主題所有函數的入口,你的其他函數文件都必須在這里面引用)
三、模板文件(這是主題展示的關鍵,你在不同的位置,Wordpress會調用不同的模板文件,之前創建的index.php就是主頁的模板文件)
2、前端文件的准備
作為一個后端程序員,在沒有美工的情況下,讓我自己做一個前端的博客界面,估計大家要嗤之以鼻了。
實際上網上的博客模板多的是啦,我們可以找一個自己喜歡的。推薦關注一個前端設計師https://www.yangqq.com
3、模板文件的種類
在上一目錄中,我們對主題的文件進行了分類,開始Coding是需要你懂一些Html、Javascript和Css的,當然,首先你得有一點PHP的基礎。
最后一部分,我們重點對模板文件進行講解:這是我們了解Wordpress主題結構的關鍵。
一、頁面模板
這里主要包括Wordpress一些常用頁面,為了防止概念混淆,我這里只列舉我們肯定需要用到的,其他的我會在在之后慢慢的在本文的最后一個Part慢慢往上加。
首頁模板-index.php,這個模板決定你博客的主頁長什么樣子
文章模板-single.php,這個模板決定你單篇博客長什么樣子
搜索模板-search.php,這個決定你搜索博客之后的文章列表頁長什么樣子
存檔模板-archive.php,這個決定你通過分類,標簽等分類過濾之后的文章列表長什么樣子
錯誤頁面-404.php,做技術的,這個就不用解釋啦
二、局部模板
在開發主題時我們會發現,有的代碼是幾乎所有頁面都會用到的公共部分,比如頁面頭部和底部,這個時候就有了局部模板的概念
當然,這里我們依然只講最常用的,另外,你也可以創建主題自己的局部模板,很簡單,就是把一段代碼封裝在一個函數里供別人調用(冷冷一笑)
這里只說兩個就是header.php,footer.php,不解釋了啦。
4、其他一些模板
其他模板會在后面陸陸續續補充進來。
5、其他補充知識
這里的東西都是純理論的啦
我的學習參考鏈接如下: