如何使用各種可能的方法在 WordPress 中編輯頁腳

由於 WordPress 頁腳非常有用,因此在某些時候,您必須了解頁腳、它的工作原理、編輯它的可能性以及如何刪除與您的品牌無關的預設頁腳內容。這就是為什麼我們要向您展示如何在 WordPress 中編輯頁腳,同時完整解釋頁腳的好處以及可以合併的內容。

嘗試免費演示

網站頁腳長期以來一直包含任何不適合網站主菜單的信息。從鏈接到支持文檔和社交媒體頁面,頁腳中的各種元素都非常適合。

讓我們開始吧!

什麼是 WordPress 頁腳?

頁腳不是 WordPress 獨有的。大多數網站建設者和內容管理系統都提供包含頁腳的能力。但是,WordPress 提供了其獨特的頁腳功能,以及通常與您安裝的主題一起提供的預設頁腳設計。

WordPress 頁腳位於您網站的底部。它是一個靜態內容區域,顯示在最底部,無論用戶登陸哪個頁面。儘管不像頁眉那樣被訪問,頁腳對於為用戶提供社交媒體按鈕、客戶支持鏈接和聯繫信息仍然非常重要。

餐廳頁腳菜單示例

餐廳頁腳菜單示例。

總體而言,如果您在 WordPress 上創建網站,您可以看到默認情況下會在您的設計中放置一個頁腳。WordPress 在其系統中內置了一個核心文件,專門用於管理頁腳 (footer.php)。

頁腳有各種形狀和大小,您可以編輯它們以包含不同的顏色、字體和背景。您還可以在頁腳中插入內容元素,例如博客文章列表、安全徽章,甚至表單和圖像。

頁腳就像整個網站的結論。它為那些對您的內容感興趣並深入挖掘的人顯示了重要的鏈接和信息。最後,頁腳完成了網站的整體設計,就像幻燈片演示中的最後一張幻燈片或演講的結尾一樣。

包含聯繫方式和版權信息的頁腳

包含聯繫方式和版權信息的頁腳

擁有(和編輯)WordPress 頁腳的原因

很容易忘記頁腳或將其作為您設計的最後一個項目。許多人甚至想刪除他們的頁腳,因為他們認為它們沒有多大價值。這不是最偉大的計劃。頁腳確實有價值,即使它不像您的主菜單或主要內容區域那樣被查看或點擊。

為了讓您了解是什麼使頁腳有價值,這裡列出了擁有頁腳並學習如何在 WordPress 中編輯頁腳以適合您的品牌的所有原因。

  • WordPress 頁腳提供了一個靜態模塊,顯示在您網站的每個頁面上,使其比當有人點擊時消失的標準頁面更顯眼。
  • 它完成了網站的設計,無論是在視覺上還是在您的 WordPress 文件中。它告訴 WordPress 在何處結束其代碼,並在內容結束時向用戶指示。更不用說,它使界面更乾淨。
  • 許多互聯網用戶開始期待頁腳中的特定鏈接和內容,因此他們會直接轉到頁腳查找它們。想想支持鏈接和社交媒體按鈕。
  • 頁腳提供了更多的轉化和參與機會,例如博客文章末尾的號召性用語。您可以添加表單、指向其他內容的鏈接,甚至是公司標語。
  • 這是一個包含可能無法切入主菜單的重要鏈接的地方。

既然我們知道使用頁腳的好處,那麼在頁腳中放置什麼的大問題就開始發揮作用了。所有主題都不同,但在安裝新主題後,通常會在頁腳中看到「Powered by WordPress」消息。

的

「Powered By WordPress」功勞。

其他時候,主題開發人員可能會包含他們自己的預製設計或有關誰製作主題的信息。

免費主題中提供的簡單默認頁腳。

免費主題中的簡單默認頁腳。

這些都不錯,但目標是自定義您的 WordPress 頁腳以鏈接到您有價值的頁面,包括與您的品牌相關的內容,並清除默認內容,例如來自主題開發人員或 WordPress 的消息。調整樣式以匹配您的品牌與自定義字體和顏色也是明智之舉。

那麼,在您的 WordPress 頁腳中放入哪些元素?

  • 供用戶訂閱時事通訊或博客更新的表單
  • 指向客戶支持資源的鏈接,例如常見問題解答、知識庫文章和論壇
  • 用於下載應用程序和播客等數字產品的圖標鏈接
  • 即將舉行的活動列表
  • 最近的博客文章列表
  • 鏈接到忠誠度和聯盟計劃
  • 指向信息頁面的鏈接,例如「關於我們」或「職業」頁面
  • 用於提升您的聲譽、過去的獎項或網站安全性的徽章和圖標
  • 鏈接到頁面的社交媒體圖標
  • 完整的站點地圖,可在整個網站中輕鬆導航
  • 版權聲明、隱私政策以及條款和條件等法律聲明
  • 聯繫信息,例如您的地址、位置、電話號碼和營業時間,或聯繫表格
  • 用於改進導航的搜索框
  • 任何其他不適合您的主菜單但仍需要在您的網站上佔有一席之地的其他頁面

帶有電子郵件訂閱表格、社交按鈕和版權信息的頁腳

帶有電子郵件訂閱表格、社交按鈕和版權信息的頁腳

如何在 WordPress 中編輯頁腳(自託管版本)

有一些策略可以編輯 WordPress.org(自託管)網站的頁腳。在以下部分中,我們將討論使用主題定製器、小部件、插件和代碼在 WordPress 中編輯頁腳。作為獎勵,我們將討論使用 Elementor 之類的可視化頁面構建器來管理 WordPress 頁腳。

使用主題定製器編輯 WordPress 頁腳

編輯 WordPress 頁腳最快、最有效的方法是使用內置的 WordPress 主題定製器。主題定製器設置因您選擇的主題而異,但定製器本身始終位於 WordPress 儀錶板上的確切位置。

要開始該過程,請轉到儀錶板並單擊外觀,然後單擊主題。

WordPress 中的主題按鈕。

WordPress 中的主題按鈕。

然後,單擊當前活動主題下方的自定義按鈕。

隨意更換主題以查看頁腳如何從主題更改為主題。

自定義您的活動主題。

自定義您的活動主題。

作為稍微快一點的替代方法,您還可以單擊外觀 > 自定義,這會將您直接帶到活動主題的 WordPress 主題定製器。

單擊自定義按鈕。

單擊自定義按鈕。

WordPress 主題定製器在右側展示您網站的視覺效果,在左側展示幾個菜單項,這些菜單項指向設置和定製工具。同樣,每個主題都有不同的自定義選項,因此您的屏幕可能與我們的屏幕截圖略有不同。

帶有頁腳的主題定製器。

帶有頁腳的主題定製器。

從頁腳自定義開始的一個很好的地方是顏色。

我們當前的主題有一個顏色按鈕,可以很容易地識別我們需要去的地方。

如果您的主題中可用,請選擇「顏色」按鈕。

顏色選項卡。

顏色選項卡。

選擇頁眉和頁腳背景顏色欄位下的選擇顏色按鈕。

使用顏色選擇器測試所有類型的顏色,看看哪些顏色符合您的品牌或在您的頁面末尾看起來不錯。

對於這個特定的主題,任何顏色修改實際上也會調整字體顏色,無論背景顏色如何,它們都看起來很清晰。

選擇頁眉和頁腳背景顏色。

選擇頁眉和頁腳背景顏色。

如您所見,較深的 WordPress 頁腳顏色會自動更改鏈接、標題和段落文本的字體顏色,無需您自己進行更改。

當您修改此主題中的背景顏色時,文本會更改顏色。

當您修改此主題中的背景顏色時,文本會更改顏色。

現在讓我們嘗試另一個主題。在這種情況下,我們已將「二十二十」主題替換為店面主題。

果然,店面主題的 WordPress 定製器顯示了二十二十主題中未顯示的按鈕。

因此,您的主題決定了您對 WordPress 定製器中頁腳的控制程度。在這方面,有些主題比其他主題更好。

對於店面主題,我們有一個頁腳選項卡。單擊它以查看可用於自定義頁腳的內容。

Storefront 主題中的頁腳選項卡

Storefront 主題中的頁腳選項卡

與之前的主題不同,Storefront 在您調整背景顏色時不會自動更改文本和鏈接顏色。但是,您可以通過背景顏色、標題顏色、文本顏色和鏈接顏色欄位自行控制所有這些顏色。

頁腳顏色設置。

頁腳顏色設置。

頁腳顏色設置

快速選擇會在我們的 WordPress 頁腳預覽中顯示結果。在此之後,您應該單擊「發布」按鈕以查看前端的新頁腳顏色。

WordPress 頁腳中的新背景和文本顏色。

WordPress 頁腳中的新背景和文本顏色。

但是頁腳中默認顯示的鏈接和文本元素呢?

同樣,調整頁腳內容的主要方法是在 WordPress 定製器中。在接下來的部分中,我們將解釋如何使用兩種方法從頁腳添加和刪除文本和鏈接內容:作為菜單項和作為小部件。

將小部件添加到您的 WordPress 頁腳

編輯頁腳內容的一種方法是添加小部件。WordPress 小部件具有許多功能,以及它們可以使用的多個位置,包括側邊欄和頁腳,前提是您的主題支持這些功能。

返回 WordPress 定製器,查找小部件選項卡。

小部件選項卡。

小部件選項卡。

仔細閱讀區域列表以在您的網站上放置小部件。您可能會看到側邊欄、頂部菜單和底部菜單等區域的選項。希望您的主題還包括頁腳作為放置小部件的區域。如果沒有,還有其他方法可以編輯頁腳,但如果您更喜歡使用小部件,請考慮切換到允許在頁腳內使用小部件的不同主題。

這個主題實際上在頁腳中提供了四個小部件位置,排列成四列並排堆疊,以形成一個美麗的格式,儘可能多地容納頁腳內的內容。

選擇一個頁腳列。

選擇一個頁腳列。

單擊任何頁腳小部件位置以顯示要添加小部件的區域。單擊該按鈕以顯示 WordPress 和主題上所有可用小部件的滑出視圖。再一次,您可能會看到一組完全不同的小部件,考慮到某些主題包括它們自己的小部件,或者您可能已經安裝了擴展程序或插件以向儀錶板添加更多小部件。

常見的小部件範圍從檔案到音頻和自定義 HTML 到產品過濾器。

您所要做的就是選擇要添加到此特定小部件區域的小部件。它們將顯示在左側,供您重新組織和配置它們的個人設置。

滾動瀏覽小部件列表。

滾動瀏覽小部件列表。

經過一些快速的工作,我們在三個頁腳欄模塊中放置了幾個小部件,包括一個主菜單、最近發布的列表和我們商店的一些產品。您還會注意到我們添加了一個搜索欄,使我們的用戶可以更輕鬆地進行導航。

需要注意的一個重要區域是小部件設置部分。每個小部件在左側都有自己的設置,因此請務必瀏覽這些欄位並使它們看起來完全符合您的要求。

帶有多個小部件的完整 WordPress 頁腳。

帶有多個小部件的完整 WordPress 頁腳。

正如您在瀏覽主題設置時可能了解到的那樣,並非所有主題都可以使用標準的「添加菜單」設置將菜單直接添加到頁腳區域。例如,我們這裡的主題有將菜單激活為主要、次要、手持和移動菜單的位置,但沒有用於頁腳。

我們將在下一節中介紹菜單,但我們想解釋一種快速解決方法來添加帶有小部件的菜單,以防萬一您的主題不以通常的方式支持菜單。

某些主題沒有將菜單放在頁腳中的位置。

某些主題沒有將菜單放在頁腳中的位置。

本質上,您所要做的就是轉到您的小部件頁腳模塊之一併搜索導航菜單小部件。在這裡,您可以單擊下拉欄位以查看您網站上所有創建的菜單。隨意為您的頁腳(在儀錶板的「菜單」部分)生成一個菜單,並將其添加為此部分中的小部件。

或者,選擇主菜單或您創建的任何菜單。它們都應該顯示在菜單小部件下拉列表中。

之後,只要您在右頁腳區域添加了導航菜單小部件並單擊發布按鈕,您選擇的菜單就會顯示在頁腳中。如果您想解釋以下鏈接包含的內容,您甚至可以輸入該菜單的標題。

導航菜單小部件。

導航菜單小部件。

如何插入自定義文本、圖像和代碼作為頁腳小部件

許多 WordPress 小部件提供預先配置的內容列表,例如「最近的帖子」小部件或搜索欄。

但是,有時您可能希望編輯 WordPress 頁腳以包含完全自定義的內容,例如簡單的文本、圖像或一些代碼,以創建全新的內容。

WordPress 為每一個都提供了一個小部件。

所需要做的就是轉到 Theme Customizer > Widgets。然後,選擇反映您希望小部件在頁腳中的位置的小部件區域。

單擊「添加小部件」按鈕並搜索「圖像」。

添加圖像小部件並自定義標題。單擊「添加圖像」,然後考慮添加指向圖像的鏈接。您可以通過單擊「編輯圖像」來編輯圖像大小。

圖像小部件。

圖像小部件。

接下來,在小部件庫中搜索「文本」。

將文本小部件添加到您的頁腳並輸入您想要的任何內容。它還有一個標題欄位和一個可視化編輯器,就像您在 WordPress 中製作博客文章或頁面時收到的一樣。我們已經嘗試通過 Text 小部件插入圖像(因為它在技術上是可行的),但許多主題不允許這樣做。

文本小部件。

文本小部件。

最後,您可能會發現使用自定義 HTML 小部件是最好的做法,特別是如果您想要完全控制頁腳設計或為電子郵件註冊表單等內容合併獨特的設計。

為此,在小部件庫中搜索「HTML」並選擇自定義 HTML 小部件。

自定義 HTML 小部件。

自定義 HTML 小部件。

粘貼或輸入您的自定義 HTML 並留意右側的預覽以確保它看起來像它應有的樣子。您可能還需要添加一些 CSS 樣式以使其顯示為您想要的方式。

將 HTML 代碼粘貼到小部件中。

將 HTML 代碼粘貼到小部件中。

與往常一樣,請記住單擊最後的「發布」按鈕。

將菜單添加到 WordPress 頁腳

您可以通過轉到外觀 > 菜單在 WordPress 中製作菜單。一旦您建立了菜單,就可以添加,至少是您選擇的主題支持的位置。

也可以在 WordPress 定製器中創建您的菜單,因此這取決於您最喜歡在何處添加新頁面和菜單鏈接。

提醒一下,並非所有 WordPress 主題都允許頁腳中的菜單。事實上,其中一些只有一兩個菜單位置,因此您必須檢查您的主題是否支持菜單。如果沒有,請返回上一節了解使用小部件在頁腳中合併菜單的解決方法。

如果使用的主題允許頁腳中的菜單,請轉到 WordPress 定製器並單擊菜單選項卡。

這

「菜單」選項卡

您很可能會看到一個空的菜單頁面,其中有幾個按鈕可供選擇。其中一個按鈕可讓您選擇要顯示的菜單以及顯示它們的位置。查看所有位置選項卡共享您的主題支持菜單的位置。

最後,「創建新菜單」按鈕的工作方式與儀錶板中的標準菜單創建面板非常相似,只是它不需要您退出定製器。

單擊「創建新菜單」按鈕。如果您已經準備好菜單,則可以通過轉到查看所有位置將其添加到頁腳。

「創建新菜單」按鈕

命名您的菜單(在這種情況下,我們將使用明顯的頁腳名稱)並選中名為頁腳菜單的框。這告訴 WordPress 您希望您創建的頁腳菜單顯示在頁腳位置。它們是不同的東西;一個是實際菜單,另一個是菜單所在的網站區域。如果您覺得有點混亂,我們非常歡迎您切換頁腳菜單的名稱。

單擊面板底部的下一步按鈕繼續。

添加頁腳菜單。

添加頁腳菜單。

現在您有一個名為頁腳的菜單,但它缺少任何按鈕或鏈接,無法使其成為真正的功能菜單。

單擊「添加項目」按鈕開始在菜單中放置指向頁面的鏈接和按鈕。

添加項目按鈕。

添加項目按鈕。

出現一個新的滑出式面板,其中包含要添加到菜單中的所有選項。例如,您可以包含指向內部或外部頁面的自定義鏈接、來自您博客的帖子、來自您自己網站的頁面(已創建的頁面)、產品、標籤和類別,以及您可能擁有的任何其他類型的內容頁面。

將頁面和其他元素添加到菜單中。

將頁面和其他元素添加到菜單中。

您選擇的每個菜單項都被放置並顯示在菜單面板中,您可以在其中重新組織它們並單擊每個菜單項來編輯它們的單獨設置。在此示例中,我們添加了五個指向整個網站頁面的鏈接,包括博客、直播頁面和關於公司頁面。

請參閱本文開頭的列表,了解有關在頁腳中包含哪些內容的想法。

頁腳內的菜單示例。

頁腳內的菜單示例。

使用插件在 WordPress 中編輯頁腳

WordPress 已經有內置工具來修改您的頁腳,但是您可以編輯特定站點頁腳的程度取決於您選擇的主題以及您是否想弄亂任何代碼。

正如您將在本文中進一步了解的那樣,刪除默認的「Powered By」文本需要您訪問 footer.php 文件並刪除一些代碼。因此,很明顯,如果您沒有經驗或不願意弄亂代碼或尋找新主題,則頁腳編輯的幾個方面可能無法實現。

這就是 WordPress 插件發揮作用的地方。相當多的插件提供頁腳編輯和擴展功能,以消除手動編輯代碼的需要,有時還需要快速更改頁腳,例如顏色和列。

我們推薦的 WordPress 頁腳插件包括以下內容:

  • Footer Mega Grid Columns——這個插件解決了你在一個主題中遇到的任何問題,其中頁腳缺少三列的網格格式。一些主題只提供一兩列,而其他時候頁腳完全脫離主題。頁腳巨型網格列添加了一個頁腳小部件,不僅可以顯示三列,還可以根據需要顯示其他列。
  • 刪除頁腳信用 — 使用此插件可以完全刪除 WordPress 或您的主題開發人員放置在那裡的頁腳信用。您還可以選擇輸入自己的 HTML 代碼來創建頁腳信用或一些更適合您網站的內容。
  • 頁眉頁腳代碼管理器——這個插件有一個輕微的學習曲線,但它是中級 WordPress 用戶的理想解決方案,他們寧願訪問儀錶板中的頁腳和頁眉編碼區域,而不是打開站點文件。您可以向頁腳添加無限數量的樣式和腳本,這通常有助於在每個博客文章或頁面之後顯示信息。
  • 頁腳推桿 — 使用此插件插入一個小部件以獲取版權信息或您的商標。這是一個非常有用的解決方案,用於在頁腳區域放置有關您公司的詳細信息,包括鏈接、營業時間、電話號碼等。
  • 頁腳文本 — 作為修改 WordPress 頁腳的最簡單方法之一,頁腳文本插件激活前端和後端編輯面板以更改頁腳中的內容。它帶有 WYSIWYG(所見即所得)編輯器,因此可以設置文本格式並可能添加圖片等項目。

在接下來的部分中,我們將探討如何使用其中一些插件來完成諸如添加社交媒體按鈕或將自定義代碼插入 WordPress 頁腳等任務。

使用代碼手動編輯 WordPress 頁腳

編輯 WordPress 頁腳的一種更具技術性的方法是訪問 footer.php 文件並編輯其內容。

你必須有編碼經驗——或者渴望學習——才能使這種方法對你有用,但有一些小調整,所有初學者都可以處理(主要只是刪除頁腳中的預設文本)。請查看我們的添加頁眉和頁腳代碼指南以獲取最詳細的信息。

要訪問 footer.php 文件,請使用 FTP 客戶端鏈接到您的 WordPress 站點文件。我們還建議查看這篇關於如何使用 SFTP 鏈接到 WordPress 的文章,因為 SFTP 比 FTP 更安全。

通過 FTP 客戶端連接到 WordPress 站點文件後,找到 /public 文件夾。單擊 /wp-content 然後單擊 /themes 以顯示當前安裝在 WordPress 儀錶板上的所有主題。請注意站點上哪個主題處於活動狀態,然後打開該主題的文件夾。

使用 FTP 客戶端打開您的站點文件。

使用 FTP 客戶端打開您的站點文件。

所有 WordPress 主題在主題文件夾中的某個地方都有一個 footer.php 文件。滾動該批文件以找到該 footer.php 文件。

為正確的主題選擇 footer.php 文件。

為正確的主題選擇 footer.php 文件。

使用您選擇的編輯器打開文件。進入那裡後,您可以根據要實現的目標編輯當前代碼或添加新內容。get_template_part 部分經常被修改以插入新的文本位,但我們將把它留給你,因為每個頁腳都是不同的。

打開的footer.php 文件。

打開的footer.php 文件。

作為替代方法,您可以使用顯示 footer.php 文件的可視欄位的插件來編輯頁腳代碼。這樣,您就不必安裝 FTP 客戶端並將其鏈接到您的網站。這也是一個更直觀、對初學者更友好的過程,隨時可以在您的儀錶板上使用,以供將來編輯。

為此,請安裝並激活頁眉頁腳代碼管理器插件。

頁眉頁腳代碼管理器插件。

頁眉頁腳代碼管理器插件。

安裝完成後,單擊 WordPress 儀錶板中顯示的 HFCM 選項卡。然後,為代碼段命名,選擇要顯示的位置並將位置設置為頁腳。

最重要的部分是 Snippet/Code 欄位,您可以在其中填寫您想要的任何代碼。有些人將此插件用於前端未顯示的驗證或跟蹤代碼之類的事情。但是,您也可以使用它來輸入新文本並幾乎完全控制頁腳中的內容。

確保單擊「保存」按鈕以查看結果。

粘貼片段或代碼。

粘貼片段或代碼。

在頁腳設計器中使用頁面構建器

無需代碼或許多標準 WordPress 頁腳工具即可修改 WordPress 頁腳的額外方法是使用頁面構建器。並非所有頁面構建器都提供頁腳編輯器,因此進行一些研究並確保您當前的頁面構建器提供它或您計劃購買的頁面構建器具有頁腳功能非常重要。

無論如何,這對於頁面構建器來說是一個相對基本的功能,因此如果您計劃使用頁面構建器自定義整個站點,最好只使用頁面構建器。

其他一些頁面構建器提供頁腳編輯,但我們最喜歡的包括 Elementor 和 Visual Composer。

要使用 Visual Composer 創建自定義頁腳,您必須擁有 Pro 版本。有一些解決方法可以使用免費版本編輯網站的下部,但真正的頁腳拖放構建器需要升級。

安裝後,單擊儀錶板中的頁面按鈕。滾動瀏覽您要編輯的頁面,然後選擇其中任何頁面上的「使用 Visual Composer 編輯」鏈接。

使用 Visual Composer 進行編輯。

使用 Visual Composer 進行編輯。

這會調出 Visual Composer 設計器,右側是網頁的實時預覽,左側是元素和模板等拖放式設計工具。

實現漂亮頁腳的最簡單方法之一是簡單地選擇一個模板(其中許多是免費的)。這些模板為您的整個網站提供專業的設計,以及一個可定製的漂亮頁腳。

Visual Composer 模板之一附帶的預製頁腳。

Visual Composer 模板之一附帶的預製頁腳。

要查看可用的內容,您可以單擊「模板」選項卡,然後單擊「獲取更多模板」按鈕。Visual Composer 為站點的所有方面提供模板,包括頁眉、頁腳和側邊欄。

下一個窗口顯示了一個大型模板庫,所有模板都歸類在元素、模板、塊和頁腳等過濾器下。

選擇頁腳選項卡以顯示所有預製頁腳模板。

再一次,這部分 Visual Composer 需要 Pro 版本。激活後,您可以滾動瀏覽數十個頁腳模板以在您的網站上實施它們並根據需要進行編輯。

Visual Composer 中的頁腳。

Visual Composer 中的頁腳。

具有頁腳編輯工具的其他頁面構建器之一稱為 Elementor。與 Visual Composer 非常相似,Elementor 提供了一個完整的網站構建器,用於構建主頁、產品頁面、頁腳等。

請記住,您確實可以使用此方法免費接收頁腳內容塊,但實際的頁腳構建器使用 Elementor 的專業版。與 Visual Composer 一樣,您需要升級以獲得完整功能。

首先,安裝並激活 Elementor 和 Elementor 頁眉頁腳和塊模板插件。

元素插件。

元素插件。

單擊模板 > 主題構建器以從 Elementor 打開完整的網站構建器。

Elementor 主題生成器。

Elementor 主題生成器。

在這裡,您會看到一個菜單,用於編輯站點的各個部分,例如頁眉、頁腳和單個頁面。

在左側菜單中或使用頁面中間的圖標按鈕選擇要自定義的站點部分。如您所見,在兩個地方有一個頁腳鏈接。

Elementor 中的頁腳編輯選項。

Elementor 中的頁腳編輯選項。

頁腳編輯器的工作方式與 Elementor 中的所有其他編輯器類似:您可以更改布局、調整樣式,然後單擊塊以輸入新內容。使用 Elementor 時,頁腳的每個方面都可以自定義,這使其成為頁腳控制和學習如何在 WordPress 中編輯頁腳時更靈活和更理想的選項之一。

訂閱時事通訊

想知道我們是如何將流量增加超過 1000% 的嗎?

加入 20,000 多名其他人,他們會收到我們的每周時事通訊,其中包含 WordPress 內幕技巧!

現在訂閱

使用 Elementor 編輯頁腳。

使用 Elementor 編輯頁腳。

頁眉頁腳和塊插件提供專門為頁眉和頁腳製作的內容模塊。在頁腳塊方面,您可以從版權信息、圖像、站點標題和標語等模塊中進行選擇。

要使用這些塊,請轉到儀錶板中的外觀 > 頁眉頁腳和塊。

您還可以製作一個獨特的塊並選擇在 Elementor 頁面構建器中對其進行編輯。進入 Elementor 後,向下滾動到頁眉頁腳和塊的塊集合,然後將這些元素中的任何一個拖到您當前的設計中以激活頁腳中的一些更常見的內容項。如前所述,您可以在這些塊中找到從搜索欄到站點徽標和購物車圖標到版權文本的所有內容。

頁腳塊示例。

頁腳塊示例。

如何在 WordPress.com 中編輯頁腳

WordPress.com 是 WordPress 的託管版本,包括許多主題的頁腳,只需單擊幾下即可刪除或更改頁腳的選項。在 WordPress.com 中編輯頁腳的方法與在自託管 WordPress.org 版本中的方法有些相似,但有一些不同。

首先,界面看起來並不完全相同。

您必須登錄到您的 WordPress.com 儀錶板並在主題定製器中管理您的頁腳。幸運的是,為 WordPress.com 提供的許多主題與您在 WordPress.org 上找到的主題相似或完全相同。但是,這也意味著您在 WordPress.com 中編輯頁腳的方式取決於您安裝的主題。

首先,轉到儀錶板中的外觀 > 自定義。

轉到主題定製器。

轉到主題定製器。

查看可用於該特定主題的主題定製器選項卡。大多數主題都有一個小部件選項卡,但您必須弄清楚您的主題是否提供了用於放置小部件的頁腳區域。單擊小部件選項卡以查找。

單擊小部件選項卡以查看

單擊小部件選項卡。

我們正在使用的當前主題提供了一個頁腳小部件模塊。如果您沒有看到在頁腳中放置小部件的選項,請考慮嘗試新主題,或使用菜單代替小部件。

對於此示例(帶有頁腳小部件區域),單擊「添加小部件」按鈕。

添加小部件按鈕。

添加小部件按鈕。

出現一個滑出式菜單,其中包含一組小部件。您可以選擇對您的公司最有意義的任何小部件。

同樣,主題決定了可以在頁腳中放入多少個小部件而不會顯得太雜亂。在設計開始看起來凌亂之前,這個特定的主題似乎允許大約三列小部件。

在我們的示例中,我們將選擇一個聯繫信息和地圖小部件,以及一個「關注博客」小部件,它會提示訪問者使用他們的電子郵件地址進行註冊。

一長串 WordPress 小部件。

一長串 WordPress 小部件。

右側的預覽顯示了正在運行的小部件。我們建議瀏覽每個小部件設置面板以配置顯示文本等各個元素,並選擇要在每個小部件中顯示的欄位。

確保單擊「保存更改」按鈕,以便小部件顯示在您網站的前端。

帶有聯繫信息和訂閱小部件的完整頁腳。

帶有聯繫信息和訂閱小部件的完整頁腳。

您可能還會注意到 WordPress.com 會在頁腳的最底部自動添加您的網站標題和 WordPress 積分。如果您願意,您通常可以去掉站點標題,但是 WordPress 信用刪除需要您支付商業計劃費用。

要修改這兩個元素,請單擊站點標識按鈕。

轉到站點標識。

轉到站點標識。

首先,轉到設置底部以找到頁腳信用欄位。單擊該下拉菜單以顯示所有可能的選項。

頁腳信用下拉菜單。

頁腳信用下拉菜單。

每個學分都有對 WordPress 的某種參考。如果您正在運行個人博客或在線期刊,WordPress 積分並不是什麼大問題,但我們建議您升級到商業計劃並刪除積分,如果您的網站是用於合法業務。

之後,您可以單擊下拉菜單並選擇隱藏選項以完全擺脫信用。

您必須擁有商業計劃才能隱藏 WordPress 積分。

您必須擁有商業計劃才能隱藏 WordPress 積分。

信用然後在預覽中消失,留下您添加到頁腳的任何小部件以及站點標題。

沒有 WordPress 信用的頁腳。

沒有 WordPress 信用的頁腳。

某些主題也可以從頁腳中刪除站點標題。最簡單的方法是取消選中顯示站點標題和標語框。這樣就去掉了頁腳中的站點標題,也可能去掉了頁眉。對於標題,我們建議無論如何都上傳徽標。

其他主題有不同的方法來刪除站點標題和標語。有時根本不可能,而有時站點標題不包含在頁腳中。如有疑問,如果您沒有「顯示網站標題和標語」複選框,請嘗試刪除「網站標題」欄位中的內容。

沒有站點標題的頁腳。

沒有站點標題的頁腳。

在 WordPress 頁腳中插入內容的另一種方法是使用「菜單」面板。並非所有主題都允許頁腳中的菜單,但至少檢查一下是個好主意。

單擊「菜單」選項卡以繼續。

單擊菜單選項卡

單擊菜單選項卡。

選擇查看所有位置。這將顯示您可以在此特定主題中放置菜單的位置列表。

選擇查看所有位置

選擇「查看所有位置」選項

對於我們的示例主題,我們有很多菜單位置選項,其中之一用於頁腳。您不會對遇到的每個主題都如此幸運,因此請準備好將它們換掉或考慮使用小部件技術來編輯頁腳。

對於支持頁腳菜單的主題,單擊頁腳下拉欄位。

這個主題有一個地方可以在頁腳中放置一個菜單。

這個主題有一個地方可以在頁腳中放置一個菜單。

我們為頁腳選擇了一個預製的社交菜單。如果您還沒有合適的菜單,請隨意選擇「創建新菜單」鏈接。

結果是一個簡單的文本/鏈接菜單,顯示在您已添加到頁腳的任何小部件上方。您可能無法向主題添加小部件,因此您可能看不到完全相同的格式。

請記住,所有菜單都只是文本和鏈接的列表,因此除非您考慮使用支持該功能的單獨插件,否則您將無法合併社交媒體圖標菜單之類的內容。

向頁腳區域添加菜單。

向頁腳區域添加菜單。

如何將社交媒體圖標添加到 WordPress 頁腳

頁腳區域的主要內容是社交媒體按鈕的經典列表。許多網站將它們添加到它們的主菜單中,但將它們也放在網站底部也是一個好主意,或者作為將社交按鈕放置在網站頂部的替代方法。通常,如果您覺得頁眉已經很雜亂,請改為放置頁腳。

相當多的插件提供小部件來添加社交媒體圖標和鏈接到您的頁腳和頁眉。因此,我們建議在此處遠離任何自定義編碼。

儘管存在許多社交圖標插件,但我們的目標是找到一個專門提供用於添加鏈接和自定義按鈕的快速小部件的插件。

WPZoom 將一種流行的、評價很高的解決方案稱為 Social Icons Widget & Block。它有超過 400 個用於社交媒體和其他平台的圖標,以及一個小部件,可將您的圖標直接放置到您的頁腳中。不僅如此,您還可以上傳自己的自定義圖標並切換顏色和大小的設置。

WPZOOM 的社交圖標小工具插件。

WPZOOM 的社交圖標小工具插件。

安裝插件後,您可以轉到「設置」頁面並禁用某些不需要的字體包。但是,所有這些都已處於活動狀態,因此如果您希望所有內容都可用,請跳過設置。

需要一個為您提供競爭優勢的託管解決方案?Kinsta 為您提供令人難以置信的速度、最先進的安全性和自動縮放功能。查看我們的計劃

要將社交圖標添加到您的 WordPress 頁腳,請轉到外觀 > 自定義。

轉到主題定製器。

轉到主題定製器。

這將帶您進入 WordPress 主題定製器,您可以在其中向頁腳添加小部件(只要您的主題支持頁腳中的小部件)。正如我們在文章前面提到的,繞過沒有頁腳小部件的主題的唯一方法是找到一個新主題或自己自定義頁腳代碼。

查找並單擊小部件選項卡以繼續。

主題定製器中的小部件按鈕。

主題定製器中的小部件按鈕。

這個主題有兩個區域可以向頁腳添加小部件。並非所有主題都如此,因此您可能會發現您的主題沒有頁腳小部件區域。另一方面,您可能會很幸運,有四五個位置可以在頁腳中放置小部件。這一切都取決於您安裝的主題。

單擊頁腳選項卡之一。

頁腳小部件位置。

頁腳小部件位置。

可以向頁腳添加無數小部件——或者至少是你安裝的任何小部件。

單擊添加小部件按鈕以顯示可用的小部件菜單。

添加小部件按鈕。

添加小部件按鈕。

滑出式菜單提供了一個搜索欄和一個可能的小部件列表。向下滾動以找到名為 Social Icons By WPZOOM 的小部件。

社交圖標小部件位於小部件列表中。

社交圖標小部件位於小部件列表中。

您現在應該會在您網站的預覽中看到默認的社交媒體圖標和按鈕。

但是,您仍然需要自定義這些按鈕的設置,以決定這些按鈕的大小、顏色以及您希望它們指向的鏈接。

首先輸入小部件的標題,該標題出現在頁腳中(如果您願意,也可以將其留空)。繼續指定設置,例如是否需要圖標標籤、nofollow 鏈接和特定圖標對齊方式。

更改社交圖標設置並在右側尋找新設計。

更改社交圖標設置並在右側尋找新設計。

繼續設置以指定圖標樣式、背景樣式和填充。您還可以選擇圖標大小和顏色。請記住,您需要單擊小部件自定義模塊底部的保存按鈕才能在預覽中查看更改的結果。

調整圖標樣式、背景樣式等設置。

調整圖標樣式、背景樣式等設置。

Icons 欄位中已經有一些默認的社交圖標供您使用。列出您為公司運營的社交媒體網站,並將鏈接複製並粘貼到相應的欄位中。刪除任何對您的業務沒有意義的圖標。

要打開圖標庫並添加更多圖標,請單擊欄位列表底部的「添加更多」按鈕。

添加任意數量的社交圖標。

添加任意數量的社交圖標。

該插件提供了大量圖標,可以選擇設置圖標顏色、懸停顏色和圖標工具包源。主要工具包稱為 Socicons,但其他幾個工具包隨插件免費提供。單擊「選擇圖標套件」下拉列表以查看您的選項。

最後,瀏覽每個套件提供的圖標。其中許多您甚至可能不認識,所以只堅持那些您積極運行的並且將為您的客戶提供價值的服務。

在我們的示例中,我們還將選擇 YouTube 圖標添加到我們的頁腳。

單擊「保存」按鈕將其放入列表中,然後單擊小部件框底部的下一個「保存」按鈕以查看您的更改。

該插件有數十個圖標可供選擇。

該插件有數十個圖標可供選擇。

如您所見,我們對圖標的大小和形狀進行了更改,同時還添加了一個額外的社交圖標。如果您的更改看起來不太正確,請返回小部件設置以解決問題。

永遠記住點擊發布按鈕,以便小部件在您網站的前端生效。我們還建議您自己檢查前端,以確保社交圖標以正確的方式顯示。

完成的社交媒體按鈕的視圖。

完成的社交媒體按鈕的視圖。

如何為 WordPress 頁腳添加背景

在一些頁腳插件和頁面構建器的幫助下,頁腳背景是可能的。但是,您還可以使用主題隨附的基本設置在頁腳後面放置圖像或顏色背景。

如果所有其他方法都失敗了,我們將向您展示如何插入 CSS 代碼以向 WordPress 頁腳添加背景。

在做任何事情之前,請檢查您的主題設置,看看頁腳背景功能是否符合標準。例如,Abletone 主題在主題定製器中提供了頁腳背景圖像選項卡。

此主題具有頁腳背景圖像功能。

此主題具有頁腳背景圖像功能。

您只需單擊「選擇圖像」按鈕並在媒體庫中搜索圖像、從計算機上傳新圖像或查找適合您需要的庫存照片即可。

主題定製器中的「選擇圖像」按鈕。

主題定製器中的「選擇圖像」按鈕。

上傳後,圖像將顯示為 WordPress 頁腳的背景。一些主題提供了用於拉伸或平鋪圖像的附加設置,但如果不自己編輯 CSS,您就會被主題附帶的任何設置所困擾。

您可以看到背景縮略圖預覽。

您可以看到背景縮略圖預覽。

但是,如果您沒有可以添加頁腳背景的主題、頁面構建器或插件,則無論您的主題或頁面構建器如何,添加 CSS 代碼都可以處理此任務。

轉到 WordPress 中的主題定製器,然後單擊附加 CSS 菜單項。

單擊附加的 css 選項卡

單擊「其他 CSS」選項卡

將此 CSS 代碼粘貼到該欄位中,但將 YOURIMAGEURL 替換為所需圖像的 URL:

頁腳 { 背景: url(YOURIMAGEURL) 重複;}

上傳到媒體庫後,您可以在其詳細信息視圖中找到任何圖像的 URL。

請務必單擊「發布」按鈕以在前端查看它。

您還可以插入其他代碼位來更改元素,例如大小和背景拉伸大小或重複。正如您想像的那樣,添加 CSS 代碼比單擊插件按鈕要簡單一些,但在線快速搜索可以幫助您找到適合您需求的代碼。

將您自己的 CSS 代碼粘貼到該欄位中。

將您自己的 CSS 代碼粘貼到該欄位中。

刪除「Powered by WordPress」文本

在上一節中,我們介紹了如何刪除 WordPress.com 頁腳中的 WordPress 積分。在自託管的 WordPress 網站上,這有點詭異,因為大多數主題都沒有提供刪除主題定製器的「站點標識」部分中的信用的方法。

因此,我們必須尋找其他方法來刪除頁腳中的「Powered by WordPress」文本。

一個例子

「Powered By WordPress」消息的示例。

要解決此過程,請閱讀我們有關刪除頁腳中的「Powered By WordPress」標籤的深入指南。此知識庫文章涵蓋以下所有主題:

  • 為什麼您可能想要刪除「Powered By WordPress」消息
  • 當您可能不想刪除它時
  • 嘗試刪除信用時應避免的方法
  • 如何使用插件刪除信用
  • 如何手動刪除「Powered By WordPress」信用
  • 用您自己的代碼替換頁腳信用

對於普通 WordPress 用戶來說,使用插件編輯頁腳信用要容易得多。但是,採用手動方式可確保您完全控制頁腳,並且無需在儀錶板上安裝另一個插件。

刪除「自豪地由 WordPress 提供支持」是否合法?

考慮到 WordPress 使得從頁腳中刪除「Proudly Powered by WordPress」文本有點棘手,您可能想知道刪除該消息是否符合猶太教規。

答案是非常歡迎您刪除頁腳中的「Powered by WordPress」文本,而不必擔心任何法律後果或違反 WordPress 服務條款。這是因為 WordPress 的使用屬於 GPL(通用公共許可證),這意味著任何人都可以以他們認為合適的任何方式重新分發和更改 WordPress。

總的來說,我們強烈建議刪除「Proudly Powered by WordPress」文本,因為它與您的品牌無關,只是宣傳另一個組織。是的,很高興宣傳 WordPress,但不能以犧牲您自己的品牌和寶貴的網站空間為代價。

現在,您的主題開發人員顯示的頁腳消息是另一回事。我們將在下一節討論這一點。

如何刪除 WordPress 頁腳中的「由 XYZ 主題提供支持」文本

我們現在知道,在消除「自豪地由 WordPress 提供支持」頁腳消息時,您不會遇到法律或 WordPress 的問題。但是有些主題開發者在頁腳中添加了「Powered by XYZ Theme」呢?

幸運的是,絕大多數 WordPress 主題也屬於通用公共許可證,因此完全可以刪除該文本並將其替換為更適合您的業務的內容。但是,謹慎的做法是與您的主題開發人員進行仔細檢查,以確保他們的條款和條件中沒有要求您將開發信用保留在頁腳中。

您可以通過簡單地詢問開發人員主題是否屬於通用公共許可證來做到這一點。如果沒有,或者他們的條款和條件要求留下信用,我們建議尋找另一個主題,因為這不是您網站上理想的項目。

那麼您如何刪除頁腳中的「Powered by XYZ Theme」文本?

一些刪除「Powered by WordPress」消息的插件也可以廢棄主題開發人員插入的任何消息。然而,這並不是確定的事情。

因此,我們建議選擇以下方法之一:

  • 直接編輯頁腳站點文件以消除信用信息。
  • 請開發人員為您刪除它。
  • 升級到主題的高級版本。

編輯頁腳站點文件需要一些技術知識,但您通常可以在幾分鐘內完成。要求開發人員刪除主題開發人員信用最終可能會奏效,但您本質上希望您會得到一位願意引導您完成整個過程的友好開發人員。通常,如果您只使用他們主題的免費版本,他們不會提供此功能。

最簡單的選擇是升級到該主題的高級版本。許多高級主題開發人員會贈送他們主題的簡化、免費版本,希望您能夠升級以獲得改進的功能和增強的控制。

由於升級到高級主題和與開發人員交談可以自己完成,我們將主要討論如何編輯主題站點文件以擺脫信用信息。

首先,請查看主題的頁腳以確認底部是否有開發人員信用。如果是這樣,請注意顯示的確切文本,因為這有助於在您的站點文件中查找消息。

信息

雖然不太可能,但請檢查開發人員是否有辦法在主題定製器中刪除信用。您可能會找到一個快速複選框來去除您網站的信用。

頁腳中的主題開發人員信用。

頁腳中的主題開發人員信用。

使用 FTP 客戶端連接到您的站點文件,如本文前面所述。每個主題開發人員在放置頁腳信用的位置上都不同,但一個好的起點是 /public/wp-content/themes。

選擇您在網站上激活的主題。

找到正確的主題文件夾。

找到正確的主題文件夾。

從這裡開始,一種選擇是在文本編輯器或 PHP IDE 中打開主 footer.php 文件並搜索對頁腳信用的引用。使用所選編輯器中的「查找」功能鍵入並搜索在頁腳中顯示為貸項消息的確切文本。

與所有主題一樣,這可能不是刪除頁腳信用的正確文件;這完全取決於主題是如何構建的。如果您對 footer.php 文件不滿意,請繼續查找其他地方。

信息

您通常可以在線搜索特定主題並找到支持文檔或論壇,人們可以在那裡討論如何刪除該特定主題的頁腳信用。

footer.php 文件

footer.php 文件。

查找頁腳信用信息代碼的最常見位置之一是在 /template-parts 文件夾中。我們發現我們為本教程安裝的當前測試主題就是這種情況。

我們可以轉到 /footer 文件夾,然後單擊 site-info.php 文件。該 site-info.php 文件(或該文件的某些變體)是用於存儲主題頁腳信用信息的常見位置。

site-info.php 文件

site-info.php 文件。

隨意刪除頁腳信用或用其他東西替換它們。對於這種情況,我們只需刪除底部的 credits 掛鉤和 do_action credits 代碼。

刪除 credits 鉤子和 do_action credits 代碼

刪除 credits 鉤子和 do_action credits 代碼。

這已成功刪除了為主題開發人員顯示的全部功勞。它也對頁腳內容沒有任何影響,例如我們的小部件和菜單。

沒有更多的頁腳信用!

沒有更多的頁腳信用!

如前所述,隱藏頁腳信用同時還支持主題開發人員並獲得更好的功能的一種方法是升級到主題的高級版本。請留意儀錶板中的按鈕以升級到專業版,或前往開發者的網站進行付款。

考慮升級到高級主題版本以刪除頁腳積分。

考慮升級到高級主題版本以刪除頁腳積分。

如何完全刪除WordPress頁腳

雖然不推薦用於大多數網站,但有時在某些情況下完全刪除 WordPress 頁腳是有意義的。

如果您發現 WordPress 頁腳造成太多混亂(這在登陸頁面中很常見),或者如果您希望頁腳沒有被搜索引擎抓取,那麼將頁腳完全排除在外可能不是壞事選項。

但是請記住,您不會從 WordPress 文件中刪除頁腳。footer.php 文件是 WordPress 文件的核心部分,因此您必須保留它。但是,我們可以使用 CSS 代碼告訴 WordPress 不要顯示頁腳及其內容。

要完全隱藏 WordPress 頁腳,請轉到主題定製器並單擊附加 CSS 選項卡。

單擊附加的 css 選項卡

單擊「其他 CSS」選項卡。

目標是粘貼 CSS 以告訴 WordPress 我們不想在我們的網站上看到頁腳。

我們試圖隱藏此示例中的所有內容,從版權信息到 WordPress 和主題開發人員信用。您還可以使用此方法隱藏頁腳中的小部件和菜單等項目。

自定義 CSS 模塊。

自定義 CSS 模塊。

繼續並將以下代碼粘貼到 CSS 框中:

頁腳{

顯示:無;

}

這告訴 WordPress 隱藏 footer.php 文件中的所有內容。該文件保留在您的文件目錄中,以防您將來想重新添加內容。

主題定製器預覽現在應該顯示一個空白區域。確保您點擊了「發布」按鈕以查看前端的結果。

粘貼 CSS 代碼。

粘貼 CSS 代碼。

儘管該 CSS 應該適用於大多數主題,但您可能會發現主題開發人員具有不同的文件配置。另一種可能刪除大部分頁腳內容的方法是使用以下代碼而不是前面討論的代碼:

.site-info { 顯示:無;}

此選項不太可能起作用,但主題開發人員在頁腳的 template-parts 文件夾中創建名為 site-info.php 的文件並非聞所未聞。

從鏈接到支持文檔和社交媒體頁面,您的網站頁腳包含許多重要信息。💪 在本指南中了解它是如何工作的 ⤵️Click to Tweet

概括

WordPress 頁腳有多種用途,從添加社交媒體按鈕到顯示最近的博客文章、支持頁面和表單。我們的目標是利用這個額外的空間,因為用太多鏈接打包主菜單或嘗試用大量內容填充側邊欄是不明智的。

您已經學習了許多編輯 WordPress 頁腳的方法。我們希望您現在可以在任何 WordPress 網站上成功編輯和自定義頁腳!

如果您對在 WordPress 中編輯頁腳有任何疑問,請在下面的評論中告訴我們!

通過以下方式節省時間、成本並最大限度地提高站點性能:

  • 來自 WordPress 託管專家的即時幫助,24/7。
  • Cloudflare 企業集成。
  • 全球受眾覆蓋全球 28 個數據中心。
  • 使用我們內置的應用程序性能監控進行優化。

所有這些以及更多,都在一個沒有長期合同、協助遷移和 30 天退款保證的計劃中。查看我們的計劃或與銷售人員交談以找到適合您的計劃。

相關文章