WordPress打從心底就是要邁向CMS之路,所以新增了the_post_image的功能功能其實跟以前的自訂欄位的功能是大同小異,只要再新增文章的時候,透過內建的Post Thumbnail設定,就可以做出像雜誌一樣的圖文並茂效果了。
首先,需要先將您目前使用的佈景裡,在functions.php裡面新增
以及
讓佈景支援post thumbnail的功能,因為在發表文章的時候會先判斷佈景裡的functions裡面有沒有支援post thumbnail,如果有那麼在發表文章或者修改文章的時候,側邊欄就會多一個 Post Thumbnail的功能。
點選了Set thumbnail則會跳出上傳圖片的功能,你可以重新上傳一張圖片,或者使用之前已經上傳過的圖片做為縮圖,再插入文章的右邊有一個 use as thumbnail的按鈕,按下去則設定此圖片為該篇文章的縮圖。
設定完成後則會變成下圖,側邊欄會顯示本篇文章所使用的縮圖,而下方多了一個移除縮圖的功能
既然後台已經設定好了縮圖,那麼就是要設定前台如何顯示本篇文章縮圖
打開 index.php 在你欲出現縮圖的位置插入
/images/default-thumbnail.jpg” alt=”Post Thumbnail” title=”Post Thumbnail” />’;
?>
存檔之後前台首頁就會出現該篇文章的縮圖,如本站首頁一樣。
這邊提供的是已經寫好判斷,就是當該篇文章有自己的縮圖則顯示縮圖。若該篇文章沒有縮圖,那麼則顯示某一張預設的圖片。預設的圖片路徑為目前所使用的佈景裡images目錄底下的defaukt-thumbnail.jpg
the_post_thumbnail內有三種圖片大小,分別為:
全圖:
中型300寬度:
縮圖150×150
你可以自己手動修改看是要呈現哪一種圖片類型。
雖然WordPress提供了內建的縮圖功能,不過對於已經使用自己設計的佈景來說,要將原縮圖功能改用內建的功能,是很麻煩的
一件事情。我還是喜歡 custom field XD
本文翻譯來自
Everything you need to know about WordPress 2.9’s post image feature加上艾德自己的測試與實作心得分享
2 comments
Thank you for this article. That’s all I can say. You most definitely have made this blog into something special. You clearly know what you are doing; you’ve covered so many bases. Thanks!
原來 WordPress 加入了這個新函式,
那麼就不用外掛也可以使用文章內的圖片作為縮圖。
真是不錯阿!但相對地 WordPress 也越來越龐大了。