如何自訂 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

  • 2025-01-06
  • WordPress 基础知识

在经营网上商店时,Stripe提供了便利的支付方式,但其手续费可能会迅速累积,影响利润。在这篇文章中,我们将分享一些经过验证的策略,帮助您在不影响客户体验的情况下,减少WordPress中的Stripe交易费用。

閱讀更多
  • 2024-10-30
  • WordPress 基础知识

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

閱讀更多
  • 2024-10-16
  • WordPress 基础知识

同时运行多个网站听起来很酷, 直到你开始担心安全问题。许多用户忧心管理一个WordPress多站点可能需要花费更多时间在安全方面。这种担忧不无理由。我们见过单个弱点可以让整个网络内的每个站点面临风险。好消息是,只要采取正确的步骤,WordPress多站点是可以安全的。我们已经运行我们的多站点设置一段时间了,在本指南中,我们将分享我们试验并测试过的WordPress多站点安全提示,以帮助保护您的网络。

閱讀更多

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