WordPress 調用文章縮略圖,默認的是調用文章中的第一個圖像,為了給每篇文章設置一個縮略圖,我們需要用腳本去匹配文章中的第一張圖片,或者通過附件方式獲取圖片,有了特色圖片功能,一切都簡單了。

如何開啓特色圖像功能

如果你製作的網站模板裏不支持特色圖像功能,那首先需要開啓特色圖像功能,在主題的 functions.php 中添加如下代碼:

//add post thumbnails
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
}
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'customized-post-thumb', 100, 120 );
}

如何調用特色圖像

在 post 模板中

<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail();
}
?>
<?php the_content(); ?>

可以調用不同尺寸的圖片

the_post_thumbnail(); // 無參數,默認調用 Thumbnail
the_post_thumbnail('thumbnail'); // Thumbnail (默認尺寸 150px x 150px max)
the_post_thumbnail('medium'); // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large'); // Large resolution (default 640px x 640px max)
the_post_thumbnail('full'); // Full resolution (original size uploaded)
the_post_thumbnail( array(100,100) ); // Other resolutions

如何從後台修改縮略圖尺寸

訪問後台>> 設置>> 媒體,縮略圖大小這一項就是特色圖像 (Featured Image or Thumbnail) 的尺寸,也就是 the_post_thumbnail() 不加參數時調用的圖片的尺寸。根據需要修改其參數即可。上傳圖片時 WordPress 會自定生成這個尺寸的圖片。

為文章添加特色圖片的三種方法

編輯文章時我們有三種方式添加特色

1. 上傳圖片時點擊 「作為特色圖像」 進行設置,如下圖所示,點擊後顯示 「完成」 即表示設置成功。設置好的特色圖像會在右側欄目中顯示出來。

2. 點擊右側欄目中的特色圖像設置,如下圖所示,點擊 「設置特色圖像」 按鈕後彈出與方法一一樣的界面,設置方法也相同

上傳圖片時設置特色圖片

3. 如果你沒有用上述兩種方法設置,那麼你也許希望從文章中已經存在的圖片中選取一張作為特色圖像,WordPress 考慮的很周到,你可以輕鬆選擇文中已有的圖像。

點擊右側工具欄的設置特色圖像按鈕,彈出如下所示對話框,選項卡切換到相冊,就可以看到所有文中已經插入的圖片,點擊顯示就會出現和方法一一樣的界面,照着方法一設置即可。

WordPress 3.5 新特性

WordPress 3.5 的媒體上傳工具界面友好,簡單易懂,性能更強,有了脱胎換骨的變化,如果你還沒有升級,趕快準備一下吧。

WordPress 3.5 下設置特色圖像更加簡單,圖像以縮略圖列表形式呈現,要設置哪個為特色圖像,只需輕輕一點,被設置為特色圖像的圖片會打上√。

通過下拉列表可以查看媒體庫所有文件,也可以只查看當前文章的附件。搜索功能更加強大,只需要鍵入關鍵詞,就會以無刷新頁面的方式呈現搜索結果。

特色圖像的應用

特色圖像可以用到很多地方,例如

  • 首頁幻燈片
  • 作為特色內容 (Featued Post) 的縮略圖
  • 本站應用特色圖像做相關文章的縮略圖,看看下面就知道效果了。