<div id="jcozz"></div>
<ins id="jcozz"><nav id="jcozz"></nav></ins>

<progress id="jcozz"></progress>

<dl id="jcozz"><s id="jcozz"></s></dl>

<button id="jcozz"></button><li id="jcozz"></li>

    SEO愛站網 logo SEO愛站網

    從無到有開發自己的Wordpress博客主題---Wordpress主題的構造

    優化必備工具 36 0 2020-01-09 09:55:44

    在這篇教程中,主要是對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、其他補充知識

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

     

    我的學習參考鏈接如下:

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

    原創文章,轉載請注明來源

    https://www.cnblogs.com/jerryqi/p/9760350.html

    網友跟帖
    展開
    一道本无吗dⅤd更新