常見的 WordPress 精選圖片 (Featured Image) 可以類比成我們人類在社交媒體上的個人「大頭照片 / Profile Image」或書籍的「封面 / Cover」等等。不過這是適用於 WordPress 網站裡的文章和頁面。因此,這是網絡上的訪客對這個內容的第一印象。
雖然 WordPress 系統沒有限制一定要使用精選圖片 (Featured Image),這個並非必須的設定,但我們強烈建議新手一定要認真思考這個步驟。新手如果不太懂使用像 Adobe Illustrator 和 Adobe Photoshop 等專業的網頁和平面設計工具,市場上不少知名部落格的文章,他們的圖片都是直接套用 免費圖片 的,並不需要任何額外加工和創作,重點是只要圖片能夠緊扣文章的主題即可。
什麼是 WordPress 精選圖片 (Featured Image)?
WordPress 特色圖片 或稱為精選圖片,是 WordPress 佈景主題 其中一個最重要的組成部分,一般內容網站由大量有價值的內容組成,像文章列表會以大量的精選圖片組成一個清單列表,舉例像電影院的大堂一樣,你可以看到不同電影的海報,海報的外觀和電影描述是否能吸引觀眾的眼球,就會決定他們之後是否希望想了解更多詳情。
如何設定精選圖片 (Featured Image)?
大家都知道圖片是儲存在 WordPress 媒體庫 裡的,當然包含「精選圖片」在內,所以設定上跟一般的圖片是相同的。不過新手最常見是找不到設定的位置在那。
當你在使用《區塊編輯器》來撰寫文章或製作頁面內容,設定的位置都在右方的「文章設定」面板裡,有一個分頁叫「精選圖片」設定,很顯眼的在上圖的區域 3 的位置。
調整精選圖片 (Featured Image) 的細部資料
調整精選圖片 (Featured Image) 的設定區域其實也沒什麼可以操作,就是換上適合這篇內容的精選圖片,常見的工作就是上傳新的圖片,或者變更不再合適的圖片。
區域一:精選圖片的預覽圖片
區域二:取代圖片
區域三:移除精選圖片
選取合適的精選圖片
選取圖片的過程和使用《圖片區塊》是相同的,體驗不會相差太遠。不過由於精選圖片的重要性遠大於一般圖片,這可以允許使用較大和較高品質的圖片,因為封面非常重要。
區域一:選取合適的精選圖片
區域二:編輯圖片和檢查圖片資訊
區域三:確認使用精選圖片
精選圖片的圖片大小建議?
新手常常會疑問,有否最佳的精選圖片大小建議?其實沒有的,10 年之前和 10 後之後的圖片尺寸趨勢已經大大不同。依據你製作網站時的「時空背景」,你可以參考一下市場上主導的大型網站,直接下載他們的封面圖片,多找數家比較,就大約可以得出當下的潮流趨勢是使用多大的圖片。
延伸閱讀:WordPress 圖片區塊是什麼?
一般閱讀的文章是由標題和段落文字組成,如果是長篇內容,容易讓讀者感到沉悶。這時候你可以試試適當加入不同的 多媒體 (Multimedia) 來豐富你的內容,最常見就是我們這次介紹的圖片區塊元素,因為相對於動畫或影片,圖片的製作相對輕鬆和容易,也是各種內容最傳統的表現方式之一。WordPress 區塊編輯器 提供不少的選項供你調整和修改,適當設定圖片和部署也有利於網站的 SEO 評分。
延伸閱讀:WordPress 最新文章區塊是什麼?
如果你需要在網站的「文章 Post」、「頁面 Page」或「資訊欄小工具」裡加入最新文章或分類文章的功能,這次介紹的「最新文章」列表區塊就非常適合你的部署。從前複雜的工序,現在透過 區塊編輯器 只需要彈指之間就能完成,而且提供不少彈性的調整選項,已經足夠大部分部落格或形象網站的基礎需求。透過「分類」列表功能,其實可以玩出很多變化。
延伸閱讀:WordPress 查詢迴圈區塊是什麼?
文章列表 (Post Grid) 功能是很多新手部落格站長非常關心和頭痛的一環,傳統的網站架設流程是交由 WordPress 的佈景主題 負責,不過隨著 WordPress Gutenberg 計劃 的推進,愈來愈多原來是佈景市題負責的項目,站長們應該需要開始準備習慣 全站編輯 (Full Site Editing) 會變成我們使用 WordPress 的日常操作,這不會是短期內發生,各種工具會慢慢被核心程式取代,減少了依賴第三方的工具和外掛。這次介紹的 WordPress 查詢迴圈區塊 (Query Loop Block) 就能做到「最新文章」、「熱鬥文章」或「分類文章」等等的變化,而這些變化你都不用離開區塊編輯器的範圍。
常見問題 FAQ
WordPress 精選圖片 (Featured Image) 是什麼?
WordPress 特色圖片 或稱為精選圖片,是 WordPress 佈景主題 其中一個最重要的組成部分,一般內容網站由大量有價值的內容組成,像文章列表會以大量的精選圖片組成一個清單列表,舉例像電影院的大堂一樣,你可以看到不同電影的海報,海報的外觀和電影描述是否能吸引觀眾的眼球,就會決定他們之後是否希望想了解更多詳情。
精選圖片的圖片大小建議?
新手常常會疑問,有否最佳的 精選圖片 大小建議?其實沒有的,10 年之前和 10 後之後的圖片尺寸趨勢已經大大不同。依據你製作網站時的「時空背景」,你可以參考一下市場上主導的大型網站,直接下載他們的封面圖片,多找數家比較,就大約可以得出當下的潮流趨勢是使用多大的圖片。
參考資料和引用文獻:
- 維基百科:WordPress 是什麼?
- WordPress Theme Handbook:Featured Images & Post Thumbnails
- WordPress:Featured Images
- WordPress:特色圖片
- WordPress:Make WordPress Core
- Themeisle:WordPress Featured Image: What It Is, Plus How to Use It Right
- WPBeginner:What is Featured Image
- WPBeginner:How to Add Featured Images or Post Thumbnails in WordPress
- Kinsta:WordPress Featured Image Not Showing Properly (Or Not At All)
- HubSpot:How to Change Your Featured Image Size in WordPress
- iThemes Media:WordPress Featured Images: 3 Tips for Choosing the Right Image
- 網站迷谷:WordPress 媒體庫
- 網站迷谷:WordPress 圖片區塊
- 網站迷谷:WordPress 最新文章區塊
- 網站迷谷:WordPress 查詢迴圈區塊
- 網站迷谷:WordPress 佈景主題
- 網站迷谷:區塊編輯器
- 網站迷谷:傳統編輯器
我們提供市場上最新的網站架設
新聞、教學和相關知識,我們不會向用戶
發送垃圾和推廣內容,而你可以隨時「取消訂閱」。
學員人數:9,200+ 人 (持續增加之中)
請問精選圖片,是否可以向文章中其他圖片,使用網址的方式插入呢?
謝謝
您好,你可以透過安裝「Featured Image from URL (FIFU)」外掛,來達成透過「外部圖片連結」作為網站的精選圖片。
https://tw.wordpress.org/plugins/featured-image-from-url