Title: kontur Copy Code Button
Author: kontur.us
Published: <strong>juillet 29, 2020</strong>
Last modified: juin 14, 2023

---

Search plugins

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

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

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

# kontur Copy Code Button

 By [kontur.us](https://profiles.wordpress.org/netzaufsicht/)

[Download](https://downloads.wordpress.org/plugin/kontur-copy-code-button.1.1.4.zip)

 * [Details](https://tah.wordpress.org/plugins/kontur-copy-code-button/#description)
 * [Reviews](https://tah.wordpress.org/plugins/kontur-copy-code-button/#reviews)
 *  [Installation](https://tah.wordpress.org/plugins/kontur-copy-code-button/#installation)
 * [Development](https://tah.wordpress.org/plugins/kontur-copy-code-button/#developers)

 [Support](https://wordpress.org/support/plugin/kontur-copy-code-button/)

## Description

This Plugin will add your own ‘kontur Copy Code Button’ to any code-block on your
site. When clicked, the code is copied to the clipboard. Works as well on mobile
devices and the standard Gutenberg WP-Code-Block.

### Set your own

 * button-text(s),
 * button-icon or image from the library,
 * class_(es),_
 * button-color,
 * button-text-color
 * the code text colorand « pre »-Background.
 * NOW: ALL color setting changes in a « live view » for easier styling.

> **Want more**
>  Please get involved and send uns your ideas. Via email or on the
> WordPress support page 🙂

[More info on installing WP plugins](https://wordpress.org/support/article/managing-plugins/#installing-plugins)

**Uninstalling**

This plugin cleans up after itself. All plugin settings will be removed from your
database when the plugin is uninstalled via the Plugins screen.

## Screenshots

 * [[
 * Settings page view
 * [[
 * View with the WP TwentyTwentyThree theme style
 * [[
 * View with custom icon, background and button color on the the WP TwentyTwentyThree
 * [[
 * Our bundled icons to choose from

## Installation

This section describes how to install the plugin and get it working.

 1. Upload `kontur-copy-code-button.php` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Go to WordPress Admin > Appearance > Copy Code Button and change your settings

Note: To use your normal theme button settings ’empty’ the background color setting
and the button text color setting. And also set the appropriate class(es) in the
settings field.

## FAQ

### Where do I find the settings?

Under WordPress Admin > Appearance Copy Code Button or click the link ‘Settings’
under the plugin in your WordPress Admin Plugins section.

### Do I have to configure a he** of a lot before I can use it?

Actually, you don’t. Not really. Once the plugin is activated, it will add its magic
to your « code blocks ». The default text on the button is « Copy me », with « Code
copied » appearing once the code has been copied to the clipboard.

### What icons can I use

If you want to use an icon, you can either use our predefined one, choose one from
your library or simply upload your own

### Can I set classes to trigger the ones already used within my theme?

Yes, on the settings page you can add classes.

### Will there be more options in the future?

Yes. We are working on integrating the options as well into the Gutenberg blocks,
fo e.g. having individial « copy texts » for each block. As well we want to offer
more copy-icons.

### Do you offer any other plugins I could use

Yes, we got three of them you’d might like:

 * [kontur font-o-mat](https://wordpress.org/plugins/kontur-font-o-mat/) for going
   wild with fonts on the Gutenberg editor
 * [No All in one SEO Premium Nags](https://wordpress.org/plugins/no-aioseop-nags/)
   to stop the premium version spam AND to add your own CSS to the WP backend. Works
   as well with YOAST SEO
 * [kontur Admin Style](https://wordpress.org/plugins/kontur-admin-style/) Set your
   own admin backend style AND login page

### I need something else. Can I hire you?

Yes. Please get in touch via email [email](https://tah.wordpress.org/plugins/kontur-copy-code-button/hello@kontur.us?output_format=md)
with a brief description of your requirements and budget for the project and we 
will start something else together.

### This plugin is simple, but I want to show my appreciation?

Well, go for it! You can either [make a donation](https://www.paypal.com/paypalme/werbekontur/3EUR)
or leave a [rating](https://de.wordpress.org/plugins/kontur-copy-code-button/#reviews)
to motivate me to keep working on the plugin.

## Reviews

![](https://secure.gravatar.com/avatar/5dfd14b5073389b446de0343af3d074f3399d5c0c2c747638997086552f32f0d?
s=60&d=retro&r=g)

### 󠀁[Does what it says easily](https://wordpress.org/support/topic/does-what-it-says-easily-3/)󠁿

 [nightcrawler123](https://profiles.wordpress.org/nightcrawler123/) juin 19, 2023

easy to use, does what it says.

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/)

## Contributors & Developers

“kontur Copy Code Button” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ kontur.us ](https://profiles.wordpress.org/netzaufsicht/)

“kontur Copy Code Button” has been translated into 4 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button/contributors)
for their contributions.

[Translate “kontur Copy Code Button” into your language.](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/kontur-copy-code-button/),
check out the [SVN repository](https://plugins.svn.wordpress.org/kontur-copy-code-button/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/)
by [RSS](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.4

 * Date: 14.June 2023
 * Minor bug-fixes.
 * added more self designed icons as option
 * added live view for styling
 * added live view for icon selection

#### 1.1.3

 * Date: 1.May 2023
 * Minor bug-fixes.
 * option added: select Code text color
 * added live view for styling

#### 1.1.2

 * Date: 1.May 2023
 * Minor changes. Options-CSS is now only loaded on pages where it is needed.

#### 1.1.1

 * Date: 26.April 2023
 * Quick BugFix
 * on some installations the preview in the backend was blocked by showing always
   the icon even though it was not activated.

#### 1.1.0

 * Date: 25.April 2023
 * Added « use your own icon »
 * Added Aria -label to button
 * Updated settings.
 * Updated language .POT
 * Added translation for « ze Germans »

#### 1.0.1

 * Date: 27.December 2021
 * Fixed PHP Errors.
 * Fixed PHP Errors.
 * Fixed PHP Errors.

## Meta

 *  Version **1.1.4**
 *  Last updated **3 années ago**
 *  Active installations **80+**
 *  WordPress version ** 5.6 or higher **
 *  Tested up to **6.2.9**
 *  PHP version ** 7.0 or higher **
 *  Languages
 * [Dutch](https://nl.wordpress.org/plugins/kontur-copy-code-button/), [English (US)](https://wordpress.org/plugins/kontur-copy-code-button/),
   [German](https://de.wordpress.org/plugins/kontur-copy-code-button/), [Spanish (Chile)](https://cl.wordpress.org/plugins/kontur-copy-code-button/),
   and [Spanish (Spain)](https://es.wordpress.org/plugins/kontur-copy-code-button/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button)
 * Tags
 * [click to copy](https://tah.wordpress.org/plugins/tags/click-to-copy/)[clipboard](https://tah.wordpress.org/plugins/tags/clipboard/)
   [code](https://tah.wordpress.org/plugins/tags/code/)[copy button](https://tah.wordpress.org/plugins/tags/copy-button/)
   [copy to clipboard](https://tah.wordpress.org/plugins/tags/copy-to-clipboard/)
 *  [Advanced View](https://tah.wordpress.org/plugins/kontur-copy-code-button/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/)

## Contributors

 *   [ kontur.us ](https://profiles.wordpress.org/netzaufsicht/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/kontur-copy-code-button/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.com/paypalme/werbekontur/2EUR)