• 博客設置
  • 編輯管理
  • 返回首頁
焚花祭秋
Wordpress Typecho 以及周邊知識的一個筆記,成長的過程中相互學習,共同進步!
首頁 歸檔 關於 友鏈 留言
分類
  • 博客.技巧
  • 網絡.主機
  • HOME
  • 博客.技巧
  • WordPress 獲取顯示文章內圖片作為縮略圖的方法

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佈局樣式等,生命不息,折騰不止啊!

上一篇: Typecho 獲取顯示文章內圖片作為縮略圖的方法 下一篇: Typecho CSS3個性留言板讀者墻頁面的添加方法
    分享到: QQ空間 新浪微博 騰訊微博 開心網 人人網 淘江湖 百度空間
訂閱本站:焚花祭秋
文本標籤:wordpress主題, 沫, wordpress縮略圖, wordpress調用圖片, wordpress文章圖片
友情聲明:本站所有文章皆為原創,圖文皆為網絡搜索傳播,轉載請以鏈接形式標明原文出處地址,謝謝合作!
本文鏈接:http://tc.muo.me/about-wordpress-thumb.html [复制]
取消回复
My WeChat

簡繁切換

    • 影音視頻外掛SSA特效字幕的代碼詳解和進階製作教程 入門篇
    • Typecho搬家到WordPress的教程和方法以及插件分享
    • Typecho 實現評論無限嵌套顯示的方法教程
    • 關於內涵圖片,總算Hold不住了,標記一枚,備忘!
    • 正式從Wordpress殺入Typecho陣營,我很淡定,我很快樂!
    • WordPress,免插件文章輸出代碼分享之最多評論頁面和文章

  • YueTing.Org
    悦听有声,路过看看
  • 自由草
    简繁转换功能在也没刷新下会失效
  • 天地华宇
    好东西 谢谢分享先收藏一下下 ...
  • flippy
    主题蛮好看的,好像轻博客一样
  • flippy
    不错呀
  • qkwu
    不错哦 收藏了
文章 RSS And 评论 RSS
焚花祭秋 Is Powered By Wordpress Theme Desgin By 沫(Muo.me)