從無到有開發本身的Wordpress博客主題---Wordpress主題的構造

在這篇教程中，主要是對Wordpress的主題的構造進行分析，以方便從此的開發工做。

原本打算就引用一下別人已經有的文檔就行了，但仍是想從頭至尾捋一遍，也方便本身梳理學習。

一、Wordpress主題的基本組成

Wordpress主題裏面的文件大體能夠分爲三個部分：

1、前端文件（圖片，js文件，css文件等，比較特殊的是主題根目錄下的style.css文件，由於他是識別主題的入口）

2、函數文件（functions.php，他是主題全部函數的入口，你的其餘函數文件都必須在這裏面引用）

3、模板文件（這是主題展現的關鍵，你在不一樣的位置，Wordpress會調用不一樣的模板文件，以前建立的index.php就是主頁的模板文件）

二、前端文件的準備

做爲一個後端程序員，在沒有美工的狀況下，讓我本身作一個前端的博客界面，估計你們要嗤之以鼻了。

實際上網上的博客模板多的是啦，咱們能夠找一個本身喜歡的。推薦關注一個前端設計師https://www.yangqq.com

三、模板文件的種類

在上一目錄中，咱們對主題的文件進行了分類，開始Coding是須要你懂一些Html、Javascript和Css的，固然，首先你得有一點PHP的基礎。

最後一部分，咱們重點對模板文件進行講解：這是咱們瞭解Wordpress主題結構的關鍵。

1、頁面模板

這裏主要包括Wordpress一些經常使用頁面，爲了防止概念混淆，我這裏只列舉咱們確定須要用到的，其餘的我會在在以後慢慢的在本文的最後一個Part慢慢往上加。

首頁模板-index.php，這個模板決定你博客的主頁長什麼樣子

文章模板-single.php，這個模板決定你單篇博客長什麼樣子

搜索模板-search.php，這個決定你搜索博客以後的文章列表頁長什麼樣子

存檔模板-archive.php，這個決定你經過分類，標籤等分類過濾以後的文章列表長什麼樣子

錯誤頁面-404.php，作技術的，這個就不用解釋啦

2、局部模板

在開發主題時咱們會發現，有的代碼是幾乎全部頁面都會用到的公共部分，好比頁面頭部和底部，這個時候就有了局部模板的概念

固然，這裏咱們依然只講最經常使用的，另外，你也能夠建立主題本身的局部模板，很簡單，就是把一段代碼封裝在一個函數裏供別人調用（冷冷一笑）

這裏只說兩個就是header.php，footer.php，不解釋了啦。

四、其餘一些模板

其餘模板會在後面陸陸續續補充進來。

 

五、其餘補充知識

這裏的東西都是純理論的啦

 

個人學習參考連接以下：

https://www.wpdaxue.com/wordpress-theme-development.html