Title: Code Block Copy Button
Author: tcstix
Published: <strong>30 ພຶດສະພາ 2025</strong>
Last modified: 3 ມິຖຸນາ 2025

---

ຄົ້ນຫາປລັກອິນ

![](https://ps.w.org/code-block-copy-button/assets/banner-772x250.png?rev=3303240)

![](https://ps.w.org/code-block-copy-button/assets/icon-256x256.png?rev=3303240)

# Code Block Copy Button

 ໂດຍ [tcstix](https://profiles.wordpress.org/tcstix/)

[ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/code-block-copy-button.1.5.4.zip)

 * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/code-block-copy-button/#description)
 * [ການຣີວິວ](https://lo.wordpress.org/plugins/code-block-copy-button/#reviews)
 *  [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/code-block-copy-button/#installation)
 * [ການພັດທະນາ](https://lo.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 `<pre>` 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, 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.⌉⌊Example of the Copy button in action.⌉[

Example of the Copy button in action.

[⌊Admin settings page with customization options.1. Example of the Copy button in
action.⌉⌊Admin settings page with customization options.1. 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`
<pre>` 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” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມ
ໃນການພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

 *   [ 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/),
ຫຼື ຕິດຕາມ [ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/code-block-copy-button/)
ຜ່ານ [RSS](https://plugins.trac.wordpress.org/log/code-block-copy-button/?limit=100&mode=stop_on_copy&format=rss).

## ບັນທຶກການປ່ຽນແປງ

#### 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 `<code>` and `<pre>` 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.

## ຂໍ້ມູນກຳກັບ (Meta)

 *  ເວີຊັນ **1.5.4**
 *  ອັບເດດຫຼ້າສຸດເມື່ອ **1 ປີ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ
 *  ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **70+**
 *  ເວີຊັນ WordPress ** 5.0 ຫຼື ສູງກວ່າ **
 *  ທົດສອບເຖິງເວີຊັນ **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://lo.wordpress.org/plugins/tags/clipboard/)[code block](https://lo.wordpress.org/plugins/tags/code-block/)
   [copy button](https://lo.wordpress.org/plugins/tags/copy-button/)[copy to clipboard](https://lo.wordpress.org/plugins/tags/copy-to-clipboard/)
   [developer-tools](https://lo.wordpress.org/plugins/tags/developer-tools/)
 *  [ມຸມມອງຂັ້ນສູງ](https://lo.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/)