Code Snippets


Code Snippets is an easy, clean and simple way to run code snippets on your site. It removes the need to add custom snippets to your theme’s functions.php file.

Code Snippets Pro is now available, with full CSS, JavaScript, Gutenberg and Elementor integrations.

A snippet is a small chunk of PHP code that you can use to extend the functionality of a WordPress-powered website; essentially a mini-plugin with less load on your site.

Most snippet-hosting sites tell you to add snippet code to your active theme’s functions.php file, which can get rather long and messy after a while.

Code Snippets changes that by providing a GUI interface for adding snippets and actually running them on your site just as if they were in your theme’s functions.php file.

Quick overview of Code Snippets by Imran Siddiq

Code Snippets provides graphical interface, similar to the Plugins menu, for managing snippets. Snippets can be activated and deactivated, just like plugins.

The snippet editor includes fields for a name, a visual editor-enabled description, tags to allow you to categorize snippets, and a full-featured code editor. Snippets can be exported for transfer to another site, either in JSON for later importing by the Code Snippets plugin, or in PHP for creating your own plugin or theme.

Comprehensive Code Snippets tutorial with practical examples by Ferdy Korpershoek

If you have any feedback, issues, or suggestions for improvements please leave a topic in the Support Forum, join the community on Facebook, or check us out on GitHub.

このプラグインが好き、または何らかの方法であなたに役立つ場合は、 でレビューすることを検討してください。


Code Snippets は、次の翻訳者のおかげで、これら異なる言語で使用できます:


  • 既存のスニペットの管理
  • 新しいスニペットを追加する
  • スニペットを編集する
  • Importing snippets from an export file



  1. WordPress 管理画面にログイン
  2. プラグインをクリック
  3. 新規追加をクリック
  4. Code Snippets の検索
  5. “Code Snippets” の下の「今すぐインストール」をクリック
  6. プラグインを有効化する


  1. プラグインをダウンロードする
  2. ZIP ファイルの中身を取り出す
  3. Zip ファイルの内容を WordPress インストールの wp-content/plugins/ フォルダにアップロード
  4. 「プラグイン」ページから Code Snippets プラグインを有効化します。

Network Activating Code Snippets through the Network Dashboard will enable a special interface for running snippets across the entire network.


A full list of our Frequently Asked Questions can be found at

How can I recover my site if it is crashed by a buggy snippet?

You can recover your site by enabling the Code Snippets safe mode feature. Instructions for how to turn it on are available here:

Will I lose my snippets if I change the theme or upgrade WordPress?

いいえ、スニペットはテーマとは無関係に WordPress データベースに保存され、WordPress のアップグレードの影響を受けません。

Can the plugin be completely uninstalled?

If you enable the ‘Complete Uninstall’ option on the plugin settings page, Code Snippets will clean up all of its data when deleted through the WordPress ‘Plugins’ menu. This includes all stored snippets. If you would like to preserve the snippets, ensure they are exported first.

作成したスニペットを別の WordPress サイトにコピーできますか ?

はい! 「スニペットの管理」ページのスニペット名の下にあるリンクを使って単一のスニペットを個別にエクスポートしたり、「一括アクション」機能を使って複数のスニペットを一括してエクスポートすることができます。スニペットは、「スニペットのインポート」ページでエクスポートしたファイルをアップロードすることで、後でインポートすることができます。

Can I export my snippets to PHP for a site where I’m not using the Code Snippets plugin?

はい。エクスポートしたいスニペットの横にあるチェックボックスをクリックし、「一括操作」メニューから「PHP にエクスポート」を選択して「適用」をクリックします。生成されたPHP ファイルには、エクスポートされたスニペットのコードのほか、名前と説明がコメントとして含まれます。

Can I run network-wide snippets on a multisite installation?

ネットワークダッシュボードから Code Snippets をネットワーク起動することで、マルチサイトネットワーク全体でスニペットを実行することができます。また、メインサイトだけで Code Snippets を有効にして、他のお好きなサイトで個別に有効にすることもできます。

WordPress データベースのどこにスニペットが保管されているのでしょうか?

スニペットは WordPress データベースの wp_snippets テーブルに格納されます。テーブル名は、テーブルのプレフィックスの設定によって異なる場合があります。

Where can I go for help or suggest new features?

Code Snippets のヘルプを取得したり、バグやエラーを報告したり、WordPress サポート フォーラムまたはGitHubで新機能や改善点を提案したりできます

How can I help contribute to the development of the Code Snippets plugin?

これを行う最良の方法は、 GitHub リポジトリをフォークして、プルリクエストを送信することです。


This plugin has been the solution to have all my add-on PHP-codes and CSS-codes for specific customization and it have never failed me once. Now with the premium-features that could be bought they added everything I have been missing. Well worth every dollar if you want extra features. The free version is still as good as earlier and people who says they have removed anything from the free plugin is wrong. Highly recommended.
I've been using this pluggin for months on several websites. They now removed features that used to be free and made them premium, like CSS. I have many clients complaining about their broken sites now, thank you very much for that. This is bad attitude and I won't be buying the full plugin just because of that.
Since WordPress 5.2 there is a built-in feature that detects when a plugin or theme causes a fatal error on your site, and notifies you with this automated email. In this case, WordPress caught an error with one of your plugins, Code Snippets.


Code Snippets はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。


“Code Snippets” は19ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Code Snippets” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。


3.2.0 (22 July 2022)

  • Fixed: Remove default value from SQL columns to improve compatibility with certain versions of MySQL.
  • Fixed: Delay loading snippets in Gutenberg editor blocks. (PRO)
  • Added: Option to show and hide line numbers in Gutenberg source code editor block. (PRO)
  • Added: Support for highlighting HTML, CSS, JS and embedded code in the front-end PrismJS code highlighter.
  • Added: Additional features to front-end PrismJS code highlighter, including automatic links and a copy button.
  • Added: Support for multiple code styles in the source code Gutenberg editor block. (PRO)
  • Added: Admin notice announcing release of Code Snippets Pro.
  • Fixed: Inconsistencies with translations between different plugin versions.
  • Fixed: Issue with Content Snippet shortcode information not displaying.
  • Added: Button for copying shortcode text to clipboard.
  • Improved: Include Code Snippets CSS and JS source code in distributed package.
  • Improved: Don’t delete data from plugin if deleting Code Snippets Free while Code Snippets Pro is active.
  • Improved: Streamlined user interface and experience in Gutenberg editor blocks. (PRO)
  • Added: Option to choose from 44 different themes for the Prism code highlighter in the source editor block and Elementor widget. (PRO)
  • Improved: Compatibility of Elementor widgets with the latest version of Elementor. (PRO)
  • Improved: Replace icon font menu icon with embedded SVG icon.

3.1.2 (3 July 2022)

  • Updated external links and branding for Code Snippets Pro.
  • Improved: Add link URLs to settings pages, as an alternative to in-page navigation.
  • Fixed: Various fixes to block editor scripts. (PRO)
  • Fixed: Improved visual style of Gutenberg editor blocks. (PRO)

3.1.1 (13 Jun 2022)

  • Fixed: Download snippets feature not including snippet content.
  • Fixed: Alignment of ‘opens externally’ dashicon.
  • Improved: Added additional parameters to code_snippets/export/filename filter.

3.1.0 (17 May 2022)

  • Fixed: Caching inconsistencies preventing snippets and settings from refreshing on sites with persistent object caching.
  • Improved: Simplified database queries.
  • Added: More comprehensive cache coverage, including for active snippets.
  • Added: Icon to ‘Go Pro’ button indicating it opens an external tab.
  • Improved: Allow display styles in snippet descriptions.

3.0.1 (14 May 2022)

  • Fixed: Incompatibility issue with earlier versions of PHP.

3.0.0 (14 May 2022)


  • Added: HTML content snippets for displaying as shortcodes or including in the page head or footer area.
  • Added: Notice reminding users to upgrade unsupported PHP versions.
  • Added: Visual settings to add attributes to shortcodes.
  • Added: Shortcode buttons to the post and page content editors.
  • Added: Basic REST API endpoints.
  • Added: Snippet type column to the snippets table.
  • Added: Snippet type badges to Edit and Add New Snippet pages.
  • Added: Setting to control whether the current line of the code editor is highlighted.
  • Added: Display a warning when saving a snippet with missing title or code.
  • Added: Add suffix to title of cloned snippets.


  • Improved: Updated plugin code to use namespaces, preventing name collisions with other plugins.
  • Improved: Added key for the ‘active’ and ‘scope’ database table columns to speed up queries.
  • Improved: Redirect from edit menu if not editing a valid snippet.
  • Improved: Moved activation switch into its own table column.
  • Improved: Updated code documentation according to WordPress standards.
  • Improved: Added snippet type labels to the tabs on the Snippets page.
  • Improved: Split settings page into tabs.
  • Improved: Use the version of CodeMirror included with WordPress where possible to inherit the additional built-in features.
  • Improved: Added hover effect to priority settings in the snippets table to show that they are editable.
  • Fixed: Snippets table layout on smaller screens.


  • Removed: Deprecated functions and compatibility code for unsupported PHP versions.
  • Removed: Option to disable snippet scopes.

New in Pro

  • Added: CSS style snippets for the site front-end and admin area.
  • Added: JavaScript snippets for the site head and body area on the front-end.
  • Added: Browser cache versioning for CSS and JavaScript snippets.
  • Added: Support for exporting and downloading CSS and JavaScript snippets.
  • Added: Support for highlighting code on the front-end.
  • Added: Editor syntax highlighting for CSS, JavaScript and HTML snippets.
  • Added: Button to preview full file when editing CSS or JavaScript snippets.
  • Added: Option to minify CSS and JavaScript snippets.
  • Added: Gutenberg editor block for displaying content snippets.
  • Added: Gutenberg editor block for displaying snippet source code.
  • Added: Elementor widget for displaying content snippets.
  • Added: Elementor widget for displaying snippet source code.

2.14.6 (13 May 2022)

  • Fixed: Issue with processing uploaded import files.
  • Fixed: Issue with processing tag filters.

2.14.5 (10 May 2022)

  • Fixed: Incompatibility issue with older versions of PHP.

2.14.4 (5 May 2022)

  • Fixed: Prevent array key errors when loading the snippet table with unknown order values.

2.14.3 (10 Dec 2021)

  • Fixed: Potential security issue outputting snippets-safe-mode query variable value as-is. Thanks to Krzysztof Zając for reporting.

2.14.2 (9 Sep 2021)

  • Fixed: Prevent network snippets table from being created on single-site installs.
  • Added translations:
  • Added: Support for :class syntax to the code validator.
  • Added: PHP8 support to the code linter.
  • Added: Color picker feature to the code editor.
  • Added: Failsafe to prevent multiple versions of Code Snippets from running simultaneously.

2.14.1 (10 Mar 2021)

  • Added: Czech translation by Lukáš Tesař.
  • Fixed: Code validator now supports function_exists and class_exists checks.
  • Fixed: Code validator now supports anonymous functions.
  • Fixed: Issue with saving the hidden columns setting.
  • Fixed: Replaced the outdated tag-it library with tagger for powering the snippet tags editor.
  • Added: Code direction setting for RTL users.
  • CodeMirror をバージョン5.59.4に更新。
  • Added: Additional action hooks and search API thanks to @Spreeuw.

2.14.0 (26 Jan 2020)

  • CodeMirror をバージョン5.50.2に更新。
  • Added: Basic error checking for duplicate functions and classes.
  • Updated Italian translations to fix display issues – thanks to Francesco Marino.
  • Fixed: Ordering snippets in the table by name will now be case-insensitive.
  • Added: Additional API options for retrieving snippets.
  • Fixed: Code editor will now properly highlight embedded HTML, CSS and JavaScript code.
  • Changed the indicator color for inactive snippets from red to grey.
  • Fixed a bug preventing the editor theme from being set to default.
  • Added: Store the time and date when each snippet was last modified.
  • Added: Basic error checking when activating snippets.
  • Fixed: Ensure that imported snippets are always inactive.
  • Fixed: Check the referer on the import menu to prevent CSRF attacks. Thanks to Chloe with the Wordfence Threat Intelligence team for reporting.
  • Fixed: Ensure that individual snippet action links use proper verification.

The full changelog is available on GitHub