星期二, 二月 28, 2017
Home > WordPress > WordPress新屬性 the_post_image

WordPress新屬性 the_post_image

WordPress打從心底就是要邁向CMS之路,所以新增了the_post_image的功能功能其實跟以前的自訂欄位的功能是大同小異,只要再新增文章的時候,透過內建的Post Thumbnail設定,就可以做出像雜誌一樣的圖文並茂效果了。

首先,需要先將您目前使用的佈景裡,在functions.php裡面新增

以及

讓佈景支援post thumbnail的功能,因為在發表文章的時候會先判斷佈景裡的functions裡面有沒有支援post thumbnail,如果有那麼在發表文章或者修改文章的時候,側邊欄就會多一個 Post Thumbnail的功能。

點選了Set thumbnail則會跳出上傳圖片的功能,你可以重新上傳一張圖片,或者使用之前已經上傳過的圖片做為縮圖,再插入文章的右邊有一個 use as thumbnail的按鈕,按下去則設定此圖片為該篇文章的縮圖。

設定完成後則會變成下圖,側邊欄會顯示本篇文章所使用的縮圖,而下方多了一個移除縮圖的功能

既然後台已經設定好了縮圖,那麼就是要設定前台如何顯示本篇文章縮圖

打開 index.php 在你欲出現縮圖的位置插入

存檔之後前台首頁就會出現該篇文章的縮圖,如本站首頁一樣。

這邊提供的是已經寫好判斷,就是當該篇文章有自己的縮圖則顯示縮圖。若該篇文章沒有縮圖,那麼則顯示某一張預設的圖片。預設的圖片路徑為目前所使用的佈景裡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加上艾德自己的測試與實作心得分享

關於 Eduardo

在大台北地區出沒,網路愛好者,平時喜歡逛網站接收最新資訊,WordPress十年經驗,提供WordPress客製化服務。

也看看

WordPress 3.0 – Thelonious正式發佈

睽違已久的WordPress …

WordPress 2.9(Carmen McRae)正式發佈

睽違已久的WordPress …

2 comments

  1. 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!

  2. 原來 WordPress 加入了這個新函式,
    那麼就不用外掛也可以使用文章內的圖片作為縮圖。
    真是不錯阿!但相對地 WordPress 也越來越龐大了。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *