前不久在整縮略圖，用wordpress做博客程序，會遇到這樣一個問題，就是在上傳圖片的時候，系統(tǒng)默認(rèn)會把大圖片進(jìn)行壓縮處理，而且自動生成縮略圖。關(guān)于wordpress的縮略圖問題，可能有很多博客寫文章都不太喜歡帶圖，但是無憂小編覺得圖文并茂，看起來會更好看一些，所以小編的每篇文章基本上都會帶一張圖片，就算沒有圖，也要截取一張，那么現(xiàn)在自己整主題，不想用插件，不想用帶生產(chǎn)縮略圖的代碼，就找到了一個免插件實(shí)現(xiàn)縮略圖的方法。方法很簡單，就算不懂代碼，按步驟操作也是可以的。當(dāng)然縮略圖選擇的是文章中的第一張圖片，如果文章不包含圖片，顯示默認(rèn)圖片，所以你要置頂一個默認(rèn)的圖片位置。 1、找到當(dāng)前使用的主題模板的functions.php文件在<?php和?>之間添加如下代碼：

function thumb_img($soContent){
$soImages = '~<img [^\>]*\ />~';
preg_match_all( $soImages, $soContent, $thePics );
$allPics = count($thePics[0]);
if( $allPics > 0 ){
echo "<span id='thumb'>";
echo $thePics[0][0];
echo '</span>';
}
else {
echo "<span id='thumb'>";
echo "<img src='";
echo bloginfo('template_url');
echo "/images/thumb.gif'></span>";
}
}

這是一個顯示縮略圖的方法，自動檢索文章的第一張圖片，如果沒有顯示當(dāng)前主題/images/thumb.gif 所以你要把這個thumb.gif圖片準(zhǔn)備好。 2、找到index.php文件即首頁文件，找到the_content();或相似的代碼在它之前添加如下代碼：

thumb_img($post->post_content);

這樣就調(diào)用了剛才的方法，實(shí)際上縮略圖已經(jīng)完成了。但是你看到的效果一定很意外，應(yīng)為圖片的大小沒有控制，會很難看。 3、添加縮略圖樣式CSS代碼： 這是浮云站使用的的縮略圖樣式，你可以先湊合著用，再另行修改

#thumb{margin:5px 15px 5px 5px;width:145px;height:120px;border:3px solid #eee;float:left;overflow:hidden;}
#thumb img{max-height:186px;max-width:186px}

OK，縮略圖就這樣有模有樣的顯示出來啦。 無憂主機(jī)相關(guān)文章推薦閱讀： WORDPRESS教程：教你如何顯示最近注冊的用戶 WORDPRESS每篇文章如何實(shí)現(xiàn)只允許用戶評論一次 GRAVATAR被墻導(dǎo)致WORDPRESS訪問慢的解決方法

本文地址：http://www.gle-technology.com/wordpress/20416.html

上一篇: Zen Cart根據(jù)用戶搜索的關(guān)鍵詞來定義為title
下一篇: Ecshop程序會員下單后如何修改寶貝價格的方法詳解