如何在WordPress中添加標題?使用 WordPress 定制器或封面塊來定制您的標題圖像

如何在WordPress中添加標題?使用 WordPress 定制器或封面塊來定制您的標題圖像

您可以同意我們的觀點,沒有標題的網站是不完整的。您是否知道在 WordPress 中創建標頭有兩種不同的選項?在本教程中,我們將解釋個體差異。

正版標題圖片

如您所知,經典的 WordPress 標頭可用於所有不同的頁面。它通常是一個從一側到另一側都很寬的矩形盒子。裡面有一個標誌或網站名稱、標語和菜單項。您還可以在那裡插入一個稱為標題圖像的背景圖像。標題圖像非常適合吸引訪問者的注意力並創建整體網站的外觀和感覺。您可以決定是否使用謹慎的標題圖像或主要圖像來將訪問者的注意力集中到網站導航上。

WordPress 標題圖片
最常用的標題類型 - 網站頂部的標題圖像

如何在 WordPress 定制器中編輯標題

默認情況下,可以通過 WordPress 定制器更改標題圖像。您可以從 WordPress 管理員和您的網站訪問它:

  • 直接從 WP admin 導航到 外貌 –> 定制
  • 在前端,如果您已登錄,請單擊頂部欄中的“自定義”

定制器包括當前活動主題的所有基本外觀設置。因此,在哪裡可以找到標題圖像設置取決於您的活動主題。在 Citadela 主題中,您可以添加和編輯標題圖像 定制 –> 外貌 –> 標題背景.

通過定制器添加標題
通過定制器添加標題

標題圖片設置

無論您選擇什麼標題圖像,都可以根據需要進行配置。使用“標題圖像重複”可以實現有趣的效果。您可以配置以下選項:

  • 水平平鋪
  • 垂直平鋪
  • 不重複(如果您不想重複圖像)
啟用標題圖像重複功能
標題圖片平鋪效果

WordPress 中的其他設置 – 標題圖像大小

如何編輯標題和調整圖像的另一個選項是設置合適的尺寸。標題圖片大小有以下三個選項:

  • 原來的 – 它將保持原始圖像大小
  • 覆蓋 – 上傳的圖像將調整大小以適應左右,圖像也可以剪切以適應
  • 包含 - 標題圖像大小將被調整,整個圖像將可見
標題圖像大小的 3 個選項
查看不同標題的大小(原始大小、封面大小和包含大小)

您還可以設置標題內的圖像位置並設置背景固定。

用作標題的覆蓋塊

正如我們在本文開頭已經提到的,有多種方法可以在 WordPress 編輯器中編輯標題。除了使用定制器之外,您還可以使用 WordPress 核心塊之一,稱為 Cover 塊。那麼有什麼區別呢?

使用定制器創建的經典標題與整個網站相關,而封面塊允許您添加基本上用作任何頁面或帖子的標題圖像的封面圖像。您甚至可以在一頁上多次使用它或使用不同的設置進行發布。

蓋塊在哪裡使用

與經典的網站標題相比,封面塊在整個網站上具有更廣泛的應用。封面塊將寬、全寬的標題圖像添加到內容中。您可以使用它來直觀地分隔博客文章中的內容。每個帖子部分都會有自己的標題圖像,可以連接到以下內容。一個很棒的功能是您可以在封面塊內寫入文本。該文本將顯示在圖像上。

封面圖片作為博客文章中的標題圖片
通過封面塊添加標題圖像的博客文章

主頁標題

如果您想實現原始外觀,也可以使用封面塊代替網站標題。由於封面塊提供了各種對齊選項,因此您可以將其設置為內容寬度或使其全寬。全寬標題也可以用作大背景圖像。但不要忘記關閉 Citadela 主題中的頁面標題。如果您想使用封面塊作為網站標題,則此步驟是必要的。

標題作為全寬背景圖像
主頁上的全寬標題

如何使用 Cover 塊創建標題

首先,您需要添加封面塊。您可以將其添加到任何頁面或通過以下方式發布:

單擊頂部欄中的“+”號或內容中任意位置的“+”號。之後只需搜索封面塊即可。

單擊“+”添加封面塊
使用“+”添加封面塊

另一種快速方法是使用塊名稱後面的“/”添加塊。

使用斜杠添加封面塊
添加斜杠並輸入 Cover block 以在內容區域中添加此塊

添加封面塊後,您將獲得上傳圖像或視頻的空間。您還可以從媒體庫中選擇圖像。選定的圖像或視頻將用作標題。

標題標題

使用 Cover 塊添加標題的有趣之處在於,您可以在圖像上寫入文本標題。該標題也可以用作部分的標題,例如在博客文章中。也可以在其中添加任何 URL。

標題圖片中的標題
標題圖片中的標題

對準蓋塊

可以使用塊工具欄對齊蓋塊。它可以在內容區域內向左、向右或居中對齊。也可以設置為寬或全寬。這些選項必須得到您用來構建網站的活動主題的支持。

蓋塊對齊
您可以通過多種方式對齊封面塊,以實現標題的完美外觀

封面圖片設置

可以在檢查器中修改封面圖像外觀。如果您將其設置為固定背景,圖像將不會與頁面上的其餘內容一起滾動,但它將始終保留在其位置上。

使用焦點選取器,您可以選擇圖像的哪一部分將顯示在標題中。您可以進一步處理該圖像。例如,您可以設置疊加顏色和背景不透明度。這兩種設置都將幫助您對標題進行最後的修飾。如果您在博客文章中使用封面塊,使用正確的配色方案和透明度,您可以為您的文章添加所需的氛圍。請小心這些設置,因為標題文本需要清晰可見。

設置顏色疊加和不透明度
通過選擇適當的顏色疊加,您可以創建引人注目的標題

製作視頻標題

封面塊還可用於在網站標題內播放視頻。您可以吸引訪客的注意力或宣傳產品或服務。有 幾種支持的視頻格式,最常用的是 .mp4。

很棒的是,您還可以在視頻上寫標題、對齊視頻、使其全寬或設置顏色疊加。所有媒體類型的封面塊設置均相同。

您對標題的體驗如何?您是否已經嘗試過使用 Cover 塊來創建標題?您更喜歡使用 WordPress 定制器的經典網站標題嗎?請在下面的評論中告訴我們。