[WordPress] 外掛分享： Code Snippets

WordPress 外掛 Code Snippets 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Code Snippets」是 2012-06-12 上架。
  • 目前有 1000000 個安裝啟用數。
  • 上一次更新是 2025-04-04，距離現在已有 31 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 470 人給過評分。
  • 論壇上目前有 15 個提問，問題解答率 60%

外掛協作開發者

ver3 | 0aksmith | bungeshea | johnpixle | lightbulbman | codesnippetspro |

外掛標籤

css | php | code | snippets | multisite |

內容簡介

Code Snippets 是在您的網站上運行程式碼片段的簡單，清潔和簡單的方法。它消除了將自定義片段添加到您的佈景主題的 functions.php 檔案的需求。

現在提供 Code Snippets Pro，包含完整的 CSS、JavaScript、Gutenberg 和 Elementor 整合。

片段是您可以用來擴展 WordPress-powered 網站功能的一小塊 PHP 代碼；本質上是一個較少負荷的小型外掛程式。

大多數片段存儲網站會告訴您將片段代碼添加到活動主題的 functions.php 檔案中，但經過一段時間後，這可能會變得相當冗長和混亂。

Code Snippets 通過提供 GUI 介面來添加片段以實際在您的網站上運行它們，就像它們在佈景主題的 functions.php 檔案中一樣，從而改變了這一點。

Code Snippets 概觀（由 Imran Siddiq 提供）

Code Snippets 提供類似於外掛選單的圖形界面來管理片段。片段可以像外掛一樣啟用和停用。

片段編輯器包括一個名稱字段，一個啟用視覺編輯器的描述，標籤以允許您將片段分類，以及一個功能完整的程式碼編輯器。片段可以導出以便將其轉移到另一個站點，可以使用 JSON 進行導入 Code Snippets 外掛，也可以使用 PHP 創建自己的外掛程式或佈景主題。

一位名叫 Ferdy Korpershoek 的專家提供了完整的 Code Snippets 教程，並提供實際例子。

如果您有任何反饋，問題或改進建議，請在支援論壇上留下您的意見，加入 Facebook 社區或關注我們的 Github 項目。

如果您喜歡此外掛程式，或者它對您有用，請考慮在 WordPress.org 上對其進行評論。

翻譯

Code Snippets 可以使用這幾種不同語言，這歸功於以下的翻譯人員：

白俄羅斯文 - Hrank.com
巴西葡萄牙文 - Bruno Borges
中文 - Jincheng Shan 和 詩語
中文（台灣） - Alex Lion 和 Chun-Chih Cheng
克羅地亞文 - Borisa Djuraskovic from Web Hosting Hub
捷克文 - Lukáš Tesař 和 Jakub Humpolec
丹麥文 - Finn Sommer Jensen
荷蘭文 - Sander Spies，Peter Smits 和 mother.of.code.a11n
英文（紐西蘭）和英文（英國） - webaware
英文（南非） -

原文外掛簡介

✂ 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.
🌐 Connect with us:

Support Forum
Facebook Community
GitHub Repository

🌟 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.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Code Snippets」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

3.0.0 | 3.0.1 | 3.1.0 | 3.1.1 | 3.2.1 | 3.2.2 | 3.3.0 | 3.4.0 | 3.4.1 | 3.4.2 | 3.5.0 | 3.6.0 | 3.6.1 | 3.6.2 | 3.6.3 | 3.6.4 | 3.6.5 | 3.6.6 | 3.6.7 | 3.6.8 | trunk | 2.10.0 | 2.10.1 | 2.12.0 | 2.12.1 | 2.13.0 | 2.13.1 | 2.13.2 | 2.13.3 | 2.14.0 | 2.14.1 | 2.14.2 | 2.14.3 | 2.14.4 | 2.14.5 | 2.14.6 | 3.6.5.1 | 3.6.6.1 | 3.5.0-beta.1 |

延伸相關外掛（你可能也想知道）

  • WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager 》插入標頭和頁腳 + 完整的 WordPress 代碼片段外掛, WPCode (前稱为 WPBeginner 的 "插入標頭和頁腳"）是使用率超过 100 万个网站的 WordPress 代码片段外掛中...。
  • Widget CSS Classes 》Widget CSS Classes 可以讓您給 WordPress Widget 添加自定義的 class 和 id, 請注意，此外掛並不支援輸入自定義的 CSS。您需要修改主題的 style.css，或加入...。
  • Simple Custom CSS Plugin 》無需麻煩地將自訂 CSS 新增到 WordPress 網站中。, 這是一個易於使用的 WordPress 外掛，可以添加自訂 CSS 樣式以覆寫外掛和佈景主題的預設樣式。該外掛旨在...。
  • Simple CSS 》需要在你的網站中添加自定義 CSS 嗎？Simple CSS 提供一個很棒的管理編輯器和 Customizer 中的即時預覽編輯器，讓你能夠輕鬆添加 CSS。, 想讓你的 CSS 僅應用...。
  • WP Add Custom CSS 》WP Add Custom CSS 外掛允許您在整個網站及個別文章、頁面和自訂文章類型（例如 Woocommerce 產品）中添加自訂的 CSS。, 對整個網站應用的 CSS 樣式將覆蓋您...。
  • Visual CSS Style Editor 》Style your WordPress site visually. Discover the most popular front-end design plugin! Try live demo., , Visual CSS Editor, The plugin allows you t...。
  • WP-SCSS 》此外掛使用 ScssPhp，在 WordPress 安裝中編譯 .scss 檔案。包含設定頁面，可配置目錄、錯誤報告、編譯選項和自動佇列。, 此外掛僅在更改 .scss 檔案時進行編...。
  • Clear Cache for Me 》Clear Cache For Me 是一個 WordPress 外掛，適用於 W3 Total Cache 和 WP Super Cache，因為它們不知道 widget 何時更新，且在更新 widget 和 menu 時都不會...。
  • Scripts n Styles 》這個外掛讓管理員用戶能夠將自訂的 CSS 和 JavaScript 直接添加到個別文章、頁面或任何註冊的自訂文章類型中，也可以將類別添加到 body 標籤和文章容器中。還...。
  • Forget About Shortcode Buttons 》相容於 WordPress 傳統編輯器，Gutenberg 整合即將推出🙂, 歡迎提出功能需求/建議！, 即忘短碼(FASC)按鈕是在所見即所得編輯器中及網站佈景主題中加入 CSS 按...。
  • Code Embed 》注意： WordPress 5.0 及以上版本的使用者請查看常見問題以了解如何在區塊編輯器中使用此外掛。, Code Embed 外掛允許您在文章中嵌入程式碼（JavaScript 和 H...。
  • Raw HTML 》is capability is only granted to administrators. If you’re not an admin, you will need to ask them to add it to your role., Raw HTML is not r...。
  • Microthemer Lite – Visual Editor to Customize CSS 》Microthemer是一個輕量級且功能強大的視覺編輯器，可以自訂網站的CSS樣式，從Google字體到響應式佈局，它適用於程式開發人員和非程式開發人員，並與Elementor...。
  • Core Framework 》總結：Core Framework是一個簡單易用、樂趣滿滿的WordPress外掛，如同你的CSS瑞士軍刀，幫助你輕鬆打造完美網站。, , 問題與答案：, - Core Framework是什麼...。
  • WP Super Minify • Minify, Compress and Cache HTML, CSS & JavaScript 》這個外掛可以在需要時結合、縮小和緩存內聯的 JavaScript 和 CSS 文件，以加快頁面加載速度，並使用Minify PHP Framework。, 啟用此外掛後，您會發現您的 HTM...。

文章
Filter
Apply Filters
Close
Mastodon