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.

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

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:

I need something else. Can I hire you?

Yes. Please get in touch via email email 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 or leave a rating to motivate me to keep working on the plugin.

Reviews

Read all 2 reviews

Contributors & Developers

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

Contributors

“kontur Copy Code Button” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “kontur Copy Code Button” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by 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.