Code Block Copy Button
Live Demo Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience. Features: – Automatically adds a Copy button to
Live Demo
Make it easy for your readers and users to copy code snippets directly from your website. The Code Block Copy Button plugin adds a handy copy button to all code blocks, helping developers, tech writers, and educators improve user experience.
Features: – Automatically adds a Copy button to all <pre> code blocks, including Gutenberg Code and Preformatted blocks. – Customize the button text (e.g., “Copy”, “Copy Code”). – Change the button color to match your site’s theme. – Clean, modern SVG icon included in the button. – Simple settings panel under Settings > Code Block Copy . – Works with both Classic and Gutenberg editors. – Includes an optional promotional banner in the admin panel.
License
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/gpl-2.0.html for details.
Screenshots & previews.
- 01Upload the plugin files to the /wp-content/plugins/code-block-copy-button directory, or install it directly through the WordPress plugins screen.
- 02Activate the plugin through the ‘Plugins’ screen in WordPress.
- 03Navigate to Settings > Code Block Copy to configure the button text and color.
Frequently asked questions.
How do I use this plugin?
Simply install and activate it. The Copy button will appear automatically on all <pre> code blocks. Use the settings page to customize the button text and color.
Can I customize the position of the button?
At this time, the button is placed at the top-right of each code block. Future updates may include position customization.
