我們在wordpress默認上傳路徑上傳的圖片,會自動生成相應尺寸的縮略圖顯示。
如果使用:添加媒體-上傳文件,這個路徑來插入圖片的話,在文章列表頁會把第一張圖自動裁剪成縮略圖需要的大小,有些主題可能沒有縮略圖需求,但是有很多主題是有這方面的需要的。
我所使用Beginy主題是需要280*210的縮略圖,如果我使用七牛云的圖片的話,系統(tǒng)并不會默認裁剪這些圖片,會導致我的文章縮略圖無法顯示,而在文章列表頁,顯示沒有縮略圖,會很難看。
因此,我們要通過七牛云的另外的功能:圖片樣式來實現我們的縮略圖:
一、進入圖片樣式

輸入圖片說明
二、選擇居中裁剪
這里有很多圖片樣式的裁剪方式,有興趣的小伙伴可以再研究研究,我一向是實用為先,暫時用不到的功能我并不沒有去研究,我使用的就是第一個:居中裁剪。

輸入圖片說明
三、創(chuàng)建圖片樣式
這里有主要有兩點要注意:
1、設置好自己需要的縮略圖尺寸
2、設置好這個圖片樣式的名稱,一定要簡單

輸入圖片說明
四、使用圖片樣式創(chuàng)建縮略圖
比如說我們另外上傳一張圖片做縮略圖,但是我們并不需要把這張圖片插入到這篇文章里同,我們只需要把這張圖片上傳到存儲空間,然后調用樣式就可以實現縮略圖了。
1、上傳圖片到存儲空間

輸入圖片說明
2、添加圖片樣式分隔符

輸入圖片說明
我這也用的是中橫線,你選擇的是什么就在你的圖片地址后面,輸入這個分隔符,然后輸入你剛設置的圖片樣式名稱,剛才咱們設置的是slt,也就是說,我們要在我們想要用來做縮略圖的那個圖片外鏈地址后加添加 【-slt]】這樣一個字符串。
3、輸入縮略圖地址

輸入圖片說明
如果你的主題需要縮略圖的話,一般會這個選項,到時候直接按按照這個格式輸入進去就可以了。
4、前臺看效果
我們發(fā)布文章之后,到前臺首頁,去看看縮略圖顯示的效果。
效果肯定是很棒的!這樣就通過七牛云提供的圖片樣式功能,為自己的wordpres文章實現縮略圖了。