將代碼添加到 WordPress 頁眉或頁腳
已發表: 2023-02-12出於多種原因，有時您可能想要或需要將代碼添加到您的 WordPress 網站的頁眉或頁腳。 不幸的是，該平台沒有提供開箱即用的簡單或直接的方法。
好消息是，您可以藉助子主題和functions.php文件或 WordPress 插件輕鬆解決此問題。 無論您選擇哪種方法，您都可以使用自定義功能、用戶數據和性能提升策略輕鬆增強您的網站。
在這篇文章中，我們將解釋一些您可能需要或想要向 WordPress 網站的頁眉和頁腳添加代碼的情況。 然後，我們將分享兩種方法的分步說明，使您能夠編輯這些元素以創建自定義頁眉或頁腳。 讓我們開始吧！
為什麼要編輯您的 WordPress 頁眉和頁腳代碼？
您可能想要編輯 WordPress 頁眉或頁腳的原因多種多樣。 可能最明顯的是，有時您想通過使用自定義代碼來設計您的網站樣式，並且需要一種方法將此代碼添加到您的頁眉和/或頁腳。
然而，這些也是跟踪代碼的主要位置，例如用於 Google Analytics 的代碼。 這些代碼可以提供有關用戶行為的有價值信息，以增強您的營銷和內容策略。
此外，WordPress 默認不包含元標記。 這些將添加到您網站的標題中，以幫助搜索引擎抓取您的網頁。 儘管它們現在不像以前那樣相關，但將它們添加到您的標題中並沒有什麼害處——它們只會幫助您提高網站的可見度。
最後，您可能熟悉將阻止呈現的 JavaScript 移動到“非首屏”的做法。 這通常意味著將它添加到您的 WordPress 頁腳，這將需要編輯其代碼。 這種技術可以通過減少加載時間來幫助提高網站的性能。
如何手動將代碼添加到您的 WordPress 頁眉或頁腳（分兩步）
將代碼添加到 WordPress 頁眉或頁腳有兩種主要方法。 第一種是手動編輯網站的主題，第二種是使用插件。 儘管手動編輯主題的文件風險更大且更困難，但對於一些更高級的用戶來說，這是首選方法。
第 1 步：創建子主題
手動將代碼添加到您的 WordPress 頁眉或頁腳涉及編輯您的一些主題文件。 當您必須這樣做時，編輯子主題總是明智的，而不是直接弄亂父主題的文件。 這樣，您可以避免在更新主題時丟失更改。
幸運的是，手動創建子主題的過程非常簡單，您可以訪問自定義標題所需的 WordPress 教程。 但是，如果您需要在緊要關頭創建子主題，主題構建器插件（例如 Child Theme Configurator）可以提供幫助。
使用主題構建器插件，您可以通過單擊按鈕輕鬆生成子主題，儘管一旦您掌握了方法，完全手動的方法可能同樣快速。
第 2 步：編輯您的子主題的functions.php文件
設置好子主題後，您需要訪問和編輯其functions.php文件。 在開始之前，備份您的站點總是明智的，以防萬一您犯了任何錯誤並希望輕鬆恢復到以前的狀態。
編輯functions.php文件的常用方法是通過文件傳輸協議 (FTP) 和 FTP 客戶端，例如 FileZilla。 但是，您也可以從 WordPress 儀表板編輯某些文件。 要訪問它，請導航至外觀 > 主題編輯器。
您將收到一條警告，提示您將要編輯您的主題文件 - 單擊我了解按鈕繼續。 接下來，您需要確保選擇了正確的文件。 在站點編輯器右側的邊欄中，確保選擇了主題功能 (functions.php) 。
現在您可以在此文件的末尾添加自定義代碼，完成後單擊“更新文件” 。
如何使用插件將代碼添加到您的 WordPress 頁眉或頁腳（分兩步）
雖然在某些情況下，手動編輯 WordPress 主題的文件以將代碼添加到頁腳或頁眉部分可能更容易，但使用插件通常是更安全的方法。 出於本文的目的，我們將使用最受歡迎和評價最高的插件之一來完成任務，Header、Footer 和 Post Injections。
然而，在 WordPress 插件目錄和其他地方有許多插件可以幫助完成這項任務。
第 1 步：安裝並激活您選擇的插件
對於初學者，您需要安裝並激活您希望使用的插件。 為此，您可以從插件目錄或其他在線市場下載插件的.zip文件，然後將其上傳到您的站點。 或者，導航到儀表板中的插件 > 添加新插件。
您可以在此處搜索要使用的頁腳或頁眉插件。 無論您選擇哪種方法，您都將通過單擊“安裝”按鈕完成此步驟，然後在出現該選項時激活。
第 2 步：將您的代碼片段添加到頁眉、頁腳和後期注入
安裝插件後，您應該能夠導航到儀表板中的“設置”>“頁眉和頁腳” 。
在這裡，您會找到一個文本編輯器，用於添加您希望包含在頁眉和/或頁腳中的代碼片段（例如 Google Analytics 跟踪代碼或自定義 JavaScript）。
您可以在此頁面上完成很多工作。 在前兩個字段中，您可以將代碼添加到標題部分。 左側字段將代碼添加到您網站上的每個頁面——例如，這對 Google Analytics 很有用。 右側字段只會將代碼添加到您的主頁。
接下來的字段將代碼添加到頁面的正文和頁腳代碼。 左側的字段用於桌面查看，而右側的字段用於代碼的移動版本。 完成編輯後，不要忘記單擊屏幕底部的“保存”按鈕。
使用 WP Engine 改善您網站的體驗
毫無疑問，您希望您的 WordPress 網站為您的用戶提供一流的數字體驗。 將代碼添加到 WordPress 頁腳或頁眉是自定義網站、實施 Google Analytics 或提高性能的有用策略。
在 WP Engine，我們擁有各種各樣的開發人員資源，可以幫助您將 WordPress 網站的體驗提升到新的高度。 今天就去看看吧！