WPCode Review:向 WordPress 添加自定義代碼的最佳方式

已發表: 2023-05-01

您是否希望將代碼添加到您的 WordPress 網站但不是計算機程序員?

WPCode(以前被 WPBeginner 稱為插入頁眉和頁腳)被超過 100 萬個網站使用。 它是最好的 WordPress 插件,可以輕鬆安全地添加代碼。

最好的部分是您不必編輯任何網站文件,例如主題的 functions.php 文件。 在本指南中,我們將回顧 WordPress 插件 WPCode,作為一種在 WordPress 中添加自定義代碼而不會使您的網站崩潰的簡單方法。

WPCode review

這是一個目錄,可以輕鬆瀏覽帖子:

  • 為什麼要使用插件向您的網站添加代碼
  • 向 WordPress 添加自定義代碼的風險
  • 如何使用 WPCode 安全地添加自定義代碼
  • WPCode 功能與亮點
  • WPCode 可以用來做什麼?
  • WPCode 支持和文檔
  • 我們對 WPCode 的最終想法

為什麼要使用插件向您的網站添加代碼

可以通過更新主題或切換到新主題來為您的 WordPress 網站添加新的升級。 但這有兩個主要缺點:

  • 您將丟失已添加到當前主題的所有自定義項。
  • 這是一個有風險的過程,最小的錯誤可能會破壞您的整個網站。

WPCode 為您提供了一種從 WordPress 儀表板插入代碼片段的簡單方法。 而且無需觸及一行代碼、手動修改網站文件或更改您的核心主題。

wpcode homepage

您添加的新代碼的工作方式與您更改主題的 functions.php 文件的方式相同。

另一個有用的功能是智能代碼片段驗證,它會警告您常見的代碼錯誤。 這有助於您在調整頁眉或頁腳的腳本時保持站點穩定。

除此之外,WPCode 比使用一堆代碼片段插件更快,後者會減慢您的網站速度。

使用單個插件將自定義代碼插入到您的 WordPress 主題中更加容易和安全。 以下是該插件的主要亮點:

  • 100 多個專家認可的現成片段
  • 智能條件邏輯
  • 高級自動插入位置
  • 全局頁眉和頁腳腳本
  • 電子商務轉化像素
  • WordPress 代碼生成器
  • 私有云存儲
  • 輕鬆的代碼管理

該插件支持自定義 PHP、JS、CSS、HTML、Text 和其他類型的自定義代碼片段。

您甚至可以使用自定義短代碼在您的網站上重複使用內容。 這使得內容更新變得輕而易舉。

如果您不精通代碼,WPCode 很棒。 如果您是專業開發人員,這個插件將使您的工作變得更加輕鬆!

接下來,我們將介紹不使用 WPCode 的一些風險。

向 WordPress 添加自定義代碼的風險

調整 WordPress 主題的 functions.php 文件時,您會冒著整個網站穩定性的風險。 一個小錯誤,您的網站就會崩潰。 您可能會丟失網站的所有數據。

此外,開發人員傾向於發布更新經常使用 WordPress 主題。 這使得將代碼片段添加到主題的 functions.php 文件很難跟上。

更重要的是,如果您要更改主題,則還必須將代碼遷移到新主題。 請記住,對您的 WordPress 主題的任何更新都會影響每個頁面。 這意味著一個簡單的更改可能最終會破壞您的整個網站。 使用 WPCode,您可以更安全地調整編碼。

如何使用 WPCode 安全地添加自定義代碼

WPCode 的簡單界面允許您在站點的頁眉和頁腳之間插入代碼。 這可能適用於 Facebook Pixel、Google Analytics 或自定義 CSS。

有一個簡單的“添加新”按鈕即可開始使用,然後您可以從庫中選擇一個現成的片段或創建您自己的自定義代碼片段。

WP Code Dashboard

該插件帶有用於插入像素的現成規則,創建了一個輕鬆的工作流程。 好消息是您不必冒整個網站崩潰的風險,因為您不必編輯主題文件。

也就是說,您甚至可以使用 WPCode 在 HTML、PHP、CSS 和 JavaScript 中插入代碼片段。

所有這些文件都佔用了大量空間,但 WPCode 也有一個解決方案,即 WPCode 庫。

WPCode 功能與亮點

以下是 WPCode 的主要功能,使其成為您網站上的必備插件。

WP代碼庫

新的 WPCode 雲庫將您所有的自定義代碼片段存儲在雲庫中。

WPCode Snippets Library

這允許您在多個網站上重複使用這些 WordPress 代碼片段。 它可以為您節省大量硬盤空間! 您可以將您的代碼片段留給自己或與您的社區分享,以回饋和擴大您的社交形象。

WPCode 通過使用特定功能的片段而不是加載完整的插件來幫助減少膨脹。 另外,您可以只使用這個插件將各種代碼添加到您的站點,您不必在每次要添加新代碼段或功能時都安裝單獨的插件。

快速創建高級 WordPress 功能

想要創建自定義帖子或管理菜單? WPCode 的自定義代碼生成器讓您無需計算機科學學位也能輕鬆做到這一點。 您可以創建以下功能:

  • WP查詢生成器
  • 自定義邊欄生成器
  • 自定義小部件生成器
  • 自定義帖子類型生成器
  • 自定義分類生成器

wpcode generator

您只需填寫一個表格,WPCode 插件就會像 1、2、3 一樣簡單地為您創建這些功能。無需任何編碼經驗!

安全錯誤處理功能

您可能正在使用 WPCode,因為您不是計算機編程語言方面的專家。 那麼,如果在使用此插件時代碼中存在錯誤,會發生什麼情況?

WPCode 為您介紹了其安全錯誤處理功能。 這有助於您在添加自定義代碼段時防止常見的代碼錯誤,以確保您永遠不會破壞您的網站。

智能條件邏輯

您可以使用智能條件邏輯規則構建器控製片段的加載位置。 這使您可以使用條件規則定位特定頁面。

這有助於您避免加載未使用的腳本,從而優化您的站點速度。

smart conditional logic in wpcode

這有助於您避免加載未使用的腳本,從而針對 SEO 和用戶體驗優化您的網站速度。

以下是 WPCode 可用的條件邏輯的一些示例:

  • 僅為登錄用戶加載代碼片段
  • 為特定的 WordPress 用戶角色加載 PHP 代碼片段
  • 僅在特定頁面 URL 上加載 PHP 代碼片段
  • 僅在某些帖子類型上運行代碼片段
  • 根據頁麵類型顯示代碼片段
  • 在特定頁面上插入頁眉和頁腳像素腳本
  • 根據引薦來源加載頁眉和頁腳代碼片段

WPCode 帶有針對 WooCommerce、Easy Digital Downloads 等的高級定位規則。

導入和導出代碼片段

wpcode export

您是否有多個網站要添加代碼?

WPCode 允許您導入和導出自定義代碼片段、函數以及頁眉和頁腳腳本。 這是一種節省時間的好方法,因為您不必在新網站上從頭開始。

此外,您可以使用 WPCode Cloud(專業版功能)在多個站點上重複使用這些代碼片段。 您將能夠保持更有條理,而不必浪費時間搜索代碼片段。 這使得 WPCode 成為對所有 WordPress 用戶都非常有用的插件。

也許您想從另一個代碼片段插件切換到開始使用這個插件。

WPCode 具有自動導入功能,可以從 Woody Code Snippets 和 Code Snippets Pro 插件中導入您的自定義代碼片段。 這是一個快速簡單的過程!

WPCode 的自動插入功能

autoinsert code in wpcode

說到快速行動,自動化任務可以幫助您節省時間。 WPCode 的自動插入功能讓您可以在您的網站上運行代碼片段或選擇自定義選項,例如:

  • 在站點範圍內添加頁眉和頁腳腳本
  • 在帖子內容之前或之後插入 PHP 代碼片段
  • 在特定段落之前或之後插入代碼片段

此外,您甚至可以直接從 WordPress 經典編輯器和 Gutenberg 編輯器添加特定於頁面的代碼片段。

無論您的網站訪問者是使用 iPad、台式機、筆記本電腦還是手機,WPCode 都可以優化您網站的外觀。 它甚至可以加載僅適用於智能手機的代碼片段,為您的網站增加移動響應能力。

WPCode 可以用來做什麼?

WPCode 是用於將代碼添加到站點的新的一體化解決方案。 您可以將站點上安裝的插件數量減少大約 6-7 個插件。

您可以創建和管理您的私有云庫,然後將這些片段添加到多個站點。 這使得建立新站點更快、更容易。

為了讓您更好地了解如何在您的網站上使用此插件,這裡有一些用例:

1.添加營銷腳本

使用條件邏輯在 WordPress 頁眉和頁腳中插入 Facebook 像素代碼、Google 轉化像素代碼和其他廣告轉化像素腳本。 您可以從一個地方管理所有營銷腳本,同時擁有完全控制權,而無需依賴第三方集成。

2. 在 WordPress 中添加轉化跟踪

在頁眉和頁腳中插入用於社交媒體、Google Search Console、Google Analytics 跟踪代碼的站點驗證元標記,以及在您站點的頁眉和頁腳中插入其他域驗證。

3.添加自己的自定義代碼

在不修改主題的 functions.php 文件的情況下插入 PHP、CSS、HTML 和 JavaScript 代碼片段。

4.自定義WordPress功能

禁用 XML-RPC、禁用 Rest API、禁用評論、允許 SVG 文件上傳、禁用 Gutenberg 並啟用經典編輯器而不添加額外的插件。

5. 重複使用片段

插入可重複使用的自定義內容塊和 PHP 代碼片段。 您可以將您的收藏夾存儲在代碼片段庫中,然後可以跨多個站點攜帶這些代碼並輕鬆插入它們。 這使得使用自定義編碼設置新網站變得更加容易。

6.條件邏輯

根據條件邏輯顯示或隱藏自定義代碼片段。 您可以添加規則以確保僅當您希望自定義編碼基於“如果那麼”規則時才使用自定義編碼。

7.添加廣告代碼

在特定段落後的內容中插入廣告代碼。 插入 Google AdSense Ads 代碼、Amazon Native Contextual Ads 代碼和其他媒體廣告代碼。

這些只是一些用例。 當您探索和了解它的工作原理時,您可以使用這個插件做更多的事情。 接下來,我們將為您提供關於此插件的最終想法。

WPCode 支持和文檔

當您註冊 WPCode 時,您可以訪問由 WordPress 專家組成的友好支持團隊。 他們會幫助您解決與插件和網站相關的任何問題。

如果您有售前問題,可以在網站上填寫聯繫表,以獲取有關產品的更多信息。

WPCode documentation

網站上還有大量文檔可幫助您開始使用 WPCode 並了解如何使用它。 在此過程中,您會發現很多教程可以為您提供幫助。

我們的最終想法:WPCode

在為 WordPress 編碼選擇插件時,WPCode 遙遙領先。 憑藉其簡單的即插即用設計和自定義功能,WPCode 是我們代碼片段插件的首選。

您可以讓您的自定義面向未來,並在您創建和管理的任何網站上使用這些片段。

您可以從 WordPress.org 存儲庫下載 WPCode Lite 或從 WPCode 官方網站獲取。

我們希望本文能幫助您了解如何向 WordPress 網站添加代碼而不冒損壞的風險。 您可能還想查看我們的指南,了解如何創建自定義 WordPress 佈局(逐步)。

我們給 WPCode 一個 5 星評級,請參閱下面我們評級​​的完整分類:

全面的
星級滿分星級滿分星級滿分星級滿分星級滿分 5.0 / 5.0
特徵
星級滿分星級滿分星級滿分星級滿分星級滿分 5.0 / 5.0
表現
星級滿分星級滿分星級滿分星級滿分星級滿分 5.0 / 5.0
支持
星級滿分星級滿分星級滿分星級滿分星級滿分 5.0 / 5.0
使用方便
星級滿分星級滿分星級滿分星級滿分星級滿分 5.0 / 5.0
價錢
星級滿分星級滿分星級滿分星級滿分星級滿分 5.0 / 5.0
立即獲取 WPCode »