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