Iconic Copy Text Blocks

外掛說明

Iconic Copy Text Blocks lets you add a beautifully styled text box with a one-click “Copy to Clipboard” button anywhere in your WordPress posts or pages — using the Gutenberg block editor. No shortcodes, no coding required.

Perfect for sharing AI prompts, code snippets, commands, coupon codes, or any text you want visitors to copy quickly.

Key Features

  • Copy Box Block — Add the block from the Gutenberg editor with one click
  • Corner Copy Icon — A subtle icon in the top-right corner of the box for quick copying
  • Fully Customizable Box — Control background color, border color, border width, border radius and padding
  • Fully Customizable Text — Set text color and font size
  • Fully Customizable Button — Button label, “Copied!” label, background color, text color, hover background, border radius and alignment
  • Show/Hide Icons — Toggle the copy icon inside the button and the corner icon on/off independently
  • Global Settings — Set site-wide defaults for all blocks from a dedicated admin menu page
  • Live Preview — See your style changes instantly in the Global Settings page before saving
  • Works everywhere — Uses the modern Clipboard API with a legacy fallback for older browsers

How to Use?

  1. Open any post or page in the Gutenberg editor
  2. Click the + button and search for Copy Box
  3. Add the block and type or paste your text in the sidebar panel
  4. Customize colors, button style, and more from the sidebar
  5. Publish — visitors can now copy your text with one click!

Connect With Us

  1. Website: IconicBits
  2. YouTube: Sahitya Porwal
  3. Email: hello@iconicbits.in
  4. Blog: Bloggingify

Upgarde Notice

Please update to latest version 1.6.0 to solve all the bugs.

螢幕擷圖

  • Copy Box block displayed on the front end
  • Gutenberg editor with block sidebar controls
  • Global Settings page with live preview
  • How to Use page

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Copy Box Add a stylish copy box with a one-click Copy to Clipboard button to your posts and pages.

安裝方式

  1. Open the plugin section click on add new plugin and search for Iconic Copy Text Blocks
  2. Activate the plugin from the Plugins screen in WordPress
  3. Go to Iconic Copy Blocks Global Settings to configure default styles
  4. In the Gutenberg editor, click + and search for Copy Box
  5. Add the block, enter your text, customize and publish.

常見問題集

Does this work with the Classic Editor?

No. Iconic Copy Text Blocks is built exclusively as a Gutenberg block and requires the WordPress block editor.

Can I add multiple Copy Box blocks on one page?

Yes. You can add as many blocks as you like. Each one can be styled independently.

Will the copy button work on mobile devices?

Yes. The plugin uses the modern Clipboard API which is supported on all current mobile browsers, with a fallback for older browsers.

Can I change the “Copy” and “Copied!” button text?

Yes. Both labels are fully customizable — per block in the editor sidebar, or globally via Iconic Copy Blocks Global Settings.

Does the plugin add anything to the front-end of my site?

Only the blocks you add to posts and pages are shown to visitors. There are no forced “Powered by” links, no tracking, and no external requests.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Iconic Copy Text Blocks〉的開發相關工作。

參與者

將〈Iconic Copy Text Blocks〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.6.0

  • Update The Logo
  • Update The Color Panel
  • Update The How To Use Information
  • Some Other Minor Fixes

1.5.0

  • Plugin renamed to Iconic Copy Text Blocks
  • New slug: iconic-copy-text-blocks, prefix: ictb_
  • Block apiVersion updated to 3
  • All handles updated to ictb- prefix
  • Full security hardening: sanitize_hex_color, whitelisted alignment, integer clamping, wp_kses for SVG

1.4.0

Minor Fixes

1.3.0

Minor Fixes

1.2.0

Minor Fixes

1.0.0

  • Initial release.