大家好,我是御坂.今天打算給大家寫一篇WP模板主題制作教程,由于自己也沒有接觸過WP的模板制作,所這篇教程將從零開始學習WP模板的制作,目標是用5天的時間寫出一個可以正常使用的WP模板出來.話說之前我也沒有寫過WP模板,這里我就邊學邊寫教程了.那么,第一天的我們目標就是"了解WP的模板的相關知識".
這部分內(nèi)容可以從百度和官方文檔中很容易的獲取到.內(nèi)容非常多,我們直接找到和模板相關的內(nèi)容開始看,技術細節(jié)先不深究,先寫出模板再說.
首先,我們發(fā)現(xiàn)寫出一個簡單的模板是很容易的,從文檔中我們知道我們現(xiàn)在只需要以下幾個文件:
index.php 主要入口,模板開始的地方,可包涵和調(diào)用其他模板文件
style.css 文件開頭注釋部分有主題必須的說明內(nèi)容
header.php 頁頭文件
footer.php 頁尾文件
screenshot.png 模板圖片
然后:
用 標簽(函數(shù))調(diào)用 header.php 和 footer.php 等標準模板文件
用 來包含非標準模板文件
現(xiàn)在我們先在主題文件夾里面新建個文件夾,這里我新建了一個misaka的文件夾,大家可以隨意創(chuàng)建.主題文件夾應該并不難找把,隨便翻翻WP程序就知道在 wp-content\themes 里面.我們把上面這5個文件放進去,其實這5個文件中目前有用的也就index.php和style.css這兩個,那個圖片是給后臺主題列表顯示圖像的,要不要無所謂,而header.php和footer.php是為了方便我們以后使用的.
接下來我們對這4個文件進行代碼的編寫,不要著急,4個文件加起來也不到20行的代碼.
在style.css文件加上,沒寫的地方我覺得應該不是必須的.
/*
Theme Name: 魔法守則[主題名稱]
Theme URI: https://www.neurallinker.com[主題鏈接]
Author: 御坂[作者]
Author URI: https://www.neurallinker.com[作者網(wǎng)站]
Description: 魔法施法中...[描述]
Version: 1.0[版本]
License:
License URI:
Tags:
Text Domain:
*/
在header.php加上
">//獲得字符編碼
在footer.php加上
在index.php加上
get_header(); //包含header.php文件
if (have_posts()) : //如果存在文章,則循環(huán)
while (have_posts()) :
the_post(); //獲取文章
the_content(); //輸出文章
endwhile;
endif;
get_footer(); //包含header.php文件
?>
完成以上步驟之后,現(xiàn)在你已經(jīng)可以在后臺的主題列表看到你創(chuàng)建的主題了,如果你有設置圖片的話,還能看到圖片
不要問我那些函數(shù)為什么那樣寫我也不知道.選擇我們自己的主題然后打開博客前臺刷新頁面看看,是不是可以顯示出內(nèi)容來了.
誠然,現(xiàn)在顯示出來的頁面實在是太簡陋,沒有網(wǎng)站標題,導航,分類,評論,列表等等頁面.網(wǎng)站也沒有做任何布局的將文章內(nèi)容一股腦的輸出到了首頁.不要著急,這些問題會在第二天和接下來的幾天進行解決.今天我們先到這里,接下來我們要做的是繼續(xù)閱讀文檔來為我們接下來的任務做準備,現(xiàn)在我們的WP知識儲備實在是有點不夠呢.
