如何在 WordPress 中編輯頁腳(權威指南)
已發表: 2020-03-27上週,我們向您展示瞭如何編輯博客標題以自定義網站的外觀和風格,將 Google Analytics(分析)跟踪代碼或 Google AdSense 驗證代碼添加到您的網站。 您網站中另一個通常被忽視的非常重要的部分是頁腳。 今天我們將向您展示如何在 WordPress 中輕鬆編輯頁腳。
注意:我們將為修改過程編輯主題文件。 因此,為了保證您的數據安全,您可能需要生成完整的網站備份。 這樣,如果出現任何問題,您可以恢復所有信息!
為什麼要編輯您網站的頁腳?
頁腳是您網站的關鍵部分,包含重要信息,因此您應該充分利用它。 這就是為什麼你應該花一些時間編輯和定制它。 您可以刪除或添加內容、更改其樣式、添加指向您的政策或社交媒體的鏈接等等。 此外,大多數 WordPress 主題都帶有 3-4 個頁腳小部件區域,因此建議您對其進行自定義並正確使用它。
如果您計劃進行 Google Search Console 驗證、Google AdSense 驗證或 Google Analytics 集成,但不通過頁眉,您可以將代碼添加到頁腳。
如何在 WordPress 中編輯頁腳
有幾種方法可以在 WordPress 中編輯頁腳。 在本指南中,我們將向您展示如何使用不同的方法自定義網站頁腳、如何添加小部件以及如何從頁腳中刪除“由 WordPress 提供支持”鏈接以充分利用它。
- 通過主題編輯器
- 使用 FTP 客戶端
- 使用插入頁眉和頁腳插件
- 如何將小部件添加到 WordPress 頁腳
- 如何刪除“由 WordPress 提供支持”鏈接
1)通過主題編輯器
這是在不使用任何插件或第三方服務的情況下編輯網站頁腳的最優雅方式之一。 1) 在外觀菜單下,進入主題編輯器。 您將看到如下所示的編輯器:
2) Style.css文件將默認打開。 從右側的主題文件部分,選擇footer.php文件。
3) 然後,向下滾動並將代碼粘貼到</body>標記之前。
4)更新文件,保存更改,它們將立即反映在前端。 您可以通過查看源代碼來驗證添加。
請務必注意,如果您選擇此方法來編輯 WordPress 頁腳,您應該創建一個子主題並將更改應用到它,而不是直接應用到主題文件。 為什麼? 因為當您更新父主題文件並保存更改時,它們將應用於該主題,直到您更新它。 在下一次更新中,主題文件將被新文件替換,因此您所做的更改將丟失。
但是,您可以通過更改子主題來避免這種情況。 有幾個插件可以創建子主題。 我們最喜歡的是 Child Themify,它允許您製作子主題而無需額外編碼。
2) 使用 FTP 客戶端
在 WordPress 中編輯頁腳的第二種方法是使用 FTP 客戶端。 您將編輯與前一種方法相同的footer.php文件,但不是從 WordPress 管理區域。 這樣,您將使用 FTP 客戶端來修改網站文件。
1) 首先,您需要創建一個 FTP 帳戶。 如果您使用共享主機,您的 cPanel 中必須有一個關於 FTP 帳戶的選項。 您可以從那裡創建一個 FTP 帳戶,然後使用憑據登錄服務器。 在本指南中,我們將使用 FileZilla 軟件,但您可以使用您喜歡的軟件。
2) 在左側,您將看到本地計算機上的文件和文件夾,而右側將顯示您在 Web 服務器上的所有數據。 在這裡,轉到活動主題文件夾。 路徑類似於: /wp-content/themes/generatepress/ 。 但是,主題名稱會根據您的不同而改變。
3)在那裡,選擇footer.php文件。 右鍵單擊文件並選擇查看/編輯。 您的文件的樣本副本將下載到您的計算機。
4) 然後,您需要一個文本編輯器,例如 NotePad 或 NotePad++ 來修改文件。
5) 現在,在</body>標記之前添加代碼並保存文件。 然後,將其上傳回服務器。
6) 您已成功編輯 WordPress 頁腳! 驗證網站的前端並查看源代碼以確保沒有問題總是好的。
如上圖所示,一切都很好! 現在,讓我們繼續下一個方法。
3) 使用插入頁眉和頁腳插件
編輯 WordPress 頁腳的另一種簡單方法是使用插入頁眉和頁腳。 這是一個免費插件,您可以使用它來更改頁眉和頁腳。 該工具有超過 900,000 次活動安裝,是市場上最好的工具之一。
1)首先,您需要安裝插件。 轉到添加新插件部分並蒐索“插入頁眉和頁腳”。 找到搜索結果後,單擊立即安裝。
2)然後,激活它。
3) 成功激活後,您將在 WordPress 設置部分下看到插件的設置。
4) 有趣的部分從這裡開始。 插入頁眉和頁腳最好的部分是自定義 WordPress 頁腳非常簡單。 您將看到三個主要的自定義選項。
- 標題
- 身體
- 頁腳
5) 在這種情況下,您需要做的就是編輯頁腳。 修改將反映在</body>標記之前。 只需將要粘貼的代碼複製到網站的頁腳部分,然後將其粘貼到插件設置中,然後保存更改。 在我們的例子中,我們將在頁腳中添加一個示例 Google Analytics 代碼。
6) 之後,您可以通過檢查源代碼來驗證前端中的一切是否正確。 另一方面,如果您計劃驗證 Google Analytics(分析)或 Google Search Console 資源,則可以在資源頁面上選擇確認驗證。 在這裡,我們檢查了源代碼,發現我們的代碼已成功放置在頁腳中。
如您所見,這是一種將代碼添加到頁腳的非常簡單的方法。 如果您不想修改主題文件來編輯 WordPress 頁腳,我們推薦這種插件方法。
4)如何將小部件添加到 WordPress 頁腳
除了更改代碼外,您還可以將小部件添加到博客的頁腳。 為此,有兩種選擇:
- 從 WordPress 小部件設置
- 通過定制器
在本指南中,我們將介紹這兩種方法。
WordPress小部件設置
您可以在外觀菜單下看到小部件設置。 如果您選擇該選項,您將看到所有可用的小部件。
還有小部件區域。
一些 WordPress 主題帶有自定義編碼的小部件和小部件區域。 最重要的是,通過一些編碼和样式,您還可以為您的網站創建小部件區域。 在這個演示網站中,我們使用的是 GeneratePress WordPress 主題的免費版本,它附帶:
- 2 側邊欄小部件區域
- 2 標題小部件區域
- 6 頁腳小部件區域
因此,當您需要將小部件添加到頁腳時,只需將小部件從左側拖放到頁腳區域即可。
在這裡,我在頁腳小部件中添加了一個文本小部件 1。進行所需的更改後,單擊“保存”。 然後,您檢查網站的前端,您將看到小部件。
這種方法的一個缺點是每次將小部件添加到頁腳時都需要檢查前端。 但是,如果您更喜歡更舒適的方式,我們建議您從定制器中插入和編輯小部件。
定制器
在您的 WordPress 儀表板中,轉到外觀 > 自定義。 從定制器中選擇小部件選項。
在那裡,您將在屏幕上看到所有可用區域。
然後,選擇一個區域來添加一個小部件。 在這種情況下,我們將選擇Footer Widget 2 。 完成後,將您喜歡的任何小部件添加到該字段。
將內容添加到小部件。
最好的部分是在預覽模式下,您會在幾秒鐘後看到更改。
一旦您對更改感到滿意,只需發布它們。 如果您需要更改某些內容,您可以刪除/修改添加的小部件,然後再次保存配置。
5) 如何刪除“Powered By WordPress”鏈接
默認情況下,大多數 WordPress 主題在頁腳中顯示“自豪地由 WordPress 提供支持”鏈接。 文本將鏈接到自託管的 WordPress。 但是,如果您不想顯示它,有一些簡單的方法可以將其刪除。 在本節中,我們將向您展示如何在不編輯主題文件的情況下從頁腳中刪除鏈接。 您將使用 Remove Footer Credit,而不是編輯主題文件,這是 WordPress 插件存儲庫中提供的免費工具。
首先,在您的站點上安裝並激活插件。
在工具部分下,您將看到插件設置。
在那裡,您將看到兩個主要的自定義部分。
在第 1 步中,輸入要從 WordPress 頁腳中刪除的文本或 HTML。
在第 2 步中,您可以添加自定義頁腳鍊接。 如果您不想添加任何內容,可以將其留空。 在這裡,我們將向您展示如何添加自定義頁腳。 只需添加所需的文本、鏈接、字體和样式,然後單擊保存。
新文本和鏈接將可見,如下所示。 如果您不想在此區域顯示任何內容,只需刪除代碼並再次保存即可。
您將在下一頁加載時看到結果。
某些主題(例如 Divi 和 Avada)在其主題面板中具有一項功能,可讓您將任何代碼添加到 WordPress 頁眉/頁腳。
在頁腳中添加什麼?
既然您知道如何在 WordPress 博客中編輯頁腳,您是否想知道在頁腳部分添加什麼? 這取決於您的行業和您的網站,但這裡有一些想法。 假設您正在運營一個通過 Google AdSense、聯屬網絡營銷和相關獲利方法在線賺錢的博客。 將最受歡迎的帖子小部件添加到您的頁腳將幫助您增加頁面瀏覽量和網站停留時間。
如果您正在運營一個時尚博客,您可能希望展示來自您的官方 Instagram 帳戶的圖片。 像 Instagram Feed Gallery 這樣的插件會處理它,處理圖像獲取、嵌入等。 如果您將 Google 日曆與您的網站集成,您可以向訪問者顯示即將發生的事件。 如您所見,有多種選項可以通過巧妙地使用頁腳來改進您的網站。
如何在 WordPress 中編輯頁腳 – 結論
總而言之,在 WordPress 中編輯頁腳非常簡單。 如果您想知道哪種方法最好,那取決於您的技能和需求。 如果您是初學者並且沒有編碼技能,我們建議您使用插件方法。 這是最簡單的方法,它提供了多個自定義選項,如果您不想在更新父主題時丟失自定義,則無需擔心創建子主題。
此外,如果您不打算更改主題, footer.php編輯方法是一個不錯的選擇。 但是,請確保您使用的是子主題並對其進行更改,而不是編輯父主題。
如果您正在尋找有關如何在特定主題中自定義頁腳的指南,請查看以下帖子:
- 如何在 StoreFront 中更改頁腳
- 如何在 Divi 中隱藏和刪除頁腳
您更喜歡哪種方法在 WordPress 中編輯頁腳? 在下面的評論部分與我們分享您的經驗!