如何自訂 WordPress 頁首(初學者指南)

WPressize Me

12/05/2023

改善您的 WordPress 網站頁首對於設計和用戶體驗來說是一個很棒的主意。雖然許多 WordPress 主題提供內建的頁首,但自定義頁首能讓您添加重要的元素如鏈接、社交圖標和站內搜索。這些功能可以讓您的網站更為使用者友好和專業。此外,精心設計的頁首能大大影響訪客對您網站的第一印象。在本指南中,我們將利用我們超過 16 年管理 WordPress 網站的專業知識,逐步教您如何自訂 WordPress 頁首。

什麼是 WordPress 頁首?

您的網站頁首是每個頁面的頂部區域,通常顯示網站標誌和標題、導航菜單和其他重要元素。以下是我們 WPressize Me 網站上的頁首,這是數百萬讀者每月都會看到的。

透過自定義網站的頁首,您可以賦予它獨特的風格,並使其對訪客更有用。您可以鏈接到最受歡迎的頁面,顯示社交圖標或商業電話號碼,並顯示行動號召按鈕以提高轉換率。

使用 WordPress 主題自訂器自訂頁首

許多熱門的 WordPress 主題允許您使用 WordPress 主題自訂器來變更頁首區域。請前往 WordPress 管理區域的「外觀」»「自訂」頁面。

注意:如果您在 WordPress 管理菜單中看不到「外觀」»「自訂」,而只看到「外觀」»「編輯」,那麼這表示您的主題啟用了全站編輯。在這種情況下,您應該跳到下一部分。

您的主題可能在自訂器中包含「頁首」部分,或者在「顏色」下提供頁首選項。但是,這因主題而異。以下是一些範例。

某些主題(如 Twenty Twenty-One)根本不提供頁首自訂選項。在這種情況下,我們建議使用如 SeedProd 這樣的拖曳主題構建插件,我們將在下文介紹。

使用 WordPress 全站編輯器自訂頁首

WordPress 在 5.9 版本中引入了全站編輯。如果您的主題支持該新功能,它將取代主題自訂器。使用兼容主題時,您可以通過導航到「外觀」»「編輯」來自訂頁首。這將啟動全站編輯器,其類似於您用來撰寫 WordPress 帖子和頁面的區塊編輯器。

單擊頁首後,您會發現頁面頂部的模板名稱更改為「頁首」。

現在,單擊工具欄上的「設置」圖標,您將看到頁首佈局、顏色、邊框和尺寸的自訂選項。舉例來說,我們將更改頁首的背景顏色。首先,您需要展開「顏色」部分,然後單擊「背景」選項。

使用 SeedProd 創建自訂頁首和頁面佈局

如果您希望完全控制頁首、頁腳和側邊欄以賦予網站獨特的設計,我們建議使用 SeedProd。

SeedProd 是最佳的 WordPress 主題構建插件,允許您輕鬆創建無需編碼的自訂 WordPress 主題。這包括創建頁首、頁腳和其他所有需要的元素。

您甚至可以為網站的不同頁面和部分創建多個自訂頁首樣式。

首先,我們建議按照我們的指南輕鬆創建無需編碼的 WordPress 自訂主題。完成此操作後,您可以開始在 SeedProd 編輯器中自訂您的頁首。

要訪問編輯器,您只需單擊頁首下方的「編輯設計」鏈接。

這將打開 SeedProd 的拖曳編輯器中的頁首。

在這裡,您可以通過添加新區塊輕鬆自訂頁首。

有網站徽標等模板標籤的區塊或任何您的 WordPress 小工具以及高級區塊,例如倒數計時器、導航菜單或社交共享按鈕。

最棒的是,您可以使用主題構建器進一步自訂每個區塊。例如,您可以更改徽標的大小和對齊方式或選擇在導航菜單中顯示的頁面。它甚至允許您在頁首中添加圖像。

使用 SeedProd,您還可以將完整部分添加到主題的頁首模板中。

部分是您可以用於網站不同區域的區塊組成。這些包括頁首、頁腳、功能、見證、行動號召等。

要使用頁首部分,您需要切換到「設計」面板中的「部分」選項卡。

之後,選擇您希望在網站中使用的頁首部分。 SeedProd 提供多個部分模板可供使用。

開始自訂頁首部分。

當您對自訂頁首感到滿意時,請單擊「保存」按鈕以存儲您的更改。

現在,您準備好發佈您的自訂頁首了。

對每個頁面創建不同的自訂頁首

您知道嗎,使用 SeedProd,您可以為不同頁面創建自訂頁首?

主題構建器允許您為網站的每個頁面添加自訂頁首。這樣,您可以為不同的類別、標籤、帖子類型、頁面類型等顯示自訂頁首。

要開始,您需要從 WordPress 控制台中導航到 SeedProd » Theme Builder 並點擊



Related Posts

  • 2024-10-30
  • WordPress 基础知识

WordPress表单是连接访客和扩展受众的重要工具。无论是联系表单、调查问卷还是反馈表,嵌入到您网站中都是收集访客信息的快速便捷方式。我们在所有项目中都使用表单,从联系页面到新闻订阅甚至结账表单。在过程中,我们学习了嵌入WordPress表单所需的所有步骤,并将从头到尾引导您完成整个过程。

閱讀更多
  • 2024-09-27
  • WordPress 基础知识

多年来,我们管理过数个 WordPress 多站点网络。实际操作中我们发现,拥有合适权限来管理所有网站的合适人员,可以极大地提高效率。而这正是超级管理员用户角色发挥作用的地方。然而,在 WordPress 多站点中添加超级管理员用户与在单一站点中添加新用户略有不同。对于初学者来说,这个过程可能有些困惑。文章中,我们将向您展示如何在 WordPress 多站点中添加超级管理员用户角色,提供两个简单的方法,并附加一些关于如何妥善保护 WordPress 多站点的技巧。

閱讀更多
  • 2024-08-25
  • WordPress 基础知识

人工智能 (AI) 的话题热度不减,许多人开始好奇如何利用人工智能来创建自己的 WordPress 网站。AI 承诺简化网站制作过程,加快创作速度,甚至启发新灵感,但如此多的工具让人无从下手。WPressize Me 经过广泛实验,探索 AI 如何提升 WordPress 体验,从 AI 页面构建器到内容生成器,并在此为您分享发现与方法。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>