介紹 WPCode – 簡單的 WordPress 代碼管理器,可讓您的定制面向未來
已發表: 2022-07-26您是否曾經想減少您在網站上使用的 WordPress 插件的數量?
如果有一種簡單的方法允許您通過代碼片段添加面向未來的 WordPress 自定義而不破壞您的網站,那不是很好嗎?
如果您像我和大多數其他聰明的網站所有者一樣,那麼您至少在您的 WordPress 旅程中多次希望使用此解決方案。
今天,我很高興與大家分享我推出的免費 WPCode 插件,它將改變您對 WordPress 定制的看法。
我們構建了這個工具來幫助您在管理您的網站自定義時節省時間和麻煩。 這就像終極的瑞士軍刀工具,可以幫助您替換數十個現有的 WordPress 插件,同時讓您的網站更快。

背景故事
2012 年,我創建了一個名為 Insert Headers and Footers 的免費插件。
這個插件的目的是讓我和其他 WPBeginner 讀者可以輕鬆地將代碼添加到我們的 WordPress 網站的頁眉和頁腳區域,而無需編輯主題文件!
這將包括 Google Analytics 腳本、自定義 CSS 代碼、Facebook Pixel、AdSense 代碼等。
在過去十年中,這個簡單的插件增長到超過 100 萬次活躍安裝。

在同一時期,WordPress 也有了很多新功能和插件。
每個月,我都會收到用戶要求添加更多功能的請求,例如在某些頁面上有條件地加載腳本的能力、在網站的其他區域添加代碼片段的能力等等。
經過深思熟慮,我們決定擴展這個免費插件,使其成為具有條件邏輯、自動插入等功能的 WordPress 功能齊全的代碼片段管理解決方案。
使用新插件,您可以:
- 只需單擊幾下,即可在您的網站中添加跟踪腳本/各種網站管理員工具驗證元詳細信息。
- 在每篇博文的第一段之後、每篇博文的末尾等處添加橫幅廣告或其他動態內容元素。
- 刪除您不想要的 WordPress 功能,例如 REST API、XML-RPC、評論等。
- 從您的 WordPress 網站的教程中輕鬆複製和粘貼代碼片段而不會出錯。
- 實際上,這只是表面問題。
所有這些功能都免費提供給您!
如果您是營銷人員,請將 WPCode 視為 Google 跟踪代碼管理器,但在 WordPress 中。
如果您是普通企業主,請將其視為您網站的瑞士軍刀。 它會幫助你做你想做的事——不多也不少。
到目前為止,WPCode 是您將在 WordPress 網站上安裝的最強大的插件,我並沒有誇大其詞。
請給我 5 分鐘的注意力,我會告訴你——繼續閱讀。
什麼是 WPCode?
WPCode 是一個強大的 WordPress 代碼片段插件,它使您可以輕鬆地使用代碼片段添加自定義 WordPress 功能,而無需編輯主題的 functions.php 文件。
它帶有一個內置的代碼片段庫,您可以在其中找到一些我最流行的 WordPress 代碼片段,這些代碼片段將幫助您消除對單獨插件的需求。

例如,有現成的片段可以幫助您:
- 禁用 XML-RPC——這有利於 WordPress 的安全性
- 允許 SVG 文件上傳 - 無需單獨的插件
- 禁用 Gutenberg – 無需單獨的插件
- 禁用評論 – 無需單獨的插件
- 為 Google Analytics、Facebook、AdSense 和其他平台添加跟踪腳本
目前還有超過兩打其他代碼片段,您可以使用它們來添加自定義功能,同時減少您網站上的插件數量。
對於一個普通的網站所有者來說,這個插件將幫助您減少至少 6 到 8 個您現在可能正在使用的其他插件,只需要現有的片段。
我的計劃是繼續在那裡添加更多自定義代碼片段以涵蓋流行的用例。 如果您有任何建議,請在此處填寫表格告知我們。
如果您是想要貢獻代碼片段的 WordPress 開發人員/自由職業者,請使用上面的表格將您的片段發送給我們。
面向未來的站點定制和代碼管理
大多數 WordPress 自定義教程會要求您將代碼片段添加到主題的 functions.php 文件中。 這種舊方式只會使管理代碼片段變得混亂,並且還會阻止您更新主題。
如果您更新主題或切換到另一個主題,那麼您將丟失您在 functions.php 文件中添加的所有自定義代碼函數。
WPCode 通過為您提供一種直接從 WordPress 儀表板插入頁眉和頁腳腳本以及其他代碼片段的簡單方法來解決此問題。 這些代碼片段實際上就像它們在主題的 functions.php 文件中一樣運行,但我們使您的自定義成為面向未來的。

您可以安全地更新主題或切換到另一個主題,而不會丟失重要的網站自定義設置。
在主題的 functions.php 文件中添加自定義代碼片段的另一個問題是,即使是最小的錯誤也會破壞您的網站並使其無法訪問。
所以我們創建了我們的智能代碼片段驗證。 這可以幫助您防止常見的代碼錯誤,以確保您在添加代碼片段或頁眉和頁腳腳本時不會破壞您的網站。
您可以從單個屏幕管理所有頁眉和頁腳腳本以及其他自定義代碼片段。 我們甚至讓您可以輕鬆地使用標籤組織代碼片段,並為每個代碼片段添加提醒註釋。

內置 WordPress 代碼生成器
除了我們不斷增長的代碼片段庫之外,我們還擁有 WordPress 代碼生成器,可幫助您使用最新的 WordPress 編碼標準和 API 快速獲得即用型自定義代碼。

帶有管理 UI 的自定義代碼生成器的示例包括:

- 自定義帖子類型生成器 - 為帖子類型創建自定義代碼片段。
- 自定義分類生成器 - 獲取分類的自定義代碼片段。
- WP Query Generator – 為 WP_Query 獲取自定義代碼片段以加載帖子。
- 自定義側邊欄生成器 - 創建自定義代碼片段以註冊自定義側邊欄或小部件就緒區域。
- 自定義小部件生成器 - 用於註冊自定義小部件的自定義代碼片段。
- 導航菜單生成器 - 用於在主題中註冊新導航菜單位置的自定義代碼片段。
除了上述之外,我們還有用於安排 cron 作業、註冊腳本和样式表、添加自定義帖子狀態等的代碼片段生成器。
過去,初學者和中級用戶會使用 WordPress 插件通過管理 UI 創建自定義帖子類型、分類法等。 問題是這些是一次性使用的插件,它們在後台只是生成自定義代碼片段。
現在使用 WPCode 免費生成器,您可以刪除這些插件,同時仍然可以通過管理 UI 添加您想要的自定義功能。
對於為客戶構建網站的新 WordPress 開發人員和網絡專業人士來說,這將節省大量時間。
代碼片段的條件邏輯 + 自動插入優先級
我使用 WPCode 的目標是創建一個既簡單又強大的 WordPress 代碼片段插件。
這就是為什麼除了我們的全局頁眉和頁腳腳本之外,我們還為代碼片段添加了條件邏輯等高級功能,並使其變得簡單。
您可以使用視覺條件邏輯來決定何時加載某個片段,而不是學習 WordPress 條件邏輯查詢。

WPCode 條件邏輯的示例用例:
- 僅為登錄用戶加載代碼片段
- 加載特定用戶角色的 PHP 代碼片段
- 僅在特定頁面 URL 上加載 PHP 代碼片段
- 在特定頁面上插入頁眉和頁腳像素腳本
- 根據頁麵類型顯示代碼片段
- 僅在某些帖子類型上運行代碼段
- 根據引用源加載頁眉和頁腳代碼片段
- 和更多…
我們還使用簡碼添加了自動代碼插入和手動輸出。 通過這種方式,您可以使用自定義簡碼添加功能,或者只是在您想要的區域自動添加某些功能。

我們的自動插入功能允許您在任何地方運行代碼片段或從自定義選項中進行選擇,例如:
- 僅在前端運行代碼片段
- 僅在 WordPress 管理區域中運行代碼片段
- 在站點範圍內添加頁眉和頁腳腳本
- 在帖子內容之前或之後插入 PHP 代碼片段
- 在特定段落之前或之後插入代碼片段
- 在特定存檔頁面上插入代碼段
除此之外,我們還添加了可視化代碼片段優先系統,因此您可以選擇自定義函數的順序以避免代碼衝突。

您可以替換哪些示例用例 + 插件?
WPCode 是一個插件,可以幫助您在不丟失功能的情況下擺脫許多其他插件。
以下是一些頂級用例:
- 插入頁眉和頁腳腳本
- 在頁眉和頁腳中插入 Google Analytics 跟踪代碼
- 插入 PHP 代碼片段或 JavaScript 代碼片段而不修改主題的 functions.php 文件
- 使用條件邏輯在 WordPress 頁眉和頁腳中插入 Facebook Pixels 代碼、Google Conversion Pixels 代碼和其他廣告轉換像素腳本
- 插入 Google AdSense 廣告代碼、亞馬遜原生上下文廣告代碼和其他媒體廣告代碼
- 插入自定義 JavaScript、CSS 和 HTML 代碼
- 在您網站的頁眉和頁腳中插入用於社交媒體、Google Search Console 和其他域驗證的站點驗證元標記
- 插入可重複使用的自定義內容塊
- 在特定段落之後的內容中插入廣告代碼
- 根據條件邏輯顯示或隱藏自定義代碼片段
- 禁用 XML-RPC、禁用 Rest API、禁用評論、允許上傳 SVG 文件、禁用 Gutenberg 並啟用經典編輯器而不添加額外的插件
只需使用我們當前的功能和現成的代碼片段庫,您就可以替換幾個流行的插件,包括:
WPCode 帶有一個現成的代碼片段庫,允許您替換幾個流行的插件,包括:
- 禁用評論插件
- 禁用 XML-RPC 插件
- 禁用 Rest API 插件
- 禁用古騰堡插件
- 經典編輯器插件
- 允許 SVG 文件上傳插件
- 禁用 RSS 提要插件
- 禁用搜索插件
- 禁用自動更新插件
- 禁用管理欄插件
- 禁用小部件塊插件
- 經典小部件插件
- 刪除 WordPress 版本號插件
- Facebook 像素插件
- 谷歌 AdSense 插件
- 自定義帖子類型 UI 插件
- 其他 WordPress 生成器插件
平均而言,我相信您可以輕鬆替換網站上 6 到 8 個現有插件,因為典型的網站通常會安裝這些一次性功能插件。
現在您可以刪除這些插件,清理您的管理區域,並簡化您的網站管理。
WPCode 的下一步是什麼?
由於插入頁眉和頁腳插件擁有超過 100 萬用戶,因此免費獲得所有這些新功能對每個人來說都是一個驚喜。
到目前為止,我對社區的反應非常滿意,因為每個人都喜歡這些新功能。
我們面前有一個令人興奮的路線圖,可以讓這個插件更加強大。 我們正在做的一些事情:
- 由我們的 WordPress 專家審查的更大的代碼片段庫列表
- 將自定義片段保存到雲端 - 這對於創建和管理多個網站的人來說非常有用,因為您可以在插件中構建您的個性化片段庫
- 還有更多……
我們真的在這裡建造了一些特別的東西。 如果您對我們如何使插件對您更有幫助有任何想法,請將您的建議發送給我們。
一如既往,我要感謝您對 WPBeginner 的持續支持,我們期待在未來幾年繼續為您服務。
敬上,
賽義德巴爾基
WPBeginner 創始人
PS 希望我們收購或投資您的 WordPress 業務? 了解有關 WPBeginner 成長基金的更多信息。