一些朋友反饋說(shuō)Weisay Simple主題的縮略圖不能很好的支持WordPress自帶的特色圖片功能,就目前的功能來(lái)看,主題支持隨機(jī)縮略圖,手動(dòng)自定義縮略圖,從文章中獲取第一張圖片作為縮略圖這三種模式。
問(wèn)題也就來(lái)了,從文章中獲取第一張圖片作為縮略圖,但是第一張圖片真心不是我想作為縮略圖的,特色圖片也能顯示,不過(guò)樣式似乎就有問(wèn)題。
主要是我自己不用特色圖片這個(gè)功能,所以來(lái)就懶得把主題改為支持特色圖片,正好周末就試著調(diào)試一下,兼容了特色圖片功能,話說(shuō)我還真是第一次去用特色圖片這個(gè)功能,使用下來(lái)發(fā)現(xiàn)對(duì)于那些想博客更加美觀的人來(lái)說(shuō),特色圖片確實(shí)是一個(gè)不錯(cuò)的功能。
從文章中獲取第一張圖片作為縮略圖,有兩個(gè)弊端:1、第一張圖片不是我想要的;2、如果第一張圖片很大,可能會(huì)導(dǎo)致頁(yè)面加載效率受到影響。特色圖片確實(shí)很好的解決了這一問(wèn)題。
言歸正傳,下面我就針對(duì)Weisay Simple主題來(lái)探討下特色圖片功能的使用。
1、首先安裝Weisay Simple主題,并且主題設(shè)置里面開(kāi)啟顯示縮略圖及顯示文章截圖型縮略圖。
2、在functions.php里面最上面添加下面代碼(Weisay Simple主題1.51版我已經(jīng)加了下面的代碼,直接使用此功能就行了。)
<?php
add_image_size('thumbnail', 140, 100, true);
add_image_size('large',600,500);
add_image_size('medium',300,260);
?>
同時(shí)將后臺(tái)-設(shè)置-多媒體里面的數(shù)值設(shè)置的上面一樣。
3、發(fā)表文章上傳圖片,這些都是比較簡(jiǎn)單的,我就不說(shuō)了,如下圖,我上傳了2張圖片到文章。
4、如果此時(shí)不設(shè)置特色圖片就保存文章,那么首頁(yè)的縮略圖會(huì)調(diào)用文章的第一張圖片,如下圖,圖片很明顯的被強(qiáng)制壓縮為了140*100大小了。
5、如果后臺(tái)編輯文章,設(shè)置特色圖片,選取其中一張圖片作為特色圖片,那么效果是這樣的,如下圖,圖片自動(dòng)截圖了那張大圖的一塊,大小為140*100。
6、有時(shí)候系統(tǒng)自動(dòng)截圖的縮略圖位置不是很好,我們想自己手動(dòng)編輯一下這個(gè)縮略圖,那么也是可以的,編輯文章,點(diǎn)擊特色圖像里面的圖片進(jìn)入圖片編輯頁(yè)面,點(diǎn)擊編輯圖像,如下圖。
7、到了這個(gè)頁(yè)面就要稍微注意一下,先鼠標(biāo)拖動(dòng)截圖大概位置,然后設(shè)置右側(cè)的長(zhǎng)寬比為140*100,填好之后回車一下,然后你就發(fā)現(xiàn)直接的截取大小的比例會(huì)自動(dòng)調(diào)整了,如果大小不是很合適,你可以按著shift鍵拖動(dòng)裁剪區(qū)域,直到合適。此修改只用于“縮略圖”,接著點(diǎn)擊裁剪按鈕,好了之后點(diǎn)擊保存,最后點(diǎn)擊右側(cè)的更新按鈕,大功告成,如下圖。
8、這個(gè)時(shí)候刷新下頁(yè)面,首頁(yè)的縮略圖就是我們自定義的縮略圖了,如下圖。
貌似看著有點(diǎn)復(fù)雜,其實(shí)真正操作起來(lái)還是很簡(jiǎn)單的,比較適合那么真正喜歡完美展示縮略圖的人。
關(guān)于第7點(diǎn),如何上傳圖片之后系統(tǒng)默認(rèn)提供的縮略圖還可以的話,就沒(méi)有必要去做第7點(diǎn)了。