fbpx
了解 Elementor 編輯器最新優惠

WordPress 精選圖片 (Featured Image) 是什麼?

常見的 WordPress 精選圖片 (Featured Image) 可以類比成我們人類在社交媒體上的個人「大頭照片 / Profile Image」或書籍的「封面 / Cover」等等。不過這是適用於 WordPress 網站裡的文章和頁面。因此,這是網絡上的訪客對這個內容的第一印象。

雖然 WordPress 系統沒有限制一定要使用精選圖片 (Featured Image),這個並非必須的設定,但我們強烈建議新手一定要認真思考這個步驟。新手如果不太懂使用像 Adobe IllustratorAdobe Photoshop 等專業的網頁和平面設計工具,市場上不少知名部落格的文章,他們的圖片都是直接套用 免費圖片 的,並不需要任何額外加工和創作,重點是只要圖片能夠緊扣文章的主題即可。


什麼是 WordPress 精選圖片 (Featured Image)?

什麼是 WordPress 精選圖片 (Featured Image)?
什麼是 WordPress 精選圖片 (Featured Image)?
,像 文章列表 會以大量的圖片組成一個清單
像文章列表會以大量的精選圖片組成一個清單

WordPress 特色圖片 或稱為精選圖片,是 WordPress 佈景主題 其中一個最重要的組成部分,一般內容網站由大量有價值的內容組成,像文章列表會以大量的精選圖片組成一個清單列表,舉例像電影院的大堂一樣,你可以看到不同電影的海報,海報的外觀和電影描述是否能吸引觀眾的眼球,就會決定他們之後是否希望想了解更多詳情。


如何設定精選圖片 (Featured Image)?

如何設定精選圖片 (Featured Image)?
如何設定精選圖片 (Featured Image)?
精選圖片 (Featured Image) 的設定區域在右方
精選圖片 (Featured Image) 的設定區域在右方

大家都知道圖片是儲存在 WordPress 媒體庫 裡的,當然包含「精選圖片」在內,所以設定上跟一般的圖片是相同的。不過新手最常見是找不到設定的位置在那。

當你在使用《區塊編輯器》來撰寫文章或製作頁面內容,設定的位置都在右方的「文章設定」面板裡,有一個分頁叫「精選圖片」設定,很顯眼的在上圖的區域 3 的位置。


調整精選圖片 (Featured Image) 的細部資料

調整精選圖片 (Featured Image) 的細部資料
調整精選圖片 (Featured Image) 的細部資料

調整精選圖片 (Featured Image) 的設定區域其實也沒什麼可以操作,就是換上適合這篇內容的精選圖片,常見的工作就是上傳新的圖片,或者變更不再合適的圖片。

區域一:精選圖片的預覽圖片

這邊顯示的外觀並一定的符合比例,請以真實出現在文章的圖片作準。

區域二:取代圖片

點擊後可以變更使用其他圖片,取代現有的精選圖片,不過圖片描述如 Alt Text 需要重新設定。

區域三:移除精選圖片

重申一次,WordPress 沒有強迫一定要設定精選圖片,你是可以建立一個「純文字」的部落格是完全沒有問題。

選取合適的精選圖片

選取合適的精選圖片
選取合適的精選圖片

選取圖片的過程和使用《圖片區塊》是相同的,體驗不會相差太遠。不過由於精選圖片的重要性遠大於一般圖片,這可以允許使用較大和較高品質的圖片,因為封面非常重要。

區域一:選取合適的精選圖片

選取現有的圖片或重新上傳新的圖片,一般不會出現太大問題。

區域二:編輯圖片和檢查圖片資訊

大部分資深站長都不建議,在上傳後編輯圖片,理想的狀態,應該在上傳之前,將圖片處理完成,例如圖片壓縮、圖片尺寸和補充資料等等。

區域三:確認使用精選圖片

如果確認正確無誤,請點擊「設定精選圖片」按鈕,放心,可以隨時變更其他合適的圖片。

精選圖片的圖片大小建議?

精選圖片的圖片大小建議?
精選圖片的圖片大小建議?

新手常常會疑問,有否最佳的精選圖片大小建議?其實沒有的,10 年之前和 10 後之後的圖片尺寸趨勢已經大大不同。依據你製作網站時的「時空背景」,你可以參考一下市場上主導的大型網站,直接下載他們的封面圖片,多找數家比較,就大約可以得出當下的潮流趨勢是使用多大的圖片。


延伸閱讀:WordPress 圖片區塊是什麼?

延伸閱讀:WordPress 圖片區塊是什麼?
延伸閱讀:WordPress 圖片區塊是什麼?

一般閱讀的文章是由標題和段落文字組成,如果是長篇內容,容易讓讀者感到沉悶。這時候你可以試試適當加入不同的 多媒體 (Multimedia) 來豐富你的內容,最常見就是我們這次介紹的圖片區塊元素,因為相對於動畫或影片,圖片的製作相對輕鬆和容易,也是各種內容最傳統的表現方式之一。WordPress 區塊編輯器 提供不少的選項供你調整和修改,適當設定圖片和部署也有利於網站的 SEO 評分。

延伸閱讀:WordPress 最新文章區塊是什麼?

如何使用 WordPress 區塊編輯器建立「最新文章」列表?
如何使用 WordPress 區塊編輯器建立「最新文章」列表?

如果你需要在網站的「文章 Post」、「頁面 Page」或「資訊欄小工具」裡加入最新文章分類文章的功能,這次介紹的「最新文章」列表區塊就非常適合你的部署。從前複雜的工序,現在透過 區塊編輯器 只需要彈指之間就能完成,而且提供不少彈性的調整選項,已經足夠大部分部落格或形象網站的基礎需求。透過「分類」列表功能,其實可以玩出很多變化。

延伸閱讀:WordPress 查詢迴圈區塊是什麼?

善用 WordPress 查詢迴圈區塊 (Query Loop Block) 建立文章列表 (Post Grid) 功能
善用 WordPress 查詢迴圈區塊 (Query Loop Block) 建立文章列表 (Post Grid) 功能

文章列表 (Post Grid) 功能是很多新手部落格站長非常關心和頭痛的一環,傳統的網站架設流程是交由 WordPress 的佈景主題 負責,不過隨著 WordPress Gutenberg 計劃 的推進,愈來愈多原來是佈景市題負責的項目,站長們應該需要開始準備習慣 全站編輯 (Full Site Editing) 會變成我們使用 WordPress 的日常操作,這不會是短期內發生,各種工具會慢慢被核心程式取代,減少了依賴第三方的工具和外掛。這次介紹的 WordPress 查詢迴圈區塊 (Query Loop Block) 就能做到「最新文章」、「熱鬥文章」或「分類文章」等等的變化,而這些變化你都不用離開區塊編輯器的範圍。


常見問題 FAQ

WordPress 精選圖片 (Featured Image) 是什麼?

WordPress 特色圖片 或稱為精選圖片,是 WordPress 佈景主題 其中一個最重要的組成部分,一般內容網站由大量有價值的內容組成,像文章列表會以大量的精選圖片組成一個清單列表,舉例像電影院的大堂一樣,你可以看到不同電影的海報,海報的外觀和電影描述是否能吸引觀眾的眼球,就會決定他們之後是否希望想了解更多詳情。

精選圖片的圖片大小建議?

新手常常會疑問,有否最佳的精選圖片大小建議?其實沒有的,10 年之前和 10 後之後的圖片尺寸趨勢已經大大不同。依據你製作網站時的「時空背景」,你可以參考一下市場上主導的大型網站,直接下載他們的封面圖片,多找數家比較,就大約可以得出當下的潮流趨勢是使用多大的圖片。

參考資料和引用文獻:

我們提供市場上最新的網站架設新聞、教學和相關知識,我們不會向用戶發送垃圾和推廣內容,而你可以隨時「取消訂閱」。

學員人數:7,800+ 人 (持續增加之中)

中文語系的 WordPress - Facebook 社團列表

在〈WordPress 精選圖片 (Featured Image) 是什麼?〉中有 3 則留言

發表您的留言

加入我們的免費 WordPress 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術