Automatically adds a lightweight, accessible Copy button to every Gutenberg code block. No shortcodes, no database changes.

Rashid Sharafat

Oriole One Instant Copy enhances the standard WordPress Gutenberg Code block (<code>core/code</code>) by injecting a small, accessible “Copy” button into the top-right corner of every code block on your site — automatically, on every existing and future post.
No shortcodes. No block-editor changes. No database modifications. Pure progressive enhancement.
<h4>How it works</h4>
The plugin uses vanilla JavaScript to detect every <code>pre.wp-block-code</code> element after the page loads and appends a lightweight Copy button. When clicked, the button copies the code text to the system clipboard using the modern <code>navigator.clipboard</code> API, with a <code>document.execCommand</code> fallback for older browsers.
The stored post content is never touched. If you deactivate or uninstall the plugin, your posts are exactly as they were before.
<h4>Key Features</h4>
<ul>
<li>Automatic — works on all existing and future posts without any editor involvement.</li>
<li>Lightweight — total asset footprint under 5 KB combined (CSS + JS). Zero dependencies.</li>
<li>Accessible — keyboard navigable, <code>aria-label</code> support, <code>focus-visible</code> outlines, screen-reader text, reduced-motion aware, high-contrast mode support.</li>
<li>Smart enqueueing — assets are loaded only on pages that actually contain a Gutenberg code block, not on every page of your site.</li>
<li>Clipboard API with fallback — uses <code>navigator.clipboard.writeText()</code> on secure contexts and falls back to <code>execCommand('copy')</code> for legacy environments.</li>
<li>Duplicate-proof — skips any code block that already has a copy button to avoid conflicts with other plugins.</li>
<li>Theme-safe — uses <code>currentColor</code> and semi-transparent backgrounds; works with light and dark themes without hardcoding colours.</li>
<li>No jQuery — vanilla JavaScript only.</li>
<li>No tracking, no telemetry, no external requests — 100% self-hosted.</li>
<li>Multisite compatible.</li>
</ul>
<h4>Settings</h4>
Find the settings under Settings → Oriole One Instant Copy:
<ul>
<li>Enable / Disable the button globally.</li>
<li>Button text — customise the label shown on the button (default: “Copy”).</li>
<li>Success text — customise the label shown after copying (default: “Copied!”).</li>
<li>Position — Top Right (additional positions planned for v2).</li>
</ul>
<h4>Developer Notes</h4>
All settings use the WordPress Settings API with <code>sanitize_callback</code> and proper nonce handling via <code>settings_fields()</code>. No custom REST endpoints, no Gutenberg/React dependencies, no build tools required.
The plugin defines the following PHP constant and classes:
<ul>
<li><code>ORIOLE_OIC_VERSION</code> — current plugin version string.</li>
<li><code>Oriole_OIC_Plugin</code> — main bootstrap class (singleton).</li>
<li><code>Oriole_OIC_Settings</code> — settings page and storage class.</li>
</ul>
Option stored in <code>wp_options</code>: <code>oriole_oic_settings</code> (autoloaded, single serialised array).

Alternatives to Oriole One Instant Copy

Top alternatives