June 14, 2023

kontur Copy Code Button Plugin

Add your own 'kontur Copy Code Button' with your own icon, text, class, color and 'pre' background. Works as well with the Gutenbe …

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.

Installation

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

Upload kontur-copy-code-button.php to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
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.

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

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 for going wild with fonts on the Gutenberg editor
No All in one SEO Premium 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 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 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.

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.