黃聰:如何使用WordPress 2.9內置文章縮略圖功能(Post Thumbnail)


WordPress 2.9新功能詳解中,我們提過2.9內置的Post thumbnail/文章縮略圖功能,但是這個功能默認是沒有開啟的,要使用的話需要激活和使用主題函數輸出。本文帕蘭就為你詳細介紹一下如何使用這個文章縮略圖功能。(它是簡單的,一學即會!)

wp post thumbnail 1 如何使用WordPress 2.9內置文章縮略圖功能(Post Thumbnail)

wp post thumbnail 2 如何使用WordPress 2.9內置文章縮略圖功能(Post Thumbnail)

wp post thumbnail 3 如何使用WordPress 2.9內置文章縮略圖功能(Post Thumbnail)

1. 激活文章縮略圖功能

要激活該功能,打開你主題的functions.php文件,輸入下面的代碼:

add_theme_support( 'post-thumbnails' );

你也可以添加一個參數來指定在post還是page激活該功能:

add_theme_support( 'post-thumbnails', array( 'post', 'page' ) );

默認是在兩者里都激活的。激活后,在你的post或page編輯頁面的側邊欄底部,就能看到該功能的設置模塊了。

2.輸出到主題

要在你的主題中顯示出設置的圖片,你需要在loop里面添加下面這個函數:

<?php the_post_thumbnail( ); ?>

你可以給該函數傳遞一個參數值來調用圖片的不同尺寸,

the_post_thumbnail(); // 默認顯示縮略圖 the_post_thumbnail('thumbnail'); // 顯示縮略圖 the_post_thumbnail('medium'); // 顯示中等尺寸 the_post_thumbnail('large'); // 顯示大尺寸 the_post_thumbnail( array(100,100) ); // 自定義尺寸

3. 在loop外調用某篇文章的文章縮略圖

如果你想在loop以外調用某些文章的縮略圖,另一個函數為你准備:

<?php echo get_the_post_thumbnail(); ?>

和the_post_thumbnail()相比,它需要再傳入一個參數來指定文章的ID:

get_the_post_thumbnail($id); get_the_post_thumbnail($id, 'thumbnail'); get_the_post_thumbnail($id, 'medium'); get_the_post_thumbnail($id, 'large'); get_the_post_thumbnail($id, array(100,100) );

對於大多數wordpress用戶來說,知道上面這些就已經足夠了。如果你是一個主題開發者,想了解的更深入,可以查看justintadlock的這篇文章:

Everything you need to know about WordPress 2.9’s post image feature

里面還介紹了如何添加函數連接到過濾器動作來改變文章縮略圖尺寸和縮略圖的html代碼輸出。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM