Code Snippets

外掛說明

✂ Code Snippets provides an effortless way to enhance your WordPress site.

🚀 Upgrade to Code Snippets Pro for complete CSS, JavaScript, Gutenberg, Elementor and cloud synchronisation integrations. Elevate your snippets experience now!

Say goodbye to the hassle of tweaking your theme’s functions.php file and downloading endless plugins – Code Snippets simplifies the process!

A snippet is like a mini-plugin for your WordPress site, providing added functionality without the clutter.

Unlike other solutions that involve dumping code into your functions.php file, Code Snippets offers an intuitive graphical interface for seamless integration and real-time execution. Managing snippets is as easy as activating and deactivating plugins, only without the bloat and overhead.

🎥 Watch a quick overview by Imran Siddiq:

☁️ Each copy of Code Snippets includes full integration with the community-powered Code Snippets Cloud platform, providing easy access to hundreds of tweaks and enhancements ready to power-up any WordPress site.

📚 Learn from Ferdy Korpershoek’s tutorial:

🌐 Connect with us:

🌟 Like our plugin? Find it useful? Please consider sharing your experience by leaving a review on WordPress.org. Your feedback is instrumental to shaping our future growth!

🌍 We’d like to thank the wonderful people who have helped contribute translations to allow Code Snippets to be used in different languages. You can find a full list here.

螢幕擷圖

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

安裝方式

自動安裝

  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 外掛

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 help.codesnippets.pro.

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

You can recover your site by enabling the Code Snippets safe mode feature. Instructions for how to turn it on are available here: https://help.codesnippets.pro/article/12-safe-mode.

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

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

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

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 網站建立的程式碼片段?

Yes! You can individually export a single snippet using the link below the snippet name on the ‘Manage Snippets’ page or bulk export multiple snippets using the ‘Bulk Actions’ feature. Snippets can later be imported using the ‘Import Snippets’ page by uploading the export file.

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

Yes. Click the checkboxes next to the snippets you want to export, and then choose Export to PHP from the Bulk Actions menu and click Apply. The generated PHP file will contain the exported snippets’ code, as well as their name and description in comments.

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

You can run snippets across an entire multisite network by Network Activating Code Snippets through the Network Dashboard. You can also activate Code Snippets just on the main site, and then individually on other sites of your choice.

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

Snippets are stored in the wp_snippets table in the WordPress database. The table name may differ depending on what your table prefix is set to.

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

You can get help with Code Snippets, report bugs or errors, and suggest new features and improvements either on the WordPress Support Forums or on GitHub.

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

The best way to do this is to fork the repository on GitHub and send a pull request.

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

You can report security bugs found in the source code of this plugin through the Patchstack Vulnerability Disclosure Program. The Patchstack team will assist with verification, triage, and notification of security vulnerabilities.

使用者評論

2024 年 3 月 12 日
I hate it whenever I need to add a small snippet, a short code or alike. Now I almost feel like a developer.Adding code, snippets, CSS etc. is so easy and it works!I no longer need to add such to weird php-files and fear that things I've added are gone when a plugin or theme is updated. It's a whole new world with opportunities opening up for me/us, making it really easy to add these necessary snippets and alike. I'm a fan!
2024 年 1 月 10 日
Code Snippets deserves my 5 stars. I mean, if you don't want to get your hands dirty by going into the function.php file, or if you need something that will help you add code that won't be overwritten during updates, Code Snippets is what to go for.
2023 年 10 月 10 日
Handy for adding custom functions, all kinds of performance, security and utility code snippets easily and with a great overview of what's in there. A custom functions file can cause site to go dead white with the wrong code or just 1 bracket missing, but here it warns you and I love that. Saves much time! Hopefully dev adds the ability to target snippets to areas of the site, exclude, and so forth. For now I still use Elementor Pro's code snippets for some things I only want on certain pages/sections, or in footer or such. Many thanks for the plugin and hopefully it stays free for the utility currently offered.
2023 年 9 月 24 日 1 則留言
Code Snippets certainly deserves 5 stars, I have been using it for a few years now and very happy with this plugin and the support for it. The easiest way I have found to shortcut a number of processes instead of having to edit many files to get a few things setup the way you want them, one of the main snippets I use it for is to delete the images associated to a product when the product itself is deleted, much more reliable than other plugins that claim to do the same.
閱讀全部 428 則使用者評論

參與者及開發者

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

參與者

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

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

對開發相關資訊感興趣?

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

變更記錄

3.6.4 (15 Mar 2024)

  • Fixed: Minor type compatability issue with newer versions of PHP.
  • Improvement: Increment the revision number of CSS and JS snippet when using the ‘Reset Caches’ debug action. (PRO)
  • Fixed: Undefined array key issue when initiating cloud sync. (PRO)
  • Fixed: Bug preventing downloading a single snippet from a bundle. (PRO)
  • Added: AI generation for all snippet types: HTML, CSS, JS. (PRO)
  • Fixed: Translations not loading for strings in JavaScript files.
  • Improved: UX in generate dialog, such as allowing ‘Enter’ to submit the form. (PRO)
  • Added: Button to create a cloud connection directly from the Snippets menu when disconnected. (PRO)

3.6.3 (13 Nov 2023)

  • Fixed: Import error when initialising cloud sync configuration. (PRO)
  • Improved: Added debug action for resetting snippets caches.

3.6.2 (11 Nov 2023)

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

3.6.1 (07 Nov 2023)

  • Fixed: Issue accessing fields on Snippets class.

3.6.0 (07 Nov 2023)

  • Updated minimum PHP requirement to 7.4.

  • Added: Ability to authenticate with Code Snippets Cloud using OAuth. (PRO)

  • Added: Integration with GPT AI for generating snippets. (PRO)
  • Added: Ability to generate line-by-line descriptions of snippet code with GPT AI. (PRO)
  • Added: Ability to generate tags and description text from existing snippet code with GPT AI. (PRO)

  • Improved: Ensure that the URL of the edit snippet page changes when adding a new snippet.

  • Improved: Snippet tags will automatically be added when focus is lost on the tags field.
  • Improved: Added debug settings menu for manually performing problem-solving actions.
  • Fixed: Moved active status border on edit name field to left-hand side.
  • Added: Filter to disable scroll-into-view functionality for edit page notices.
  • Fixed: New notices will not scroll if already at top of page.
  • Fixed: Potential CSRF vulnerability allowing an authenticated user to reset settings.

3.5.1 (15 Sep 2023)

  • Fixed: Undefined array key error when accessing plugin settings page. (PRO)
  • Fixed: Issue registering API endpoints affecting edit post screen. (PRO)

3.5.0 (14 Sep 2023)

  • Added: Support for the Code Snippets Cloud API.
  • Added: Search and download public snippets.
  • Added: Codevault back-up and synchronisation. (PRO)
  • Added: Synchronised local snippets are automatically updated in Cloud. (PRO)
  • Added: Bulk actions – ‘update’ and ‘download’.
  • Added: Download snippets from public and private codevaults. (PRO)
  • Added: Search and download any publicly viewable snippet in Code Snippet Cloud by keyword or name of codevault. (PRO)
  • Added: Deploy snippets to plugin from Code Snippets Cloud app. (PRO)
  • Added: Bundles of Joy! Search and download Snippet Bundles in one go direct from Code Snippets Cloud. (PRO)
  • Fixed: Error when attempting to update network shared snippets after saving. [#]
  • Improved: Redirect to snippets table when deleting snippet from the edit menu.
  • Improved: Scroll new notices into view on edit menu.

3.4.2 (05 Jul 2023)

  • Fixed: Issue causing export process to fail with fatal error. [#]
  • Fixed: Type issue on the_posts filter when no posts available. [#]

3.4.1 (29 Jun 2023)

  • Fixed: Undefined array key error. [#]
  • Fixed: Potential type issue when loading Prism. [#]
  • Improved: Added better debugging when calling REST API methods from the edit menu.
  • Improved: Escape special characters when sending snippet code through AJAX to avoid false-positives from security modules. [#]
  • Improved: Only display the latest update or error notice on the edit page, instead of allowing them to stack.
  • Fixed: Potential type issue when sorting snippets. [#]
  • Fixed: Issue preventing asset revision numbers from updating correctly. (PRO) [#]

3.4.0 (17 May 2023)

  • Added: Proper WordPress REST API support for retrieving and modifying snippets.
  • Improved: Better compatibility with modern versions of PHP (7.0+).
  • Improved: Converted Edit/Add New Snippet page to use React.
    • Converted action buttons to asynchronously use REST API endpoints through AJAX.
    • Load page components dynamically through React.
    • Added action notice queue system.
    • Replaced native alert dialog with proper React modal.
  • Improved: Catch snippet execution errors to prevent site from crashing.
  • Improved: Display recent snippet errors in admin dashboard instead.
  • Improved: Updated editor block to use new REST API endpoints. (PRO)
  • Improved: Change colour of upgrade notice in Pro plugin. (PRO)
  • Improved: All available snippet data is included in export files.
  • Improved: Only import specific fields from export file, even if additional fields specified.
  • Fixed: Issue preventing editor colorpicker from loading correctly. (PRO)
  • Improved: Added help links to content snippet options.
  • Improved: Pass additional attributes specified in [code_snippet] content shortcode to shortcode content.
  • Improved: Make shortcode attributes available as individual variables.
  • Improved: Allow boolean attributes to be passed to code snippets shortcodes without specifying a value.
  • Improved: Replace external links to Pro pricing page with an upgrade modal.
  • Fixed: Issue preventing linting libraries from loading correctly in the code editor.

3.3.0 (09 Mar 2023)

  • Fixed: Do not enqueue CSS or JS snippet file if no snippets exist. (PRO)
  • Improved: Added additional editor shortcuts to list in tooltip.
  • Added: Filter for changing Snippets admin menu position. See this help article for more information.
  • Added: Ability to filter shortcode output. Thanks to contributions from Jack Szwergold.
  • Fixed: Bug causing all snippets to show in site health information instead of those active.
  • Fixed: Unnecessary sanitization of file upload data causing import process to fail on Windows systems.

3.2.2 (17 Nov 2022)

  • Fixed: Plugin lacking a valid header error on activation.

3.2.1 (05 Oct 2022)

  • Fixed: Issue making survey reminder notice not dismissible.
  • Added: Ctrl+/ or Cmd+/ as shortcut for commenting out code in the snippet editor.
  • Added: Additional hooks to various snippet actions, thanks to contributions made by ancient-spirit.
  • Added: Fold markers, additional keyboard shortcuts and keymap options to snippet editor,
    thanks to contributions made by Amaral Krichman.
  • Improved: Removed duplicate tables exist query. (#).
  • Improved: Enabled ‘add paragraphs and formatting’ option by default for newly inserted content snippets.
  • Added: WP-CLI commands for retrieving, activating, deactivating, deleting, creating, updating, exporting and importing snippets.
  • Fixed: Path to iron visible when updating the pro plugin.

3.2.0 (22 Jul 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.

The full changelog is available on GitHub