WordPress 獲取顯示文章內圖片作為縮略圖的方法
作者:焚花祭秋 / 发布时间:August 10, 2015 / 分类:博客.技巧 / No Comments
相信折騰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佈局樣式等,生命不息,折騰不止啊!
悦听有声,路过看看
简繁转换功能在也没刷新下会失效
好东西 谢谢分享先收藏一下下 ...
主题蛮好看的,好像轻博客一样
不错呀
不错哦 收藏了