在幫助客戶(hù)網(wǎng)站制作的時(shí)候關(guān)于產(chǎn)品縮略圖的調用會(huì )使用ZblogPHP平臺中"自定義字段插件"直接人工選擇一個(gè)產(chǎn)品的圖片作為展示前臺的產(chǎn)品縮略圖，這樣的好處就是可以選擇自己需要的或者自定義的產(chǎn)品、文章圖片展示，唯一比較麻煩的是編輯和更新文章的時(shí)候都要手工輸入圖片的URL才可以。

　　我們其實(shí)也可以采用自動(dòng)縮略圖的方法，比如在內容中有圖片的時(shí)候自動(dòng)選擇第一張圖作為縮略圖，我們可以在發(fā)布產(chǎn)品、文章的時(shí)候有意的把需要作為縮略圖的圖片放到第一張。且在沒(méi)有圖片的內容時(shí)候，我們可以隨機調用準備好的幾個(gè)圖片作為隨機展示，這樣的案例在很多博客模板中都有見(jiàn)到。這里把這個(gè)常用的代碼記錄下來(lái)，以后在制作主題模板時(shí)候可能會(huì )經(jīng)常用到。

　　第一、可能需要用到的效果

　　這個(gè)演示在制作一個(gè)博客主題時(shí)候側欄以及內容列表時(shí)候用到的縮略圖效果，我們應該很常見(jiàn)的。

　　第二、自動(dòng)縮略圖效果實(shí)現步驟

　　1、通用代碼

{php}
$temp=mt_rand(1,5);
$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
$content = $article->Content;
preg_match_all($pattern,$content,$matchContent);
if(isset($matchContent[1][0]))
$temp=$matchContent[1][0];
else
$temp=$zbp->host."zb_users/theme/$theme/style/images/random/$temp.png";
{/php}

　　如果沒(méi)有圖片，我們就從在當前主題的/style/images/random/文件夾中調用5個(gè)準備好的png圖片，名稱(chēng)分別是1.png，2.png，3.png，4.png，5.png。且如果需要多個(gè)我們可以修改上面的參數。

　　PS：以上代碼放到調用文章列表循環(huán)內。

　　2、調用位置　　

<img src="{$temp}" />

　　在調用圖片的位置放上上面的調用，我們也可以給上面圖片加上樣式，比如設定固定的寬度和高度，以及用border-radius加上圓角，以及邊框等效果。

　　總結，有這樣的代碼我們并不需要用到插件，就可以制作出豐富的圖文ZblogPHP主題。