WordPress 獲取顯示文章內圖片作為縮略圖的方法

公元2015年08月13日沒人鳥我喲打醬油看熱鬧的有:1,098 views

WordPress 獲取顯示文章內圖片作為縮略圖的方法

信折騰WordPress的都知道,WP絕對是一個強大的博客程序,只要你自己動手能力夠強,那麼你就足可以把WP打造成一個非常給力的網站,下面就來分享下其中的一個佈局功能,那就是WP首頁自動獲取調用文章內的第一張圖片或者全部圖片的方法:

如果你用的是Typecho程序,同樣想獲得文章圖片作為縮略圖,請點擊下面連接直接飛越:
Typecho 獲取顯示文章內圖片作為縮略圖的方法

下面進入正題,來說說WP實現文章內圖片的調用獲取顯示的方法:

首先說說調用文章中第一張圖片的方法

1、在funtions.php中加入以下代碼:

1
2
3
4
5
6
7
8
9
10
11
12
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)){ //定義默認圖片
    $first_img = "/images/default.jpg";  //默認圖片地址需自己設置
  }
  return $first_img

2、在主題想要調用圖片的位置插入:

1
<img scr="<?php echo catch_that_image() ?>" />

其次說說調用文章中所有圖片的方法

1、在funtions.php中加入以下代碼:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function all_img($soContent){
$soImages = '~<img [^>]* />~';
preg_match_all( $soImages, $soContent, $thePics );
$allPics = count($thePics);
if( $allPics > 0 ){
foreach($thePics[0] as $v){
echo $v;
}
}
else {
echo "<img src='";
echo bloginfo('template_url');
echo "/images/thumb.gif'>";
}
}
register_nav_menus( array(
'primary' => __( 'Primary Navigation'),
));

2、在主題想要調用圖片的位置插入:

1
<?php all_img($post->post_content);?>

事實上就是這麼簡單,主要就是看你想折騰不想了,添加完畢之後要根據自己的主題設定下CSS佈局樣式等,生命不息,折騰不止啊!