如何在 WordPress 中編輯頁腳(簡單指南)

已發表: 2022-11-05

網站頁腳一直是網頁設計中最難做到的元素之一。 WordPress 頁腳也不例外。 無論您只是希望弄清楚如何刪除頁腳中的“Proudly Powered by WordPress”,還是嘗試完全重新設計您的頁腳,了解如何在 WordPress 中編輯您的頁腳都是必不可少的。

在這篇文章中,我們將介紹編輯 WordPress 頁腳的最有用的方法,以便您選擇適合自己的方法。

以下是我們將介紹的內容:

  • 如何使用 WordPress 主題定制器編輯頁腳
  • 如何在 WordPress 中使用完整的站點編輯(和模式)編輯頁腳
  • 如何使用 WordPress 插件編輯頁腳
  • 如何使用 Divi Theme Builder 編輯頁腳

如何在 WordPress 中編輯頁腳(4 種方式)

頁腳自定義是 WordPress 內置的,因此每個網站都有某種編輯和設計方式。 借助新的 WordPress 塊編輯器和 WordPress 的完整站點編輯功能,WordPress 用戶(尤其是 WooCommerce 網站)編輯頁腳變得越來越容易。 但並不是所有的主題都是一樣的,一些經典的主題會依賴於較舊的方法。

考慮到這一點,這裡有 4 種在 WordPress 中編輯頁腳的方法。

1. 如何使用 Theme Customizer 在 WordPress 中編輯頁腳

WordPress Customizer 是一個很棒的工具,可讓您更改 WordPress 網站的外觀。 使用定制器,您可以更改頁腳(和主題)顏色、字體和其他樣式選項。 您還可以將自定義小部件和菜單添加到頁腳。

請注意,隨著塊編輯器獲得越來越多的功能和採用,傳統的定制器體驗在主題中的使用越來越少。 如果“自定義”按鈕將您帶到塊編輯器,您將在接下來的部分中學習如何處理它。

在您的管理儀表板視圖中,單擊“外觀”,然後單擊“自定義”。

WP Customize - 編輯 WordPress 頁腳步驟 1

這將打開 WordPress 的視覺網站編輯體驗之一。 根據您的主題,該區域內的選項會有很大差異。 在這個例子中,我們使用流行的 Twenty-Twenty 主題。

如何將新塊添加到頁腳區域

要在定制器中編輯頁腳小部件,請單擊小部件,然後滾動到頁面底部。 查找頁腳小部件區域以查看在自定義視圖中可編輯的頁腳部分。 為了更快地到達那裡,您還可以單擊藍色鉛筆圖標以更快地到達那裡。

WP Customize - 編輯 WordPress 頁腳步驟 2-3

您可以使用配對的塊編輯器編輯這些小部件區域。 您可以向該小部件區域添加或刪除塊。 請記住,主題定義了小部件區域的結束位置。

要添加頁腳導航菜單,請將導航塊添加到頁腳小部件區域之一。 如果您的網站上有多個菜單,您可以選擇您想要的菜單,並為該塊提供顯示的標題。

在 WordPress 定制器中更改主題顏色

二十二十個 WordPress 默認主題具有更改主要主題顏色的能力。 您可以選擇網站的頁眉/頁腳背景顏色、正文背景顏色和主要強調色。 這會在網站上使用它們的任何地方動態更改這些顏色。

WP Customize - 編輯 WordPress 頁腳步驟 7

設置原色最顯著地改變了鏈接文本的顏色。

添加自定義 CSS 以在 WordPress 定制器中編輯頁腳樣式

定制器可以將自定義 CSS 添加到您的網站並預覽其外觀。

在定制器的根窗格中,導航到 Additional CSS(最後一個選項)。 對於這個例子,我們將使用一個簡單的 CSS 片段來更改頁腳的背景顏色,如下所示:

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
background-color: aliceblue;
}

添加 CSS 後,我們將立即看到它的外觀預覽。

您可以選擇任何預定義的 CSS 顏色名稱或十六進制代碼。 在您撥入 CSS 以將其應用到您的網站後,發布您的更改。

塊編輯器 - 編輯 WordPress 頁腳步驟 6

不同的頁腳按主題自定義選項

某些主題採用完全不同的方法在定制器中編輯頁腳(和其他網站部分)。 有太多這樣的主題要顯示,但它們在定制器中提供了額外的選項,用於編輯樣式、佈局和一般功能。

2. 如何在 WordPress 中使用完整的站點編輯和塊模式來編輯頁腳

如果您的主題是塊主題,則在 WordPress 塊編輯器中編輯頁腳非常容易。 為了向您展示這是多麼容易,我們將使用二十二十二默認主題編輯頁腳。

單擊“外觀”,然後單擊“編輯器”。 這將在塊編輯器中加載您網站的主頁。

塊編輯器 - 編輯 WordPress 頁腳步驟 1

接下來,一直向下滾動頁面,直到看到您網站的頁腳。 然後,單擊頁腳部分開始編輯。 您將能夠像在塊編輯器中編輯頁面或帖子一樣編輯頁腳。

但是,如果您不熟悉此編輯器的工作原理,請閱讀這篇解釋如何使用塊編輯器的文章。

塊編輯器 - 編輯 WordPress 頁腳步驟 2-3

您也可以將塊元素添加到頁腳。 嘗試為您的徽標添加頁腳菜單(稱為導航塊)、圖像塊,甚至為外部電子郵件訂閱者表單添加自定義 HTML。

塊編輯器 - 編輯 WordPress 頁腳步驟 4

此外,如果您想編輯頁腳,不受干擾,只需單擊兩次即可。 單擊垂直省略號 (⋮) 菜單圖標並選擇“編輯頁腳”。

塊編輯器 - 編輯 WordPress 頁腳步驟 5-6

這將打開一個新的編輯視圖,該視圖會刪除除您正在編輯的頁腳之外的所有其他頁面元素。 此視圖中的塊編輯器的工作方式相同 - 只是更加專注。

塊編輯器 - 編輯 WordPress 頁腳步驟 7

複製預製的頁腳塊模式

模式是塊編輯器的新增功能。 模式使設計師能夠創建精彩的塊配置並與其他人分享。 公共模式可以在塊模式目錄中找到。

出於我們的目的,您可以搜索“頁腳”的模式。 這將縮小您可以選擇的列表。 將鼠標懸停在您喜歡的任何圖案上,單擊複製,然後返回您的網站。 模式代碼將在您的剪貼板中——可以粘貼了。

添加 WordPress 塊頁腳模式 - 1-3

添加一個新的自定義 HTML 塊。

添加 WordPress 塊頁腳模式 - 4-6

在 HTML 塊中,將復制的頁腳模式代碼粘貼到其中。

添加 WordPress 塊頁腳模式 - 7

之後,選擇預覽,然後將自定義 HTML 轉換為塊。 這將使每個項目都可以通過塊編輯器進行編輯。

添加 WordPress 塊頁腳模式 - 8-10

在您的編輯器中,您將看到模式已成功轉換為塊,您可以對其進行編輯以滿足您的需要。

添加 WordPress 塊頁腳模式 - 結果

這些模式是由一般 WordPress 社區創建的,希望它們在質量和設計上有所不同。 像 Divi 這樣的頁面構建器將 WordPress 模式提升到一個全新的水平,擁有數百個由專業設計團隊和攝影師創建的預製佈局和頁腳模板。

3.如何使用插件刪除“Powered by WordPress”

有時,您需要在頁腳中進行的所有編輯都是從頁腳中刪除一些主題品牌。 許多主題開發人員很難從您的頁腳中刪除他們的公司名稱和鏈接(尤其是免費主題)。

使用插件刪除主題品牌或經典的“自豪地由 WordPress 提供支持”很容易。 下載刪除頁腳信用插件。

選擇您不想顯示的頁腳文本並將其複製到剪貼板。 在我們的例子中,我們試圖在示例頁腳中刪除“Powered by WordPress”。

刪除頁腳信用 - 1

轉到“工具”和“刪除頁腳信用”。 將頁腳中的文本粘貼到頂部字段中。 您可以選擇替換文本或將第二個字段留空。 單擊保存並享受更清潔的頁腳。

刪除頁腳信用 - 2-5

在您的實時網站上查看頁腳。

刪除頁腳信用 - 結果

如果頁腳元素仍然存在,請嘗試將文本分成單獨的行。 請注意您添加到此插件的文本。 如果您試圖從您的網站中刪除一個非常常見的詞,它可能會在您網站的其他地方消失,而不僅僅是在頁腳中。 有些主題確實不希望您能夠刪除頁腳信用,因此您可能會遇到對該插件為您工作的熱情反對。

4. 如何使用 Divi 構建和編輯 WordPress 頁腳模板

Divi Theme Builder 為您提供創建整個主題設計所需的一切。 這包括一個完美撥入的頁腳。 大多數主題將您的設計選項限制在 WordPress 網站的頁腳或頁眉等區域。 Divi 為您提供了對頁眉和頁腳的完全創造性控制,並提供了使其工作的工具。

要開始創建頁腳,請打開 Divi 主題生成器,然後在默認模板上選擇“構建全局頁腳”。

Divi Theme Builder - 自定義頁腳 a 1-3

這將拉出一些選項。 選擇“從頭開始構建”以構建您想要的確切頁腳。 這將打開 Divi Visual Editing 界面並允許您開始構建頁腳。

由於這是一個“全局頁腳”,它將出現在您的所有頁面上。 可以在單獨的頁面上創建屬於頁腳上方的其他內容。

Divi Theme Builder - 自定義頁腳 a 4

從那裡,您可以設計一個可應用於所有網站頁面的頁腳。

如果您想要一個關於如何創建自定義頁腳的優秀教程(從頭到尾),請查看這個創建自定義頁腳的完整教程。 這是你為自己創造的最終結果。

Divi Theme Builder - 自定義頁腳示例教程

當然,您可以根據自己的需要和喜好完全自由地編輯頁腳。

關於在您的 WordPress 頁腳中包含的內容的提示

訪問者希望某些信息位於您網站的頁腳上。 儘管在頁腳設計中存在創意空間,但始終最好讓您的頁腳內容與用戶期望的內容保持同步。 除了頁眉之外,頁腳可能是您網站上最明顯的空間。 因此,它應該包含對您的訪問者和您的公司最重要的信息和鏈接,包括:

  1. 社交資料和社區
  2. 相關頁面(服務、博客、幫助等)
  3. 特定公司/網站信息(服務條款、職業、關於、聯繫信息等)
  4. 版權聲明和註冊商標

優雅的主題 - Divi 網站頁腳

如果您在實體店經營本地企業,我們始終建議您將 NAP 添加到頁腳。 NAP 代表:

  1. 企業名稱
  2. 商務地址
  3. 電話業務數

NAP SEO 頁腳示例

在您的網站、Google 我的商家資料以及 Yelp 和 Facebook 等其他本地列表中保持這些詳細信息的格式一致非常重要。 一致的 NAP 位置至關重要,因為它有利於您的商業網站的 SEO。

歸根結底,頁腳應反映客戶期望從您的業務中獲得的“轉到”信息。 不要包含沒有意義的內容,並確保鏈接您最重要的頁面。 有關更多信息,請查看這 5 個其他頁腳提示,以幫助您創建更用戶友好的頁腳。

結論

對於大多數人來說,編輯頁腳的最簡單方法是利用 WordPress 中新的全站點編輯功能。 這允許您使用 WordPress 塊在 WordPress 編輯器中編輯全局頁腳。 對於那些在創建或編輯頁腳時想要完全控制設計的人來說,Divi 的主題構建器是您的不二之選。 這不僅為您提供了對頁腳的完整設計和功能控制,而且還允許您將專業設計的模板預加載到您的網站上。

有關更多信息,請查看我們關於如何使用 WordPress 塊編輯器的帖子。

全球主題構建器區域(例如全球頁腳)如何提高您網站設計過程的質量和速度?

特色圖片來自 Superstar / shutterstock.com