封面圖片與精選圖片


WordPress 5.0是與全新的Gutenberg塊編輯器一起發布的,並具有許多很酷的功能。 其中之一是Cover塊,它使您可以將封面圖像添加到帖子和頁面中。

此功能使一些用戶感到困惑,因為它似乎類似於自WordPress 2.9以來WordPress中一直使用的Featured Image選項。

在本文中,我們將說明WordPress區塊編輯器中封面圖片和特色圖片之間的區別。

封面圖片與精選圖片-WordPress區塊編輯器

什麼是封面圖片?

封面圖像通常是用作博客文章或頁面中新部分的封面照片的寬幅圖像。 它是整篇文章的一部分。 在文章中開始新章節或新故事時,可以使用封面圖像。

使用WordPress中的Cover塊,您可以在封面圖像上添加文本和顏色覆蓋。

WordPress區塊編輯器中的Cover block

通過添加與主題顏色或內容的心情相匹配的適當顏色覆蓋,可以使您的文章更具吸引力。

同樣,添加文字疊加層可幫助您的用戶輕鬆確定文章中新部分的開始位置以及相關內容。

傳統上,博客作者使用標題文本來分隔博客文章中的各個部分。 有了封面圖像,您現在可以選擇以更具視覺吸引力的方式分隔各部分。

什麼是精選圖片?

特色圖片(也稱為帖子縮略圖)是代表內容的主要文章圖片。 它們會顯眼地顯示在您的網站上的單個帖子,博客存檔頁面以及新聞,雜誌和博客網站的首頁上。

除此之外,共享文章時,特色圖像還會顯示在社交媒體源上。

精選圖像經過精心設計,以使其看起來更具吸引力。 這些圖像使用戶可以快速瀏覽您的內容,並提示他們閱讀整篇文章。

您會在帖子編輯屏幕中找到一個用於添加特色圖片的meta框,因為默認情況下,幾乎所有WordPress主題都支持特色圖片。

WordPress中的特色圖片

特色圖片的顯示位置和顯示方式完全由WordPress主題控制。

對於高級的特色圖片選項,您可以檢查這些最佳的WordPress特色圖片插件。

如何在WordPress中添加封面圖片?

新的WordPress區塊編輯器(Gutenberg)帶有Cover區塊,可讓您在WordPress中添加封面圖片。

首先,您需要創建一個新帖子或編輯一個現有的帖子。 在帖子編輯屏幕上,單擊添加新塊按鈕,然後選擇封面。

在WordPress區塊編輯器中添加封面

您可以在“通用塊”選項卡中找到“封面”塊。

單擊該塊後,您會看到Cover塊已添加到內容編輯器中,並帶有用於添加新封面圖像的選項。

封面塊有上傳圖片的選項

您可以簡單地將圖像或視頻拖放到塊區域中以上傳新的封面圖像。 或者,您可以單擊“上載”按鈕,在計算機中選擇一個圖像,然後打開以進行上載。

如果要添加已經上傳到媒體庫的圖像,可以單擊 媒體庫 按鈕,然後從媒體庫中選擇圖片。

在WordPress區塊編輯器中上傳封面圖片

添加封面圖像後,您可以通過單擊封面圖像輕鬆地對其進行自定義。

這將為您顯示一個工具欄,在圖像上方具有自定義選項,在圖像中心具有“寫入標題…”字段,並在右側面板中提供了包括顏色覆蓋在內的塊設置。

蓋塊選項

除了對齊選項外,封面圖像塊還提供了兩個寬度選擇:“寬”和“全寬”。

寬度選項使圖像看起來與內容一樣寬。 全角選項使您的圖像覆蓋整個窗口屏幕。

 WordPress區塊編輯器中的全角封面圖片

接下來,您可以為封面圖像添加標題。 單擊封面圖像時,您將在封面圖像的中心看到“寫標題…”字段。

只需單擊該區域即可添加文本。 您可以編寫封面圖像標題並使用出現在文本頂部或封面圖像頂部的格式設置選項對其進行格式化。

在WordPress區塊編輯器中的封面圖片上添加文字

最後,右側面板上有封面設置。 您可以啟用 固定背景 在用戶向下滾動頁面時創建視差效果。

修復了古騰堡(Gutenberg)封面中的背景選項

在此之下,有顏色覆蓋選項。 默認情況下,它將主題的顏色添加為具有50%透明度的覆蓋顏色,但是您可以更改覆蓋顏色,也可以通過移動點來更改不透明度。

封面顏色疊加選項

最後,您可以點擊以下網址添加CSS代碼並為封面圖片添加更多樣式: 高級 選項。

而已!

如果需要,您可以重複此步驟以在單個文章中添加多個封面圖像。

如何在WordPress中添加特色圖片?

添加特色圖片的過程與以前相同。 如果您有一段時間的WordPress博客,那麼您已經知道如何添加特色圖片。

要添加特色圖片,您需要先打開一個帖子編輯屏幕,然後導航至屏幕右側的“特色圖片”元框。

您需要點擊 設置特色圖片 選項。

WordPress中的特色圖片元框

接下來,您可以使用拖放上傳器或從現有媒體庫中選擇一個圖像來上傳新圖像。

之後,您可以為特色圖片添加標題和替代文本,然後單擊 選擇 選項。

在WordPress中上傳特色圖片

您已成功在文章中添加了特色圖片。

如果您需要更詳細的說明,則可以閱讀我們的初學者指南以在WordPress中添加特色圖片。

添加特色圖片後,您可以預覽自己的帖子並查看其外觀。

如果您使用的是新的默認主題“二十一歲”或其他現代主題,那麼在特色圖片上也可能會看到顏色疊加。

您可以轉到WordPress定製程序來刪除它或更改顏色。

只需點擊 外觀»定制 WordPress菜單中的按鈕。

自定義選項WordPress

一旦上 定制 面板上,您需要點擊 色彩 左邊的選項。

自定義顏色WordPress二十一主題

在此選項卡上,您將看到主題的原色選項以及啟用或禁用圖像濾鏡的選項。

十九個主題中的顏色選項

您可以通過選擇主題來更改主題的原色 自訂 選項並選擇一種顏色。

更改二十十九主題中的原色

如果要禁用特色圖像上的濾色器,則只需取消選中“使用原色將濾鏡應用於特色圖像”複選框。

在“二十十九”主題中的特色圖像上禁用濾色器

請注意,特色圖片由WordPress主題管理,因此如果主題不支持圖片過濾器,則可能無法在該主題中找到此選項。

結論– WordPress中的封面圖片與精選圖片

現在您知道如何添加封面圖像和特色圖像,讓我們看一些最佳實踐。

特色圖片已被WordPress博客,在線雜誌,新聞和娛樂網站廣泛用作帖子縮略圖或主要文章圖片。

精心設計的精選圖片有助於吸引更多用戶打開文章。 它們非常適合使您的網站看起來更具吸引力並在視覺上具有交互性。

封面圖片實際上是文章的一部分。 用戶打開您的文章閱讀後會看到您的封面圖片。 因此,它們使您的文章更引人入勝,閱讀更有趣。

封面圖像的最佳用途是在較長的文章中的各個部分之間添加漂亮的過渡效果。

封面圖像與常規文章圖像是獨特的,因為它們具有全角選項,並且您可以在其上添加文字疊加層。

通過適當添加封面圖片,可以提高用戶對帖子的參與度。

我們希望本文能幫助您了解新WordPress塊編輯器中封面圖像和精選圖像之間的區別。 您可能還想閱讀有關如何使用Gutenberg塊編輯器更新舊WordPress帖子的文章。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。