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

---

Recherche d’extensions

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

Cette extension **n’a pas été testée avec les3 dernières versions majeures de WordPress**.
Elle pourrait ne plus être maintenue ou supportée et peut présenter des erreurs 
de compatibilité quand elle est utilisée avec des versions récentes de WordPress.

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

# kontur Copy Code Button

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

[Télécharger](https://downloads.wordpress.org/plugin/kontur-copy-code-button.1.1.4.zip)

 * [Détails](https://fr-ca.wordpress.org/plugins/kontur-copy-code-button/#description)
 * [Avis](https://fr-ca.wordpress.org/plugins/kontur-copy-code-button/#reviews)
 *  [Installation](https://fr-ca.wordpress.org/plugins/kontur-copy-code-button/#installation)
 * [Développement](https://fr-ca.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.

## Captures d’écran

 * [[
 * 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://fr-ca.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.

## Avis

![](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/) 19 juin 2023

easy to use, does what it says.

 [ Lire les 2 avis ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/)

## Contributeurs & développeurs

« kontur Copy Code Button » est un logiciel libre. Les personnes suivantes ont contribué
à cette extension.

Contributeurs

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

“kontur Copy Code Button” a été traduit dans 4 locales. Remerciez [l’équipe de traduction](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button/contributors)
pour ses contributions.

[Traduisez « kontur Copy Code Button » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button)

### Le développement vous intéresse ?

[Parcourir le code](https://plugins.trac.wordpress.org/browser/kontur-copy-code-button/),
consulter le [SVN dépôt](https://plugins.svn.wordpress.org/kontur-copy-code-button/),
ou s’inscrire au [journal de développement](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/)
par [RSS](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/?limit=100&mode=stop_on_copy&format=rss).

## Historique des changements

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

## Méta

 *  Version **1.1.4**
 *  Last updated **il y a 3 années**
 *  Active installations **80+**
 *  WordPress version ** 5.6 ou plus **
 *  Tested up to **6.2.9**
 *  PHP version ** 7.0 ou plus **
 *  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/),
   et [Spanish (Spain)](https://es.wordpress.org/plugins/kontur-copy-code-button/).
 *  [Traduire dans votre langue](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button)
 * Tags
 * [click to copy](https://fr-ca.wordpress.org/plugins/tags/click-to-copy/)[clipboard](https://fr-ca.wordpress.org/plugins/tags/clipboard/)
   [code](https://fr-ca.wordpress.org/plugins/tags/code/)[copy button](https://fr-ca.wordpress.org/plugins/tags/copy-button/)
   [copy to clipboard](https://fr-ca.wordpress.org/plugins/tags/copy-to-clipboard/)
 *  [Vue avancée](https://fr-ca.wordpress.org/plugins/kontur-copy-code-button/advanced/)

## Notes

 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)

[Your 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/)

## Contributeurs

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

## Support

Quelque chose à dire ? Besoin d’aide ?

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

## Faire un don

Souhaitez-vous soutenir l’avancement de cette extension ?

 [ Faire un don à cette extension ](https://www.paypal.com/paypalme/werbekontur/2EUR)