我們在wordpress默認上傳路徑上傳的圖片措译,會自動生成相應(yīng)尺寸的縮略圖顯示吗浩。
如果使用:添加媒體-上傳文件揩页,這個路徑來插入圖片的話猖败,在文章列表頁會把第一張圖自動裁剪成縮略圖需要的大小速缆,有些主題可能沒有縮略圖需求,但是有很多主題是有這方面的需要的恩闻。
我所使用Beginy主題是需要280*210的縮略圖艺糜,如果我使用七牛云的圖片的話,系統(tǒng)并不會默認裁剪這些圖片幢尚,會導(dǎo)致我的文章縮略圖無法顯示破停,而在文章列表頁,顯示沒有縮略圖尉剩,會很難看真慢。
因此,我們要通過七牛云的另外的功能:圖片樣式來實現(xiàn)我們的縮略圖:
一理茎、進入圖片樣式

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

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

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

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

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

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