Title: Rockon Blocks – Accent Blocks for Bloggers
Author: Vikas Sharma
Published: <strong>2026 年 10 月 9 日</strong>
Last modified: 2026 年 10 月 11 日

---

搜尋外掛

![](https://ps.w.org/rockon-blocks/assets/banner-772x250.png?rev=3737146)

![](https://ps.w.org/rockon-blocks/assets/icon.svg?rev=3737146)

# Rockon Blocks – Accent Blocks for Bloggers

 由 [Vikas Sharma](https://profiles.wordpress.org/devikas301/) 開發

[下載](https://downloads.wordpress.org/plugin/rockon-blocks.1.1.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/rockon-blocks/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/rockon-blocks/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/rockon-blocks/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/rockon-blocks/#developers)

 [技術支援](https://wordpress.org/support/plugin/rockon-blocks/)

## 外掛說明

Rockon Blocks adds simple, good-looking content blocks to the WordPress block editor,
so you can make your posts easier to scan without touching code.

**Included blocks**

 * **Pros & Cons Box** – show the good and the bad side by side. Stacks neatly on
   mobile.
 * **Key Takeaways Card** – summarize the most important points of a post.
 * **Callout Box** – draw attention to a tip or note (info style).
 * **Review Summary Box** – close a review with a 5-star rating (half stars supported)
   and a final verdict.

**Why Rockon Blocks?**

 * No build tools, no bloat – only a few KB of CSS and JS.
 * Lightweight CSS and JS – the editor script only loads in the block editor.
 * Change font size, background color, text color and border from the block settings.
 * No ads, and nothing is sent anywhere unless you choose to opt in.

**Rockon Blocks Pro**

Rockon Blocks Pro is an optional add-on that installs alongside this plugin. It 
adds:

 * **Product Review Card** – product image, overall score, per-feature rating bars
   and affiliate buy buttons.
 * **Comparison Table** – compare products side by side, with a highlighted “best
   pick” column, buy buttons and a mobile-friendly layout.
 * Gradient backgrounds, dashed, dotted and double borders, box shadows and rounded
   corners for every block.
 * Callout styles (success, warning, danger and note) with custom icons.
 * Extra layouts: stacked or minimal Pros & Cons, numbered or checkmark Key Takeaways,
   centered Review Summary.

Get it from **Rockon Blocks  Add-Ons** in your dashboard. Your existing blocks keep
working whether or not you install it.

### External services

**Freemius**

The plugin bundles the Freemius SDK, provided by Freemius, Inc. It powers the Add-
Ons screen inside your dashboard, the optional account connection, and the licensing
for the separately distributed Rockon Blocks Pro add-on. No block depends on it:
every block works in full whether or not you ever connect.

Nothing at all is transmitted unless you accept the opt-in prompt or make a purchase.
If you do opt in, Freemius receives your site URL, your WordPress, PHP and plugin
versions, the administrator’s name and email address, and a list of active plugins
and themes. This happens at the moment you opt in, and periodically afterwards to
check for add-on updates. You can opt out at any time from the plugin’s Account 
screen.

This service is provided by Freemius, Inc. — terms of service: https://freemius.
com/terms/ — privacy policy: https://freemius.com/privacy/

## 螢幕擷圖

[⌊Pros & Cons Box – the good and the bad side by side.⌉⌊Pros & Cons Box – the good
and the bad side by side.⌉[

Pros & Cons Box – the good and the bad side by side.

[⌊Key Takeaways Card – summarize the main points of a post.⌉⌊Key Takeaways Card –
summarize the main points of a post.⌉[

Key Takeaways Card – summarize the main points of a post.

[⌊Callout Box – highlight a tip or important note.⌉⌊Callout Box – highlight a tip
or important note.⌉[

Callout Box – highlight a tip or important note.

[⌊Review Summary Box – star rating (half stars supported) and final verdict.⌉⌊Review
Summary Box – star rating (half stars supported) and final verdict.⌉[

Review Summary Box – star rating (half stars supported) and final verdict.

[⌊Editing a block in the block editor, with its settings in the sidebar.⌉⌊Editing
a block in the block editor, with its settings in the sidebar.⌉[

Editing a block in the block editor, with its settings in the sidebar.

[⌊The Rockon Blocks admin page – preview blocks and switch off the ones you don't
use.⌉⌊The Rockon Blocks admin page – preview blocks and switch off the ones you 
don't use.⌉[

The Rockon Blocks admin page – preview blocks and switch off the ones you don’t 
use.

## 適用於區塊編輯器

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

 *   Review Summary Box Wrap up a review with a star rating and a final verdict.
 *   Key Takeaways Card Highlight the most important points of your post.
 *   Pros & Cons Box Show the good and the bad side by side.
 *   Callout Box Draw attention to a tip, note or important message.

## 安裝方式

 1. Upload the `rockon-blocks` folder to `/wp-content/plugins/`, or install it from
    the Plugins screen.
 2. Activate the plugin.
 3. Edit a post, click the **+** inserter and look for the **Rockon Blocks** category.

## 常見問題集

### Does it work with any theme?

Yes. The blocks use their own self-contained styles and work with classic and block
themes.

### Can I change the colors?

Yes. Every block has background color, text color and border color/width settings
in the block sidebar. Rockon Blocks Pro adds gradients, border styles, shadows, 
rounded corners, callout styles with custom icons and extra layouts.

### What happens to my content if I remove Pro?

Nothing is lost. Blocks styled with Pro options stay valid and keep their content;
they simply go back to the free look. Product Review Cards and Comparison Tables
need Pro to be edited, but their content stays in your posts.

### Does it collect any data?

Not unless you agree to it. On activation you are asked whether to share some basic
information to help improve the plugin; skip it and nothing is ever sent. The plugin
itself only stores which blocks you have switched off on the Rockon Blocks settings
page, and removes that setting when you delete the plugin. See “External services”
below for the details.

## 使用者評論

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

## 參與者及開發者

以下人員參與了開源軟體〈Rockon Blocks – Accent Blocks for Bloggers〉的開發相關工作。

參與者

 *   [ Vikas Sharma ](https://profiles.wordpress.org/devikas301/)

[將〈Rockon Blocks – Accent Blocks for Bloggers〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/rockon-blocks)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/rockon-blocks/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/rockon-blocks/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/rockon-blocks/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/rockon-blocks/)。

## 變更記錄

#### 1.1.0

 * New: support for the Rockon Blocks Pro add-on (Product Review Card, Comparison
   Table, gradients, border styles, shadows, callout styles and extra layouts).
 * New: Add-Ons and Account screens powered by the Freemius SDK. Opt-in only; nothing
   is sent unless you agree.
 * Pro blocks can be previewed and switched on or off from the Rockon Blocks screen
   once Pro is active.

#### 1.0.0

 * Initial release: Pros & Cons Box, Key Takeaways Card, Callout Box, Review Summary
   Box.

## 中繼資料

 *  版本 **1.1.0**
 *  最後更新 **3 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.3 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1.3**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/rockon-blocks/)
 * 標籤:
 * [blocks](https://tw.wordpress.org/plugins/tags/blocks/)[callout](https://tw.wordpress.org/plugins/tags/callout/)
   [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[key takeaways](https://tw.wordpress.org/plugins/tags/key-takeaways/)
   [Pros and Cons](https://tw.wordpress.org/plugins/tags/pros-and-cons/)
 *  [進階檢視](https://tw.wordpress.org/plugins/rockon-blocks/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/rockon-blocks/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/rockon-blocks/reviews/)

## 參與者

 *   [ Vikas Sharma ](https://profiles.wordpress.org/devikas301/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/rockon-blocks/)