如何在 WordPress 中添加頁眉和頁腳代碼? (3個簡單步驟)

已發表: 2019-05-23

你知道嗎? 頁眉是您網站的重要組成部分,頁腳也是如此。

如果您是 WordPress 的新手或專業人士,並且難以編輯或修改您的頁眉和頁腳? 由於 WordPress 並沒有使這些文件易於訪問。

我知道您必須在頁眉和頁腳中添加許多代碼片段,例如穀歌搜索控制台、谷歌分析等。

別擔心,這裡有解決方案。 我已經寫了這篇關於如何在 WordPress 中輕鬆添加頁眉和頁腳代碼的終極指南

是的! 事實上,您不必在 WordPress 中編輯任何代碼或文件。 您的工作將在插件的幫助下完成。 是不是很酷,對吧?

目錄

為什麼我們應該使用頁眉和頁腳插件?

我在社交媒體上多次問過這個問題。 所以我想為什麼我不應該在這裡回答。

我知道許多只在頁眉上工作的代碼,在 WordPress 中,有許多主題,如 Genesis、MyThemeShop、ElegantThemes 等,允許您通過他們的控制面板輕鬆地將代碼添加到頁眉或頁腳部分的主題本身。

很少有主題提供這種功能。 但我建議您永遠不要使用主題控制面板添加頁眉和頁腳,因為您放置的代碼對您的網站很重要。 將來,如果您更改主題,那麼您的數據將與您的主題一起被刪除,如果沒有這些代碼,您的網站可能會顯示一些技術錯誤。

安裝新主題後,您必須再次放置代碼。 所以在這裡,我們有一個解決方案,我們可以在更改主題時一次又一次地添加代碼。

但是您可能會想,那些不允許我們在主題本身中添加頁眉和頁腳代碼的主題怎麼辦。

然後在這裡我將向您展示最好的,簡單且省時的指南,可以通過插件輕鬆添加代碼,即使您也更改了主題,該插件也會一直保存。

代碼片段的類型

  • Google、Bing、Yandex 等的驗證碼
  • 谷歌分析代碼
  • 架構片段
  • 站長驗證碼
  • 任何其他代碼...

最好的辦法是使用附加插件在頁眉和頁腳中添加代碼,因此在它的幫助下,您可以根據需要添加各種代碼,而無需編輯主題文件。 這個插件最適合初學者。 只需簡單地複制和粘貼。 是不是很簡單?

添加頁眉和頁腳的 4 個最佳插件

1.插入頁眉頁腳

how to add footer in wordpress, how to add footer in wordpress theme, how to add html code in wordpress, how to add html to wordpress, insert headers and footers, wordpress add code to head, wordpress header, wordpress header code, wordpress headers

插入頁眉和頁腳是最值得信賴的公司wpbeginner的插件,因為它是在上述部分添加頁眉和頁腳代碼(如分析、網站管理員等)的最佳且簡單的插件,無需任何自定義編碼。

你只需要去WordPress儀表板→插件→添加新→搜索“插入頁眉頁腳”→安裝→激活→享受

特徵

  • 易於設置
  • 簡單的代碼插入(複製代碼並粘貼進去)
  • 您可以添加任何代碼 HTML 和 JavaScript
  • 添加頁眉和頁腳代碼

2. 數字解放的頁眉和頁腳腳本

how to add footer in wordpress, how to add footer in wordpress theme, how to add html code in wordpress, how to add html to wordpress, insert headers and footers, wordpress add code to head, wordpress header, wordpress header code, wordpress headers

這是您在 WordPress 和 WordPress 帖子中插入自定義頁眉和頁腳的最佳插件之一。 我實際上在我的網站上使用了這個插件,我喜歡這個插件的易於使用的面板。

您還可以使用此插件在每個博客文章和頁面中插入自定義頁眉和頁腳代碼,使其與其他插件不同。 大多數博主使用這個插件在他們的博客文章中添加自定義頁眉和頁腳代碼以及常見問題解答模式,這對他們來說就像一個魅力。

你只需要去WordPress儀表板→插件→添加新→搜索“頁眉和頁腳腳本”→安裝→激活→享受

特徵

  • 易於設置和使用。
  • 簡單的代碼插入(複製代碼並粘貼進去)
  • 在每個帖子和頁面中添加自定義頁眉和頁腳代碼。
  • 添加頁眉和頁腳代碼

3.頁眉和頁腳代碼管理器

how to add footer in wordpress, how to add footer in wordpress theme, how to add html code in wordpress, how to add html to wordpress, insert headers and footers, wordpress add code to head, wordpress header, wordpress header code, wordpress headers

來自 99 個機器人的插件,可通過簡單的界面在內容上方和下方添加代碼片段。 您不必擔心將代碼放在錯誤的位置。 更改主題時切勿丟失數據。 輕鬆跟踪哪些代碼正在您的網站上加載。

你只需要去 WordPress 儀表板 → 插件 → 添加新 → 搜索“頁眉和頁腳代碼管理器” → 安裝 → 激活 → 享受

特徵

  • 此插件支持自定義帖子類型
  • 您可以使用簡碼將您的代碼放置在網站的任何位置
  • 標記每個片段以避免混淆
  • 在您的頁面中添加無限的腳本/代碼或免費發布

4. 頁眉和頁腳腳本

how to add footer in wordpress, how to add footer in wordpress theme, how to add html code in wordpress, how to add html to wordpress, insert headers and footers, wordpress add code to head, wordpress header, wordpress header code, wordpress headers

現在,借助此插件,您也可以在 <head> 或 </body> 和 <footer> 之前插入您想要的任何代碼。 此插件還將幫助您在自定義帖子類型中添加代碼。 但它不提供的一件事是您不能插入 PHP 代碼。

你只需要去WordPress儀表板→插件→添加新→搜索“頁眉和頁腳腳本”→安裝→激活→享受

特徵

  • 在任何帖子或頁面中將代碼插入 <head>
  • 將 CSS 和 Javascript 插入 <head>

5.頁眉、頁腳和後期注入

how to add footer in wordpress, how to add footer in wordpress theme, how to add html code in wordpress, how to add html to wordpress, insert headers and footers, wordpress add code to head, wordpress header, wordpress header code, wordpress headers

為什麼您必須安裝 5-10 個插件才能在您的網站上添加分析、facebook、網站管理員等代碼,而這個插件可以單獨完成。 只需複制粘貼您的任何代碼,將其添加到此插件中,然後插件將完成其工作。

你只需要去WordPress儀表板→插件→添加新→搜索“頁眉頁腳後注入”→安裝→激活→享受

特徵

  • 此插件與 AMP 兼容
  • 定義明確的移動和桌面注入
  • 啟用原生 PHP
  • 您可以將帖子和頁面配置分開

如何使用 WordPress“插入頁眉頁腳”

因此,在這裡,我展示瞭如何在幾分鐘內在您的網站上使用“插入頁眉頁腳”的分步過程。 所以現在單個插件可以比 10 個更好。所以讓我們開始吧……

第1步

因此,首先,您必須登錄您的網​​站 WordPress 儀表板,在左側面板上,您將有一個“插件”選項。 你必須點擊它; 然後您將獲得“已安裝插件”、“添加新插件”和“插件編輯器”等選項。 要添加新插件,請單擊“添加新插件”。

Step 1

第2步

單擊“添加新”後,您將被重定向到插件頁面,您將在其中找到大量插件,但我們將在右上角的搜索欄的幫助下搜索“插入頁眉頁腳”安裝並激活它。

Step 2 Plugin Store

因為它顯示已經激活,因為我已經安裝它並在我的網站上使用它。

第 3 步

安裝後,您必須再次轉到您的 WordPress 儀表板,在“設置”中,您將在單擊後將您的插件命名為“插入頁眉和頁腳”,您將被重定向到主插件頁面。

Header Footer Dashboard

現在您可以簡單地添加您的代碼,只需將其複制並粘貼到此處,並在每個代碼後留出一行空格,然後點擊“保存”。 簡單的

結論

所以在這裡你已經在插件的幫助下看到了“如何在 WordPress 中添加頁眉和頁腳”。 我建議您始終在插件的幫助下添加頁眉和頁腳,因為它可以節省您的時間並避免混淆。

我希望本指南能幫助您輕鬆地為您的網站添加頁眉和頁腳。 如果您發現本教程有幫助,請不要忘記與您的博客朋友分享這篇文章,讓他們也學習。 “在需要時提供幫助的朋友才是真朋友”