想實(shí)現(xiàn)鳥(niǎo)類(lèi)網(wǎng)這樣美麗的效果嗎？—— 下面我就手把手的教你如何使用WordPress模板文件創(chuàng)建一個(gè)漂亮的縮略圖頁(yè)面。

目前來(lái)說(shuō)，在后臺(tái)“添加新頁(yè)面”，在頁(yè)面內(nèi)容編輯框中加入代碼是錯(cuò)誤的，不管是放在“可視化”還是“HTML”都是錯(cuò)誤的，插件代碼必須放置在模板文件中！當(dāng)然，我在插件下一版會(huì)考慮直接通過(guò)“添加新頁(yè)面”的方式使插件生效。—— 新版（3.2.0版）已經(jīng)改進(jìn)了。也就是說(shuō)，你既可以按我下面的方法，在模板文件中添加WP-Thumbnails的代碼；也可以不改動(dòng)模板文件，直接“新添加頁(yè)面”，在頁(yè)面內(nèi)容中放置短代碼。短代碼的放置參考插件用法第10部分。

http:///top

自定義頁(yè)面縮略圖

WP-Thumbnails的縮略圖分為兩種：頁(yè)面縮略圖和文章縮略圖。這兩種縮略圖分別又有許多分類(lèi)，我在插件首頁(yè)已經(jīng)詳細(xì)介紹過(guò)了。

像首頁(yè)頁(yè)面縮略圖、分類(lèi)頁(yè)面縮略圖、搜索頁(yè)面縮略圖、標(biāo)簽頁(yè)面縮略圖都是頁(yè)面縮略圖。那么這些頁(yè)面縮略圖是如何實(shí)現(xiàn)的呢？WordPress通過(guò)模板文件控制頁(yè)面的顯示，什么是模板文件呢？

點(diǎn)擊“后臺(tái)-外觀-編輯”，展現(xiàn)在你面前的就是模板文件，看到下面的圖沒(méi)，那些中文名稱(chēng)的模板文件都是WordPress自帶的（當(dāng)然，你的主題包含的文件不一定相同），如category.php文件控制分類(lèi)頁(yè)面的顯示，所以category.php就是“分類(lèi)頁(yè)面模板”，index.php控制首頁(yè)的顯示，index.php就是“首頁(yè)模板”，等等。

主題文件（模板文件）

如果你要?jiǎng)?chuàng)建一個(gè)自定義風(fēng)格的頁(yè)面，怎么辦？—— 自己弄一個(gè)頁(yè)面模板就行了。

這些步驟有點(diǎn)麻煩，你得一步一步來(lái)，

不要想當(dāng)然的跳過(guò)某些步驟或敷衍過(guò)去！

第一步、打開(kāi)你的FTP，打開(kāi)wp-content/themes/，theme的意思是“主題”，這里是你使用的主題所在的文件夾，看下你后臺(tái)當(dāng)前使用的是哪個(gè)主題，就打開(kāi)哪個(gè)主題的文件夾，如我的網(wǎng)站使用的是dilectio主題，那我就打開(kāi)dilectio文件夾，看到了嗎，所有的模板文件都在這。

使用FTP上傳自定義的頁(yè)面模板文件

第二步、把page.php這個(gè)文件下載下來(lái)（也就是復(fù)制到本地），隨便改個(gè)名字，比如改成video.php，然后再把video.php上傳到剛才同一個(gè)目錄。這是干嘛呢——我們要在page.php這個(gè)默認(rèn)模板內(nèi)容的基礎(chǔ)上進(jìn)行修改。好了，關(guān)閉FTP吧。

當(dāng)然也可以在本地把video.php完全編輯好再上傳，但是請(qǐng)使用能識(shí)別utf-8編碼的文字編輯器進(jìn)行編輯（如Ultraedit），千萬(wàn)不能使用記事本、Word進(jìn)行編輯。

第三步、點(diǎn)擊“后臺(tái)-外觀-編輯”，看到?jīng)]，剛上傳的video.php已經(jīng)展現(xiàn)在你面前了，點(diǎn)擊video.php就可以編輯了。

編輯模板文件

這里有兩個(gè)工作：

首先，給自己的模板文件起個(gè)名字，即在文件開(kāi)頭加上以下內(nèi)容（一般開(kāi)頭都會(huì)有這些內(nèi)容，你只需要改下Template Name后面的名字）：

<?php

/*

Template Name: 視頻模板

*/

?>

然后，放置我的插件代碼。代碼怎么放呢，我在插件用法中已經(jīng)詳細(xì)說(shuō)明了代碼使用方法，請(qǐng)參考：

http:///wp-thumbnails/usage

代碼放在包含了the_content的那句話(huà)下面（前面也可以，不過(guò)可能顯示出來(lái)的效果稍有不同），比如你要顯示20篇最新文章，并且每篇文章的尺寸為75像素寬，75像素高，那么在the_content那句話(huà)下面放置如下代碼：

<?php if(function_exists('wp_thumbnails_for_recent_posts')) { wp_thumbnails_for_recent_posts('num=20&width=75&height=75'); } ?>

其他種類(lèi)的縮略圖在上面給出的鏈接中都有詳細(xì)的介紹，不再贅敘了。

現(xiàn)在你明白了，插件代碼一定要放在模板文件中，php代碼當(dāng)然放置在php文件中嘛。

第四步、點(diǎn)擊“后臺(tái)-添加新頁(yè)面”，看到了吧，點(diǎn)擊模板列表，里面有個(gè)“視頻模板”，正是我們通過(guò)FTP上傳的，選中它，隨便在新頁(yè)面內(nèi)容中寫(xiě)點(diǎn)文字，發(fā)布，查看，縮略圖效果出來(lái)了！

新的模板產(chǎn)生了！

可見(jiàn)，你寫(xiě)的文字內(nèi)容要想以什么外觀出現(xiàn)，完全是模板文件決定的，你在模板文件中放置了縮略圖代碼，那么基于該模板的頁(yè)面就會(huì)顯示縮略圖效果。

剩下最后一個(gè)問(wèn)題：

我想要的就是鳥(niǎo)類(lèi)網(wǎng)《精華文章：鳥(niǎo)類(lèi)網(wǎng)最受歡迎的100篇文章》的效果，怎么辦？這個(gè)嘛，說(shuō)起來(lái)就有點(diǎn)復(fù)雜了，如果你完全看不懂php代碼，我還真不好教你。說(shuō)句實(shí)話(huà)，其實(shí)我也不懂php代碼，哈哈，一個(gè)不懂php代碼的人寫(xiě)出一個(gè)插件了。沒(méi)錯(cuò)，確實(shí)是這樣，靠的就是模仿加反復(fù)試驗(yàn)，就會(huì)發(fā)現(xiàn)php代碼其實(shí)也很簡(jiǎn)單。

回到正題，一般模板文件控制頁(yè)面顯示為兩欄或者三欄，通常在模板文件中，the_content附近的代碼都是控制顯示主體內(nèi)容，剩下siderbar附近的內(nèi)容控制顯示側(cè)邊欄，你要做的就是，刪掉siderbar附近的代碼（也就是去掉側(cè)邊欄），然后在the_content最外層的div中加一個(gè)

style="width:960px;"

意思是讓主題內(nèi)容寬度顯示為960像素，這樣正好鋪滿(mǎn)頁(yè)面，具體寬度數(shù)值請(qǐng)根據(jù)自己的網(wǎng)站調(diào)整。

我把《鳥(niǎo)類(lèi)網(wǎng)最受歡迎的100篇文章》這個(gè)頁(yè)面的模板文件內(nèi)容貼出來(lái)，你可以模仿參考下：

<?php

/*

Template Name: 精華模板

*/

?>

<?php get_header(); ?>

<!-- Container -->

<div class="CON" style="width: 980px;">

<!-- Start SC -->

<div class="SC" style="width: 960px;">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="Post" id="post-<?php the_ID(); ?>">

<h2 class="pagetitle"><?php the_title(); ?></h2>

<?php the_content('<p class="serif">閱讀全部 &raquo;</p>'); ?>

<?php if(function_exists('wp_thumbnails_for_popular_posts')) { wp_thumbnails_for_popular_posts('num=100'); } ?>

</div>

<?php if ( comments_open() ) comments_template(); ?>

<?php endwhile; endif; ?>

<?php edit_post_link('編輯本文.', '<p>', '</p>'); ?>

</div>

<!-- End SC -->

</div>

<!-- End CON -->

<?php get_footer(); ?>

好了，以上就是WordPress中利用模板文件創(chuàng)建自定義頁(yè)面的全過(guò)程。如有錯(cuò)誤，望指正！