如何在 WordPress 中包含頁眉和頁腳代碼

已發表: 2022-09-19


WordPress 系統做了出色的工作,使沒有編碼專業知識的人能夠執行幾乎任何類型的功能。 另一方面,在某些情況下,您需要在 WordPress 中合併頁眉和頁腳代碼,以使 3rd-bash 產品和服務嵌入其自己的功能。

最常見的使用場景是將 Google Analytics 結合到您的 Internet 站點中。 話雖如此,還有很多其他原因你會想要這樣做——你可能現在知道為什麼要完成這項任務。

對於本教程,我們將向您展示增加 WordPress 中頁眉和頁腳代碼的兩種方法。 然而,首先,我們將在初始區域中出現您想要執行此操作的各種解釋。

使用網站頁眉和頁腳中的多餘代碼可以實現什麼

一個典型的網站會分解成幾個不同的組件,很像一個文本文檔:

  • 標題。 您網站的標題包括大量“預加載”內容,以及有關您的安全套接字層 (SSL) 證書、加密、任何 JavaScript 等的詳細信息。
  • 頁腳。 這以與您的標題相關的方式運行,但最終位於頁面底部。
  • 整個身體。 您在您的網站上實現的大部分性能將在您的文章的“正文”中。 這是 WordPress 儀表板中幾乎所有小東西的主要集中點,整體表示您在網站頁面上看到的內容。

服務器將以線性方式加載網頁——頭部、人體,然後是頁腳。 這意味著標題中的代碼將首先加載,但頁腳代碼將在所有其他內容之後立即加載。

日常代碼片段用例

社交媒體和尋找引擎優化(網站定位)應用程序通常希望您在 WordPress 中插入標題代碼。 這是因為當數百個網頁要記錄緊隨其後到達的所有內容時,那些專家服務人員必須獲得一些優先權。

這與 CSS 代碼的情況類似,主要是因為這決定了您的網站將如何瀏覽。 如果這是在頁腳中,您會在看到樣式之前看到一系列佈局變化。

儘管 JavaScript 將幫助我們製作、透視和與現代互聯網網站進行交互,但它並不是重要的部分(在技術意義上)。由於這種情況,頁腳中的 JavaScript 將在多種情況下為您提供更高的效率,如果你有這個選擇,你真的應該去。

事實上,還有很多額外的用例,我們在 WPKube 網站上的附加帖子中更深入地處理它們。 然而,在通常的 WordPress 困境中,您確實沒有獲得網站的頁眉和頁腳因素。 要做到這一點,你需要把你的手弄髒,或者打電話給戶外援助。

如何在 WordPress 中包含頁眉和頁腳代碼(2 種方式)

除了放鬆帖子之外,我們還將保護兩種方法來增加 WordPress 中的頁眉和頁腳代碼。 兩者並不復雜,但我們想要一個超越另一個的人:

  1. 您可以使用插件來幫助您將代碼合併到網站的適當部分。
  2. 您可以將代碼包含到您的capabilities.php文件中,並且您需要進一步了解如何訪問您的站點信息。

我們可能會從插件選擇開始,我們很快就會澄清動機。

1.使用插件將代碼添加到您的頁眉和頁腳

如果您想在 WordPress 中執行某件事,插件應該為您完成任務。 在大多數情況下,我們會考慮一個插件作為 WordPress 網站的默認插件。 作為這種類型,如果你想在 WordPress 中包含頁眉和頁腳代碼,嵌入代碼插件會很棒:

來自 WordPress.org 的嵌入代碼插件。

這是我們的姊妹網站 DesignBombs 開發的替代方案,它為您提供了一種快速而輕鬆的方式,可以將代碼作為完整的特定網頁或帖子插入您的互聯網站點,甚至可以定制發布類型。

要使用它,您將以通常的 WordPress 方式安裝和激活插件。 此過程完成後,您將在儀表板上看到一個新的設置 > 嵌入代碼解決方案:

WordPress 儀表板上的嵌入代碼鏈接。

在此監視器上,您將發現兩個文本點:一個用於頭部,一個用於頁腳。 您甚至會得到關於您輸入的代碼將位於 HTML 中的位置的提示:

WordPress 設置中的全局嵌入代碼頁眉和頁腳部分。

使用這個工具非常簡單。 輸入代碼後,請保留您的修改。 這將在全球(即網站巨大)級別上添加任何代碼。 儘管如此,您可能只想在個人文章或網頁中包含代碼。 您可以通過塊編輯器執行此操作 - 您需要的元框和選項位於屏幕底部:

單個塊編輯器頁面上的嵌入代碼插件元框。

雖然嵌入代碼是我們選擇的過程,並且您必須使用一個人來盡量減少大驚小怪,但還有另一種方法可以讓您獲得所需的好處。 接下來我們將在這個人看來。

2. 將代碼片段合併到您的features.php文件中

每個 WordPress 設置都可以在其最佳階段或特定主題列表中獲取專用的capabilities.php文件。 這允許您合併代碼片段以幫助 WordPress 使用額外的性能。 另一方面,在開始之前,您需要完全掌握並具備一些先決條件:

  • 您使用安全文件傳輸協議 (SFTP) 獲取您的 WordPress 核心文檔——以及擴展的features.php文件。因此,您必須了解它在購買時的執行情況,以發現您的互聯網站點信息並使用他們。
  • 如果相關主題收到更新,我們還建議您使用兒童主題,以保護您的修改。
  • 您將至少需要對 WordPress 掛鉤、操作和過濾器的操作意識。 另外,您需要了解 WordPress 如何通過這些鉤子訪問您的頁眉和頁腳。

在使用 SFTP 時,WPKube 有一系列文章內容,您可以考慮必要的瀏覽:

您可能還想查看 WordPress 開發人員掛鉤庫,特別是wp_headwp_footer的人員條目,雖然這是可選的,因為您不會以主要方式使用它們。

從這裡列出的操作過程將採取幾種方法。 首先,在您的 SFTP 客戶中打開您網站的服務器,然後導航到wp-material/themes 。 在此處列出,打開您當前主題的列表,並查找合適的functions.php文件:

在文本編輯器中打開主題的 functions.php 文件。

您將希望在您喜愛的文本內容或代碼編輯器中打開此文件。 在裡面,你可以放置後續的代碼片段模板:

 add_action( 'wp_head', ' ' ) purpose () ?> add_action( 'wp_head', ' ' ) purpose () ?> add_action( 'wp_head', ' ' ) purpose () ?>

簡而言之,這為 WordPress 添加了一個動作鉤子,使用你稱之為. 在目的本身內,您將在備註行(即以