Title: kontur Copy Code Button
Author: kontur.us
Published: <strong>29.07.2020</strong>
Last modified: 14.06.2023

---

Шукати плагіни

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

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

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

# kontur Copy Code Button

 Від автора [kontur.us](https://profiles.wordpress.org/netzaufsicht/)

[Завантажити](https://downloads.wordpress.org/plugin/kontur-copy-code-button.1.1.4.zip)

 * [Деталі](https://uk.wordpress.org/plugins/kontur-copy-code-button/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/kontur-copy-code-button/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/kontur-copy-code-button/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/kontur-copy-code-button/#developers)

 [Підтримка](https://wordpress.org/support/plugin/kontur-copy-code-button/)

## Опис

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.

## Скріншоти

 * [[
 * 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

## Встановлення

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.

## Часті питання

### 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://uk.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.

## Відгуки

![](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.06.2023

easy to use, does what it says.

 [ Прочитати всі 2 відгуки ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/)

## Учасники та розробники

“kontur Copy Code Button” — проект з відкритим вихідним кодом. В розвиток плагіну
внесли свій вклад наступні учасники:

Учасники

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

“kontur Copy Code Button” було перекладено на 4 локалізації. Дякуємо [перекладачам](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button/contributors)
за їх роботу.

[Перекладіть “kontur Copy Code Button” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/kontur-copy-code-button/),
перегляньте [сховище SVN](https://plugins.svn.wordpress.org/kontur-copy-code-button/)
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

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

## Мета

 *  Версія **1.1.4**
 *  Останнє оновлення **3 роки тому**
 *  Активних встановлень **80+**
 *  Версія WordPress ** 5.6 або вище **
 *  Tested up to **6.2.9**
 *  Версія PHP ** 7.0 або вище **
 *  Мови
 * [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/)
   і [Spanish (Spain)](https://es.wordpress.org/plugins/kontur-copy-code-button/).
 *  [Перекладіть на свою мову](https://translate.wordpress.org/projects/wp-plugins/kontur-copy-code-button)
 * Позначки
 * [click to copy](https://uk.wordpress.org/plugins/tags/click-to-copy/)[clipboard](https://uk.wordpress.org/plugins/tags/clipboard/)
   [code](https://uk.wordpress.org/plugins/tags/code/)[copy button](https://uk.wordpress.org/plugins/tags/copy-button/)
   [copy to clipboard](https://uk.wordpress.org/plugins/tags/copy-to-clipboard/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/kontur-copy-code-button/advanced/)

## Оцінки

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

## Учасники

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

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/kontur-copy-code-button/)

## Пожертвування

Ви хотіли б підтримати розвиток цього плагіна?

 [ Пожертвувати на розвиток плагіна ](https://www.paypal.com/paypalme/werbekontur/2EUR)