Title: kontur Copy Code Button
Author: kontur.us
Published: <strong>2020 年 7 月 29 日</strong>
Last modified: 2023 年 6 月 14 日

---

搜索插件

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

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的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://cn.wordpress.org/plugins/kontur-copy-code-button/#description)
 * [评价](https://cn.wordpress.org/plugins/kontur-copy-code-button/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/kontur-copy-code-button/#installation)
 * [开发进展](https://cn.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://cn.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/) 2023 年 6 月
19 日

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/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/kontur-copy-code-button/)。

## 更新日志

#### 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 或更高版本 **
 *  已测试的最高版本为 **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://cn.wordpress.org/plugins/tags/click-to-copy/)[clipboard](https://cn.wordpress.org/plugins/tags/clipboard/)
   [code](https://cn.wordpress.org/plugins/tags/code/)[copy button](https://cn.wordpress.org/plugins/tags/copy-button/)
   [copy to clipboard](https://cn.wordpress.org/plugins/tags/copy-to-clipboard/)
 *  [高级视图](https://cn.wordpress.org/plugins/kontur-copy-code-button/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/kontur-copy-code-button/reviews/?filter=2)
 *  [  0 条 1 星评价     ](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)

[查看全部评论](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)