このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

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

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.

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.

評価

2件のレビューをすべて表示

貢献者と開発者

kontur Copy Code Button はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“kontur Copy Code Button” は3ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“kontur Copy Code Button” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログ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.