Code Snippets

外掛說明

✂ Code Snippets 提供能輕鬆加增強 WordPress 網站的方式。

🚀 升級至 Code Snippets Pro便能使用完整 CSS、JavaScript、區塊編輯器、Elementor 及雲端同步整合供能。立即提升程式碼片段的使用體驗

告別修改佈景主題的 functions.php 檔案及下載無數外掛的日子,Code Snippets 可以大幅簡化這個流程。

程式碼片段可視為 WordPress 網站的迷你外掛,可以提供額外的功能,卻不會導致雜亂無章。

與其他能將程式碼加入網站的 functions.php 檔案的解決方案不同,Code Snippets 提供直覺式的圖形使用者介面,可以無縫整合並即時執行。管理程式碼片段就跟啟用、停用外掛一樣簡單,而且不會像外掛般體積龐大並耗損大量效能。

🎥 觀看 Imran Siddiq 所製作的快速概觀影片:

☁️ Code Snippets 每一份使用授權,都與社群導向 Code Snippets Cloud 平台完全整合,可輕鬆存取大量可立即調整及加強 WordPress 網站的程式碼片段。

🌐 聯絡方式

🌟 如果喜歡這個外掛,或外掛對網站確實有幫助,請在 WordPress.org 為它進行評等。使用者意見反應對我們將來的發展相當重要。

🌍 我們十分感激那些貢獻出色本地化譯文的社群成員,他們讓 Code Snippets 能夠提供不同的語言介面。本地化貢獻人員完整清單

螢幕擷圖

  • 管理現有的程式碼片段
  • 新增程式碼片段
  • 編輯程式碼片段
  • 從匯出檔匯入程式碼片段

安裝方式

自動安裝

  1. 登入 WordPress 網站管理後台
  2. 點擊 [外掛]

  3. 點擊 [安裝外掛]

  4. 搜尋「Code Snippets」

  5. 點擊 Code Snippets 外掛中的 [立即安裝]

  6. 啟用外掛

手動安裝

  1. 下載外掛安裝套件 ZIP 壓縮檔
  2. 解壓縮外掛的 ZIP 壓縮檔
  3. 將解壓縮外掛的 ZIP 壓縮檔所得的 code-snippets 資料夾上傳至 WordPress 網站的 wp-content/plugins/ 目錄
  4. 在 [外掛] 頁面中啟用 Code Snippets 外掛

在多站網路控制台中為多站網路啟用 Code Snippets 外掛,會顯示一個特殊介面,用於標示執行於整個多站網路的程式碼片段。

常見問題集

請參考 help.codesnippets.pro 以取得常見問題集的完整清單。

在執行有程式碼錯誤的程式碼片段導致網站無法正常執行後,如何復原網站?

網站管理員可以啟用 Code Snippets 的安全模式以復原網站。請參考 https://help.codesnippets.pro/article/12-safe-mode 以了解啟用安全模式的方式。

如果變更佈景主題或升級 WordPress,現有的程式碼片段是否會失效?

不會。在這個外掛中輸入的程式碼片段,均會儲存於資料庫中,既獨立於佈景主題之外,也不受 WordPress 更新的影響。

這個外掛是否能完整解除安裝?

如果在外掛的設定頁面中啟用 [完整解除安裝] 設定,在 WordPress 的 [外掛] 選單中刪除 Code Snippets 時,並會清除全部資料。請注意,這項設定會清除包含儲存於資料庫中的程式碼片段的全部資料。如需保留之前建立的程式碼片段,請先執行匯出程序。

是否能使用已為其他 WordPress 網站建立的程式碼片段?

可以。在 [全部程式碼片段] 頁面中,網站管理員可以使用程式碼片段名稱下方的 [匯出] 連結匯出個別程式碼片段,或是使用 [批次操作] 功能批次匯出多個程式碼片段。已匯出的程式碼片段稍後可以在其他網站透過 [匯入程式碼片段] 頁面,上傳程式碼片段檔案並匯入。

能將現有的程式碼片段匯出為 PHP 程式碼,以供未採用 Code Snippets 外掛的網站使用嗎?

可以。點擊想要匯出的程式碼片段旁的核取方塊,然後從 [批次操作] 選單中選取 [匯出為 PHP] 並點擊 [套用],這項操作產生的 PHP 檔案會包含匯出的程式碼片段,以及名稱及內容說明。

能為多站網路中的全部網路執行同一份程式碼片段嗎?

在多站網路控制台中,可以透過多站網路啟用功能將某份程式碼片段啟用於多站網路中的全部網站;多站網路管理員能將 Code Snippets 外掛啟用於全部網站,也能在個別網站啟用外掛。

程式碼片段都儲存在 WordPress 網站資料庫的哪個位置?

程式碼片段儲存於 WordPress 網站資料庫的 wp_snippets 資料表中。請注意,這個資料表的名稱實際上可能略有不同,主要取決於安裝網站時的資料表前置詞設定。

在何處可以提出新功能建議?

請在 Code Snippets 外掛的 WordPress 技術支援論壇GitHub 存放庫回報程式碼錯誤、新功能建議及改進意見。

如何參與 Code Snippets 外掛的開發?

先感謝你有這樣的意願。每個人都可以為外掛的 GitHub 存放庫進行版本分支,並提出提取要求。

發現外掛的安全性程式碼錯誤,該在何處回報?

使用者可以透過 Patchstack 漏洞揭露計畫回報在外掛原始程式碼中發現的任何安全性程式碼錯誤。Patchstack 團隊會協助使用者進行驗證及 CVE 指派,並負責通知外掛的開發者。

使用者評論

2025 年 11 月 16 日 1 則留言
This plugin saved my proverbial life, several times. It is so easy to add the code in specific places.It will save you a lot of headache and save you time.I really would recommend using it to anyone!
2025 年 10 月 28 日 2 則留言
This plugin only allowed me add custom HTML and PHP. So I tried WPCode instead and I can add custom HTML, CSS, JS, and PHP for free. With that perspective this tool is limited unless you pay for the pro plan.
2025 年 10 月 16 日 1 則留言
I’ve been using Code Snippets to manage various customizations on my WordPress site, and it’s been a game-changer. Previously, I was adding everything to my main custom CSS file, which was getting messy and hard to manage. With Code Snippets, I can now organize my customizations into separate, well-documented snippets with clear descriptions and tags. This makes it incredibly easy to find, edit, enable, or disable specific features without hunting through thousands of lines of code. I recently used it to customize my WooCommerce shop page – removing default elements, adding custom widgets to the sidebar, and styling everything to match my site’s design. Being able to separate PHP snippets (for functionality) from CSS snippets (for styling) and clearly label each one has made my workflow so much cleaner. The ability to easily activate/deactivate snippets for testing is brilliant – no more commenting out blocks of code or risking syntax errors. The plugin is intuitive, well-designed, and has saved me countless hours of frustration. Highly recommended for anyone who needs to add custom code to WordPress without cluttering their theme files!
2025 年 10 月 8 日 1 則留言
We’ve been using Code Snippet for quite some time now and recently upgraded to the PRO license. The additional features and reliability make it absolutely worth it. Highly recommended for anyone working with WordPress and custom development!
閱讀全部 488 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Code Snippets〉的開發相關工作。

參與者

〈Code Snippets〉外掛目前已有 28 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Code Snippets〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

3.9.2 (2025-11-17)

Changed

  • Introduced a custom scissors icon and updated button title for the TinyMCE extension.
  • Improved back-navigation styling on the edit page.
  • Refined layout for column names and action buttons in the Cloud Snippets list.
  • Enhanced overall styling of cloud-related UI components.
  • Optimized cloud search with more efficient pagination and snippet retrieval.
  • Introduced groundwork to prevent Composer dependency collisions with other plugins.

Fixed

  • Improved sanitization and normalization across Cloud API and pagination outputs.
  • Resolved various TinyMCE issues reported in the WordPress support forum.

3.9.1 (2025-11-14)

Changed

  • Migrated to native CSS direction handling (RTL/LTR) for improved compatibility and simpler styling
  • Updated dependencies to the latest compatible versions

Fixed

  • Fixed TinyMCE menu button registration to prevent initialization failure
  • Fixed the position of the ‘code direction’ control in the editor

3.9.0 (2025-11-13)

Added

  • Added contextual notices in the Snippets list table to surface action results and warnings in the UI
  • Expanded Multisite Sharing settings for clearer control over network-wide snippet sharing

Changed

  • Modernized browser support targets and polished admin UI (clearer row-action badges, improved Pro badge hover, refined active snippet name styling)

Fixed

  • Fixed REST API pagination to return correct results and page counts
  • Resolved styling selector so the active snippet name highlights reliably

3.8.2 (2025-10-31)

Fixed

  • Improved namespaced PHP snippet handling with file based execution.

3.8.1 (2025-10-28)

Added

  • Code line explanation widget with apply and remove actions for AI-generated comments. (PRO)

Changed

  • Improved pagination handling and display structure for cloud search results. (PRO)
  • Enhanced styling for codevault rows and inactive tabs in cloud interface. (PRO)

Removed

  • Removed guzzlehttp/guzzle dependency to reduce package conflicts. (PRO)

Fixed

  • Improved file-based snippet handling for multisite installations.

3.8.0 (2025-10-24)

Added

  • @CarolinaOP and @louiswol94 join the team as plugin contributors.
  • File-based execution mode for snippets (Optional in Plugin Settings).
  • Version switch option, to help easily rollback the plugin to an earlier release.
  • Minor UI improvements to the editor and sidebar.

Changed

  • Prefixed Composer packages to reduce collisions with other plugins.
  • Snippets REST API now supports pagination via page and per_page query parameters.
  • Improved editor preview behavior.

Fixed

  • Fixed issues with snippet evaluation and front-end initialization in edge cases.
  • Improved reliability of snippet evaluation.
  • JavaScript and CSS snippets loading twice due to a conditions bug. (PRO)
  • Fixed issue where some conditions didn’t work due to loading before the loop. (PRO)

3.7.0 (2025-08-29)

Added

  • New ‘conditions’ feature: control where and when snippets execute with a powerful logic builder. (PRO)

Changed

  • Redesigned edit menu with refreshed look and functionality.
  • Updated snippet type badges to be more visually distinct.
  • Redesigned tooltips used throughout the plugin.
  • Moved content snippet shortcode options into separate modal window.
  • Updated snippet tag editor to use built-in WordPress tag editor.
  • Created proper form for sharing beta feedback.
  • Improved UX of snippet activation toggle.

Fixed

  • Fetching active snippets on a multisite network now respects the ‘priority’ field above all else when ordering snippets.
  • Cloud search appears correctly and allows downloading snippets in the free version of Code Snippets.
  • Improved performance of loading admin menu icon.

3.6.9 (2025-02-17)

Changed

  • Updated Cloud_API::get_bundles() to properly check bundle data and return an empty array if no valid bundles are present.
  • Refactored Cloud_List_Table::fetch_snippets() to always return a valid Cloud_Snippets instance.
  • Cleaned up bundle iteration code and improved translation handling in the bundles view.

Fixed

  • Fixed errors in bundle iteration by adding a check for the bundles array before iterating.

3.6.8 (2025-02-14)

Added

  • code_snippets/hide_welcome_banner filter hook for hiding welcome banner in dashboard.

Changed

  • Updated Freemius SDK to the latest version. (PRO)

Removed

  • Functionality allowing [code_snippet] shortcodes to be embedded recursively – it will be re-added in a future version.

Fixed

  • Shortcodes embedded within [code_snippet] shortcodes not evaluating correctly.
  • Translation functions being called too early in some instances when loading plugin settings.
  • ‘Generate’ button not appearing on some sites. (PRO)
  • Incorrect arrow entity used in cloud list table (props to [brandonjp]).
  • Removed reference to missing plugins.css file in core plugin version.

3.6.7 (2025-01-24)

Added

  • Generated snippet shortcode tags will include the snippet name, for easier identification.
  • Admin notices will dismiss automatically after five seconds. (#208)

Changed

  • Updated CSS to use latest Sass features.
  • Moved theme selector to just above editor preview on settings page (thanks to brandonjp). (#206)
  • [code_snippet] shortcodes can now be nested within each other. (#198)

Fixed

  • Save buttons above editor did not follow usual validation process in Pro. (PRO) (#197)
  • Minor inconsistencies in consistent UI elements between Core and Pro.
  • Tags input not allowing input. (#211)
  • Issue with Elementor source code widget. (PRO) (#205)
  • Snippet descriptions not visible when viewing cloud search results.
  • Snippet import page not displaying number of successfully imported snippets.
  • Use UTC time when deciding when to display campaign notices.

3.6.6.1 (2024-11-27)

Fixed

  • Redeployment of v3.6.6 to overcome issue with initial build.
  • Type issue when caching cloud links. (PRO)

3.6.6 (2024-11-27)

Changed

  • Improved compatability with modern versions of PHP.
  • Extended welcome API to include admin notices.

Fixed

  • Memory issue from checking aggregate posts while loading front-end syntax highlighter.
  • Translation functions being called too early on upgrade, resulting in localisation loading errors.
  • Bug preventing the ‘share on network’ status of network snippets from correctly updating.
  • Incorrect logic controlling when to display ‘Save Changes’ or ‘Save Changes and Activate’ buttons.
  • Old notices persisting when switching between editing and creating snippets.

3.6.5.1 (2024-05-24)

  • Redeployment of v3.6.5 to overcome issue with initial build.

3.6.5 (2024-05-24)

Added

  • New admin menu providing useful resources and updates on the Code Snippets plugin and community.

3.6.4 (2024-03-15)

Added

  • AI generation for all snippet types: HTML, CSS, JS. (PRO)
  • Button to create a cloud connection directly from the Snippets menu when disconnected. (PRO)

Changed

  • Increment the revision number of CSS and JS snippet when using the ‘Reset Caches’ debug action. (PRO)
  • UX in generate dialog, such as allowing ‘Enter’ to submit the form. (PRO)

Fixed

  • Minor type compatability issue with newer versions of PHP.
  • Undefined array key issue when initiating cloud sync. (PRO)
  • Bug preventing downloading a single snippet from a bundle. (PRO)
  • Translations not loading for strings in JavaScript files.

3.6.3 (2023-11-13)

Added

  • Added debug action for resetting snippets caches.

Fixed

  • Import error when initialising cloud sync configuration. (PRO)

3.6.2 (2023-11-11)

Removed

  • Removed automatic encoding of code content.

Fixed

  • Error when attempting to save shared network snippets marked as active.
  • Type error when rendering checkbox fields without a stored or default value.
  • Label for snippet sharing input incorrectly linked to input field.
  • Error when attempting to download export files from Edit menu.
  • Issue loading Freemius string overrides too early. (PRO)
  • Fix redirect URL when connecting with OAuth on subdirectory or HTTPS sites. (PRO)
  • Import error when attempting to completely uninstall the plugin.

3.6.1 (2023-11-07)

Fixed

  • Issue accessing fields on Snippets class.

3.6.0 (2023-11-07)

Added

  • Ability to authenticate with Code Snippets Cloud using OAuth. (PRO)
  • Integration with GPT AI for generating snippets. (PRO)
  • Ability to generate line-by-line descriptions of snippet code with GPT AI. (PRO)
  • Ability to generate tags and description text from existing snippet code with GPT AI. (PRO)
  • Added debug settings menu for manually performing problem-solving actions.
  • Filter to disable scroll-into-view functionality for edit page notices.

Changed

  • Updated minimum PHP requirement to 7.4.
  • Ensure that the URL of the edit snippet page changes when adding a new snippet.
  • Snippet tags will automatically be added when focus is lost on the tags field.

Fixed

  • Moved active status border on edit name field to left-hand side.
  • New notices will not scroll if already at top of page.
  • Potential CSRF vulnerability allowing an authenticated user to reset settings.

3.5.1 (2023-09-15)

Fixed

  • Undefined array key error when accessing plugin settings page. (PRO)
  • Issue registering API endpoints affecting edit post screen. (PRO)
  • Snippet ID instead of snippet object being passed to code_snippets/update_snippet action hook.

3.5.0 (2023-09-13)

Added

  • Support for the Code Snippets Cloud API.
  • Search and download public snippets.
  • Codevault back-up and synchronisation. (PRO)
  • Synchronised local snippets are automatically updated in Cloud. (PRO)
  • Bulk actions – ‘update’ and ‘download’.
  • Download snippets from public and private codevaults. (PRO)
  • Search and download any publicly viewable snippet in Code Snippet Cloud by keyword or name of codevault. (PRO)
  • Deploy snippets to plugin from Code Snippets Cloud app. (PRO)
  • Bundles of Joy! Search and download Snippet Bundles in one go direct from Code Snippets Cloud. (PRO)

Changed

  • Redirect to snippets table when deleting snippet from the edit menu.
  • Scroll new notices into view on edit menu.

Fixed

  • Error when attempting to update network shared snippets after saving. [#]

The full changelog is available on GitHub