在使用wordpress的時(shí)候，有的文章列表頁是圖文并茂的模式，這樣的模式更容易閱讀，也更好的吸引用戶點(diǎn)擊，那么今天我們就來說一說wordpress的略所圖。

大部分擁有圖文列表的wordpress主題，使用略所圖時(shí)，都會(huì)使用到2個(gè)方法，第一就是利用wordpress的特色圖像功能，另一個(gè)即是截取文章的第一張圖片，當(dāng)然，還有的主題使用自定義字段來給出略所圖，今天，我們介紹一種方法，結(jié)合幾種常用的略所圖方式，給你的wordpress添加多重判斷的略所圖功能，讓你在維護(hù)網(wǎng)站更加得心應(yīng)手。

今天我們所介紹的方式，其實(shí)也是非常簡(jiǎn)單的php判斷，首先判斷文章是否設(shè)置了特色圖片，如果沒有則截取文章第一張圖片，如果結(jié)合自定義字段，那么就可以做出3重判斷，保證略所圖從各種方式獲得。

第一種判斷，如果沒有特色圖片，那么截取第一張圖片，第一張圖片沒有，則使用默認(rèn)的圖片替代

特色圖片

開啟特色圖片功能（如果主題沒有開啟的話，具體可以在后臺(tái)文章編輯中打開顯示選項(xiàng)，查看是否有特色圖片的選項(xiàng)，如果沒有則在functions.php添加一下代碼：

if ( function_exists( 'add_theme_support' ) ) {add_theme_support( 'post-thumbnails' );}

特色圖片的尺寸（添加在functions.php中）：

if ( function_exists( 'add_image_size' ) ) {add_image_size( 'top-post-thumb', 148, 136,true );}??? //添加固定的尺寸148*136

這里我們所輸出的代碼是 使用148*136尺寸的特色圖片，調(diào)用時(shí) 名稱為top-post-thumb

你也可以使用wordpress自帶的三種特色圖片尺寸，這三種尺寸需要在wordpress后臺(tái)-設(shè)置 -多媒體種設(shè)置具體的尺寸，下面的代碼可以直接在循環(huán)中使用

<?php the_post_thumbnail( 'Thumbnail'); ?>

上面代碼中紅色的文字代表一種尺寸，下面有不同尺寸的說明，替換即可
縮略圖(Thumbnail)

??? 小圖(Small)

??? 中等圖(Medium)

??? 大圖(Large)

??? 原圖(Full)

截取第一張圖片：

將下面的代碼添加到functions.php中：

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$homeee= bloginfo('template_url');
$first_img = $homeee."/images/fistmig.jpg";//這里填寫你的默認(rèn)圖片相對(duì)路徑
}
return $first_img;
}

這里的代碼會(huì)調(diào)用文章第一張圖片，如果文章沒有圖片，則調(diào)用默認(rèn)的圖片fistmig.jpg（上文橙色注釋段落）

循環(huán)判斷

現(xiàn)在我們?cè)趂unctions.php中的準(zhǔn)備已經(jīng)做好了，我們要去循環(huán)中寫一下判斷：

1. 如果沒有特色圖片，截圖第一張圖，如果文章中沒有圖片，使用默認(rèn)圖片：

<?php if ( has_post_thumbnail()):?> //判斷是否有特色圖片
<?php the_post_thumbnail( 'small-post-thumb'); ?>//如果有輸出特色圖片，尺寸上文介紹過，自己可修改
<?php else : ?>
<img id="catch" src="<?php echo catch_that_image() ?>" alt="<?php the_title(); ?>" /> //沒有特色圖片，調(diào)用第一張圖，如果沒有，這里會(huì)自動(dòng)調(diào)用默認(rèn)圖片
<?php? endif; ?>

2.如果用自定義字段輸出的內(nèi)容，使用自定義字段，沒有使用特色圖片，沒有特色圖片使用第一張圖，文章內(nèi)沒有圖片，調(diào)用默認(rèn)圖片：

<?php if(get_post_meta($post->ID, "vidio",true)):?? ?> //檢查是否輸出自定義欄目“vidio”
<?php? echo stripslashes(get_post_meta($post->ID, "music_value",true));?>//有則輸出
<?php elseif(? has_post_thumbnail()):?>//沒有則檢查是否有特色圖片
<?php the_post_thumbnail( 'small-post-thumb'); ?>//有則輸出
<?php else : ?>//如果以上條件均未存在
<img id="catch" src="<?php echo catch_that_image() ?>" alt="<?php the_title(); ?>" /> //調(diào)用第一張圖，如果沒有，這里會(huì)自動(dòng)調(diào)用默認(rèn)圖片
<?php? endif; ?>

介紹了以上的方法，不過小編還是推薦大家使用wordpress的特色圖片功能，擁有的好處請(qǐng)參閱這邊文章《為什么要使用wordpress的特色圖像功能（詳解）》

現(xiàn)在，你學(xué)會(huì)了嗎？