怎樣實現(xiàn)七牛云圖片自動縮略圖

我們在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)縮略圖了段誊。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市栈拖,隨后出現(xiàn)的幾起案子连舍,更是在濱河造成了極大的恐慌,老刑警劉巖涩哟,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烟瞧,死亡現(xiàn)場離奇詭異,居然都是意外死亡染簇,警方通過查閱死者的電腦和手機参滴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锻弓,“玉大人砾赔,你說我怎么就攤上這事。” “怎么了暴心?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵妓盲,是天一觀的道長。 經(jīng)常有香客問我专普,道長悯衬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任檀夹,我火速辦了婚禮筋粗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘炸渡。我一直安慰自己娜亿,他們只是感情好,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布蚌堵。 她就那樣靜靜地躺著买决,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吼畏。 梳的紋絲不亂的頭發(fā)上督赤,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天,我揣著相機與錄音泻蚊,去河邊找鬼够挂。 笑死,一個胖子當著我的面吹牛藕夫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播枯冈,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼毅贮,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了尘奏?” 一聲冷哼從身側(cè)響起滩褥,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎炫加,沒想到半個月后瑰煎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡俗孝,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年酒甸,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赋铝。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡插勤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情农尖,我是刑警寧澤析恋,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站盛卡,受9級特大地震影響助隧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜滑沧,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一并村、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嚎货,春花似錦橘霎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至洗显,卻和暖如春外潜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背挠唆。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工处窥, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人玄组。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓滔驾,卻偏偏與公主長得像,于是被迫代替她去往敵國和親俄讹。 傳聞我的和親對象是個殘疾皇子哆致,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,519評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件患膛、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,029評論 4 62
  • 今天本來的任務(wù)是把原型圖給做了摊阀。 上午做了一點點,早上狀態(tài)挺差的踪蹬,李哥來跟我討論也不是很提得起精神胞此,后來慢慢好了一...
    zhoooxy閱讀 238評論 0 0
  • 替換前后相同的字符串 例如:ISNULL(I.Qty, 0) as iniQty需要將ISNULL(I.Qty, ...
    碼農(nóng)吉小星閱讀 297評論 0 0
  • 其實生活并沒有想象的那么困難,我們時常抱怨生活的不公平跃捣,但卻沒有人去停止抱怨漱牵,嘗試努力改變自己的生活。 有人會說疚漆,...
    玩不得捉迷藏閱讀 260評論 2 1