[WordPress] 外掛分享: Code Block Copy Button

WordPress 外掛 Code Block Copy Button 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Code Block Copy Button」是 2025-05-29 上架。
  • 目前有 50 個安裝啟用數。
  • 上一次更新是 2025-06-03,距離現在已有 268 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

tcstix |

外掛標籤

clipboard | code block | copy button | developer-tools | copy to clipboard |

內容簡介

**總結:**

為了讓讀者和用戶能方便地從您的網站直接複製程式碼片段,Code Block Copy Button 外掛為所有程式碼區塊添加了一個方便的複製按鈕,幫助開發人員、技術撰稿人和教育工作者提高用戶體驗。

**問題與答案:**

1. 這個外掛的主要功能是什麼?
- 自動在所有 <pre> 程式碼區塊中添加複製按鈕,包括 Gutenberg Code 和預格式化區塊。

2. 這個外掛有哪些特色?
- 可自訂按鈕文本(例如「複製」、「複製程式碼」)。
- 可更改按鈕顏色以配合您網站的主題。
- 按鈕中包含乾淨、現代的 SVG 圖示。
- 在「設定」>「程式碼區塊複製」下有簡單的設置面板。
- 與傳統和 Gutenberg 編輯器都兼容。
- 在管理面板中包括一個可選的促銷橫幅。

3. 如何安裝和使用這個外掛?
- 不需要編碼 - 只需安裝、配置,就完成了。
- 包括一個可選的聯盟鏈接橫幅,在管理面板中幫助支持開發。

4. 這個外掛的許可證是什麼?
- 這個外掛的許可證是 GPL2 許可證。詳細信息可參見 https://www.gnu.org/licenses/gpl-2.0.html。

原文外掛簡介

Live Demo
Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience.
Features:
– Automatically adds a Copy button to all

 code blocks, including Gutenberg Code and Preformatted blocks.
– Customize the button text (e.g., “Copy”, “Copy Code”).
– Change the button color to match your site’s theme.
– Clean, modern SVG icon included in the button.
– Simple settings panel under Settings > Code Block Copy.
– Works with both Classic and Gutenberg editors.
– Includes an optional promotional banner in the admin panel.Live Demo
Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience.
Features:
– Automatically adds a Copy button to all

 code blocks, including Gutenberg Code and Preformatted blocks.
– Customize the button text (e.g., “Copy”, “Copy Code”).
– Change the button color to match your site’s theme.
– Clean, modern SVG icon included in the button.
– Simple settings panel under Settings > Code Block Copy.
– Works with both Classic and Gutenberg editors.
– Includes an optional promotional banner in the admin panel.Live Demo
Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience.
Features:
– Automatically adds a Copy button to all
< pre> code blocks.
– Customize the button text (e.g., “Copy”, “Copy Code”).
– Change the button color to match your site’s theme.
– Simple settings panel under Settings > Code Block Copy.
– No coding required – just install, configure, and you’re done.
– Includes an optional affiliate link banner in the admin to help support development.
License
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/gpl-2.0.html for details.
Add a customizable copy button to code blocks for fast, one-click copying.
License
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/gpl-2.0.html for details.
Add a customizable copy button to code blocks for fast, one-click copying.
License
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/gpl-2.0.html for details.

各版本下載點

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

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


1.5.2 | 1.5.3 | 1.5.4 | trunk |

延伸相關外掛(你可能也想知道)

  • Copy Anything to Clipboard 》「Copy Anything to Clipboard」是 #1 WordPress 的外掛,已下載超過 90,000 次 🚀, 此外掛可讓您複製任何東西,包括:, , 複製引言, 複製祝福, 複製訊息, 複...。
  • Copy to Clipboard for WordPress 》總結:「複製到剪貼簿」是一個讓用戶輕鬆複製網站或應用程式中的內容,並將其粘貼到其他地方的功能。這是一個常用的工具,提供分享內容、記錄筆記或保存重要...。
  • Click To Copy – Copy Text or Code to Clipboard Instantly 》### 總結:, Click To Copy Block 外掛是 WordPress 工具包中的多功能補充,旨在優化網站內容複製。用戶可以通過點擊輕鬆複製文本或代碼片段,提升用戶體驗並...。
  • ElemCopy – Text Copy Button for Elementor 》總結:, ElemCopy 是一個輕量级的 Elementor widget,允許用戶透過一次點擊將任何文本複製到剪貼板。不管是文本、電子郵件地址、連結還是自定義訊息,ElemCop...。
  • Copy To Clipboard – mobile + web 》這是一個WordPress外掛,可以在桌面瀏覽器和移動網絡瀏覽器上單擊按鈕即可將文本複製到剪貼板。它使用Flash在按鈕上單擊後自動複製,對於沒有安裝Flash的瀏覽...。
  • kontur Copy Code Button 》此外掛會在您的網站中的任意代碼區塊上新增一個 Kontur 複製程式碼按鈕,點擊後會將程式碼複製到剪貼簿中。該功能適用於移動設備和標準的 Gutenberg WP-Code-...。
  • QuoteFrameShare – Beautiful Blockquotes with Citation, Copy & Social Share 》總結:, QuoteFrameShare 是一個現代的 WordPress 引言外掛與 Gutenberg 区块,可以添加優雅的引文、選擇性引述、一鍵複製和社交分享按鈕。這是一個輕量、尊...。
  • MD Click Copyboard 》Summary:, MD Click Copyboard 是一個功能強大的 WordPress 外掛,可讓您在網站上建立美觀、可自訂的點擊複製輸入框,用來分享信息。無論您需要分享 API 金鑰...。
  • Copy to Clipboard Button for Elementor 》總結:「Copy to Clipboard Button for Elementor」外掛為您的 Elementor 工具組新增了一個多功能且易於使用的小工具,讓您能在網頁上放置一個可自訂按鈕,當...。
  • Quote Share Box 》總結:, Quote Share Box – Copy & Share Quotes** 是個簡單又時尚的 WordPress 外掛,讓您可以顯示帶有紅色背景圖片的引言,具有拷貝到剪貼簿功能及分享...。
  • Easy Shortlink Toolkit 》HTML 繁體中文 Bulleted List 介紹:, , <p>Easy Shortlink Toolkit 是一個輕量級外掛,它將「複製短鏈接」鏈接添加到管理文章列表表格中每一行。它可與...。
  • Youbou Code Block 》<html>, <head>, <meta charset="UTF-8">, </head>, <body>, <p><strong>摘要:</strong> Youbo...。

文章
Filter
Apply Filters
Mastodon