WordPress 中覆蓋圖像和精選圖像之間的區別

當 WordPress 5.0 引入古騰堡編輯器時，它還為 WordPress 帶來了一些新功能。 其中一些功能以塊的形式出現。 其中一個塊稱為 Cover，它在您的帖子或頁面內容中放置了一個帶有多個可自定義功能的覆蓋圖像。

當然，WordPress 仍然包含為頁面和帖子指定特色圖片的選項。 這提出了幾個問題。 封面圖片和特色圖片一樣嗎？ 如果不是，它們是什麼以及它們如何使用？ 有什麼不同？ 在本文中，我們將討論 WordPress 中的覆蓋圖像與特色圖像，並回答這些問題中的每一個。

覆蓋圖像

封面圖片是一張大照片，通常放置在頁面或帖子的頂部。 它們也被稱為標題圖像。 它們代表內容。 這是讀者在查看內容時看到的第一件事。 它有助於設定情緒或從視覺上描述文章，以便讀者了解會發生什麼。 它們也可以在整個頁面或帖子中使用，以幫助介紹下一部分。

封面圖片很容易添加到 Gutenberg 中的內容中，它們包含一些特色圖片本身沒有的樣式功能。

Gutenberg 包含一個名為 Cover 的新塊，可讓您為帖子或頁面創建封面圖像。 您將在塊列表的“公共塊”選項卡中找到該塊。

Cover 塊可讓您添加帶有疊加層和文本的圖像。 上傳您的圖片或從媒體庫中選擇您的圖片。 如果需要，您還可以使用視頻，該視頻將在文本和疊加層後面播放。 這非常適合創建引人注目的標題。 這是在不使用第三方插件的情況下無法使用特色圖像完成的事情。

添加圖像或視頻後，您將看到文本、固定背景設置和疊加的功能。 它在圖像上方有一些對齊設置。

要添加標題，只需將光標放在顯示“寫標題...”的地方，然後開始輸入。 它還具有使用粗體、斜體、添加鏈接或刪除線的選項。 在圖像上方的設置中，您可以對齊文本。

固定背景為圖像添加了視差功能。 當文本滾動時，圖像保持原位。 此功能不適用於視頻，但所有其他設置均可用。

通過從選項中選擇您想要的顏色來添加疊加顏色，或選擇多色圓圈以選擇自定義顏色。

自定義顏色包括一個帶有滑塊的顏色選擇器，它以十六進製或 RGB 顯示顏色值。

背景不透明度更改覆蓋的不透明度量，允許您選擇顯示更多的圖像和更少的覆蓋顏色，或更多的覆蓋和更少的圖像。 在本例中，我將不透明度設置為 80。您可以看出那裡有圖像，但看不到太多細節。

在這個例子中，我將不透明度設置為 20。可以看到更多的圖像，但它仍然顯示了覆蓋層的顏色。

該圖像在圖像頂部的設置中還有一個全角選項。 這非常適合創建圖像或視頻標題或創建漂亮的部分介紹。

通過讓您能夠添加帶有文本、疊加和視差的圖像，封面塊開闢了許多設計可能性。 圖像/視頻、文本、顏色和視差有助於設定文章的情緒並吸引目標受眾。 您可以在整個內容中使用多個 Cover 塊來引入新部分（通常用標題文本標識），或者只是為頁面鏈接或產品添加一些視覺吸引力。

特色圖片

特色圖片提供帖子縮略圖。 這些縮略圖顯示在任何顯示特色圖像的地方，例如顯示博客文章的主頁、博客存檔頁面和單個文章。 特色圖片代表文章本身。 它們用於幫助激發興趣並告知讀者文章的類型或目的。

它們還用作在社交媒體上共享內容時顯示的默認圖像，除非使用 Yoast 等插件手動覆蓋該圖像，如上例所示。

特色圖片添加在帖子或頁面設置中。 單擊設置特色圖片並選擇或上傳您的圖片到媒體庫。

諸如 29 之類的主題包括特色圖像的疊加層。 您可以在“顏色”下的主題定制器中選擇顏色。 藍色是默認顏色，但您可以使用滑塊選擇幾乎任何顏色。

您還可以在使用頁面構建器（例如 Divi 和 Extra）時調整特色圖像疊加。 在此示例中，我正在調整博客模塊的特色圖像疊加圖標和懸停疊加顏色。

同時使用封面圖像和特徵圖像

您可以在同一頁面或帖子中同時使用封面圖片和特色圖片。 在這個例子中，我在文章中同時展示了兩者。 理想情況下，他們不會像這樣坐在一起，但這只是為了表明他們可以出現在帖子中。 但有時您會希望使用封面圖片作為特色圖片。

如果您使用與封面圖片相同的特色圖片，這些圖片將在您的內容中出現兩次。 它實際上顯示了兩種不同的東西：特色圖片和封面圖片，但您為兩者選擇了相同的圖片。

幸運的是，您可以採取多種措施來為兩者使用相同的圖像而不會出現兩次圖像。 某些主題，如 Divi 和許多其他主題，允許您從內容中排除特色圖像。

如果您使用的是 Divi 或 Extra，請在儀表板菜單中轉到Divi （或Extra ）>主題選項>佈局，然後在單個帖子佈局選項卡中禁用將拇指放在帖子上。 此選項在單頁佈局選項卡中也可用，因此您可以根據需要自定義設置。

在這個例子中，特徵圖像與封面圖像相同。 我添加了一個懸停覆蓋，我通過將鼠標懸停在右側的帖子上來進行演示。

帖子本身只顯示封面圖片。 特色圖片不會顯示在帖子的內容中。

Extra 包括一個選項，可以單獨隱藏帖子上的特色圖片。 這使您可以更好地控制 WordPress 如何處理帖子和頁面上的特色圖像。 在帖子設置中，點擊隱藏帖子上的特色圖片。

您還可以使用插件隱藏帖子上的特色圖片，例如隱藏特色圖片，WordPress 存儲庫中的免費插件。 選擇隱藏帖子或頁面上的所有特色圖像，或將它們單獨隱藏在頁面和帖子本身上。 在我測試該插件時，它與 29 不兼容，但與 21 和其他人一起使用時效果很好。

它為頁面和帖子添加了一個選項以隱藏特色圖像。 如果您想默認顯示特色圖片，然後將其隱藏在使用封面圖片的頁面或帖子中，這非常棒。 這為您提供了更多的設計控制來顯示特色圖像。

結束的想法

這就是我們對 WordPress 中覆蓋圖像與特色圖像的看法。 起初，它們似乎相同或相似，但實際上，它們非常不同。

特色圖片吸引讀者閱讀文章。 一篇文章在網站上只會有一個特色圖片，該圖片將顯示在任何顯示帖子縮略圖的地方，但可以替換為另一張圖片，以使用 Yoast 等插件在社交媒體上顯示。 一些主題（如二十九）和構建器（如 Divi）包括對特色圖像的自定義。

封面圖片實際上是文章的一部分，可以幫助提高帖子的參與度。 文章的整個內容可以有多個封面圖片或視頻。 如果您想使用圖像而不僅僅是標題文本，它們非常適合提供視覺設計和分隔文章的各個部分。 封面圖片特別有趣，因為 WordPress 內置了全角、文本、視差和覆蓋選項。 我喜歡它可以顯示視頻。 在古騰堡之前，擁有這些功能需要插件或頁面構建器。

封面圖片和特色圖片非常適合為您的內容添加視覺設計。 它們有不同的選項和用途，您可以單獨或一起使用它們。

我們希望聽到您的意見。 您如何在 WordPress 中使用覆蓋圖像和特色圖像？ 讓我們在評論中知道。

特色圖片來自 karnoff/shutterstock.com