Title: Code Block Copy Button
Author: tcstix
Published: 2025 年 5 月 30 日
Last modified: 2025 年 6 月 3 日
---
搜尋外掛
# Code Block Copy Button
由 [tcstix](https://profiles.wordpress.org/tcstix/) 開發
[下載](https://downloads.wordpress.org/plugin/code-block-copy-button.1.5.4.zip)
* [詳細資料](https://tw.wordpress.org/plugins/code-block-copy-button/#description)
* [使用者評論](https://tw.wordpress.org/plugins/code-block-copy-button/#reviews)
* [安裝方式](https://tw.wordpress.org/plugins/code-block-copy-button/#installation)
* [開發資訊](https://tw.wordpress.org/plugins/code-block-copy-button/#developers)
[技術支援](https://wordpress.org/support/plugin/code-block-copy-button/)
## 外掛說明
[Live Demo](https://www.tonyherman.com/code-copy-button-wordpress-plugin/)
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](https://www.tonyherman.com/code-copy-button-wordpress-plugin/)
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](https://www.tonyherman.com/code-copy-button-wordpress-plugin/)
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.
## 螢幕擷圖
* [[
* Example of the Copy button in action.
* [[
* Admin settings page with customization options.1. Example of the Copy button
in action.
## 安裝方式
1. Upload the plugin files to the `/wp-content/plugins/code-block-copy-button` directory,
or install it directly through the WordPress plugins screen.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Navigate to **Settings > Code Block Copy** to configure the button text and color.
1. Upload the plugin files to the `/wp-content/plugins/code-block-copy-button`
directory, or install it directly through the WordPress plugins screen.
4. Activate the plugin through the ‘Plugins’ screen in WordPress.
5. Navigate to **Settings > Code Block Copy** to configure the button text and color.
1. Upload the plugin files to the /wp-content/plugins/code-block-copy-button directory,
or install it directly through the WordPress plugins screen.
6. Activate the plugin through the ‘Plugins’ screen in WordPress.
7. Navigate to **Settings > Code Block Copy** to configure the button text and color.
## 常見問題集
### How do I use this plugin?
Simply install and activate it. The Copy button will appear automatically on all`
` code blocks. Use the settings page to customize the button text and color.
### Can I customize the position of the button?
At this time, the button is automatically placed above the code block. Future updates
may include position customization.
### Does this plugin support Gutenberg blocks?
Yes! It works with the Gutenberg **Code** block and any manually added
<
pre> tags.
## 使用者評論
這個外掛目前沒有任何使用者評論。
## 參與者及開發者
以下人員參與了開源軟體〈Code Block Copy Button〉的開發相關工作。
參與者
* [ tcstix ](https://profiles.wordpress.org/tcstix/)
〈Code Block Copy Button〉外掛目前已有 2 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/code-block-copy-button/contributors)
為這個外掛做出的貢獻。
[將〈Code Block Copy Button〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/code-block-copy-button)
### 對開發相關資訊感興趣？
任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/code-block-copy-button/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/code-block-copy-button/)，或
透過 [RSS](https://plugins.trac.wordpress.org/log/code-block-copy-button/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/code-block-copy-button/)。
## 變更記錄
#### 1.5.4
* Updated button functions and plugin description.
#### 1.5.3
* Changed admin settings ad link to point to CopyMyIP.dev
#### 1.4
* New admin settings, SVG icon added, duplicate button fix, and improved copy functionality.
#### 1.3
* Finalized admin settings with instructions and promotional banner.
* Cleaned up SVG icon for modern display.
* Prepared for WordPress repository submission.
#### 1.2
* Added admin settings page.
* Included options for button text and color customization.
#### 1.1
* Added Settings link directly from the Plugins page.
#### 1.0
* Initial release. Copy button automatically added to code blocks.= 1.4 =
* Improved compatibility with Gutenberg Preformatted blocks.
* Fixed JavaScript to handle both `` and `` content.
* Restored SVG icon in the Copy button.
* Addressed Plugin Check warnings for asset loading and URL escaping.
* Updated readme and bumped version for release.
#### 1.3
* Finalized admin settings with instructions and promotional banner.
* Cleaned up SVG icon for modern display.
* Prepared for WordPress repository submission.
#### 1.2
* Added admin settings page.
* Included options for button text and color customization.
#### 1.1
* Added Settings link directly from the Plugins page.
#### 1.0
* Initial release. Copy button automatically added to code blocks.= 1.3 =
* Finalized admin settings with instructions and promotional banner.
* Cleaned up SVG icon for modern display.
* Prepared for WordPress repository submission.
#### 1.2
* Added admin settings page.
* Included options for button text and color customization.
#### 1.1
* Added Settings link directly from the Plugins page.
#### 1.0
* Initial release. Copy button automatically added to code blocks.
## 中繼資料
* 版本 **1.5.4**
* 最後更新 **12 個月前**
* 啟用安裝數 **70+**
* WordPress 版本需求 ** 5.0 或更新版本 **
* 已測試相容的 WordPress 版本 **6.8.5**
* 語言
* [English (US)](https://wordpress.org/plugins/code-block-copy-button/)、[Spanish (Chile)](https://cl.wordpress.org/plugins/code-block-copy-button/)、
及 [Spanish (Spain)](https://es.wordpress.org/plugins/code-block-copy-button/).
* [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/code-block-copy-button)
* 標籤:
* [clipboard](https://tw.wordpress.org/plugins/tags/clipboard/)[code block](https://tw.wordpress.org/plugins/tags/code-block/)
[copy button](https://tw.wordpress.org/plugins/tags/copy-button/)[copy to clipboard](https://tw.wordpress.org/plugins/tags/copy-to-clipboard/)
[developer-tools](https://tw.wordpress.org/plugins/tags/developer-tools/)
* [進階檢視](https://tw.wordpress.org/plugins/code-block-copy-button/advanced/)
## 評分
這個項目尚無任何評論記錄。
[Your review](https://wordpress.org/support/plugin/code-block-copy-button/reviews/#new-post)
[查看全部使用者評論](https://wordpress.org/support/plugin/code-block-copy-button/reviews/)
## 參與者
* [ tcstix ](https://profiles.wordpress.org/tcstix/)
## 技術支援
使用者可在技術支援論壇提出意見反應或使用問題。
[檢視技術支援論壇](https://wordpress.org/support/plugin/code-block-copy-button/)
## 贊助
想要支援這個外掛的發展嗎？
[ 贊助這個外掛 ](https://tonyherman.com/)