Title: Axiom Blocks &#8211; Page Builder &amp; FSE Kit
Author: WPAxiom
Published: <strong>2026 年 6 月 9 日</strong>
Last modified: 2026 年 6 月 12 日

---

搜索插件

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

![](https://ps.w.org/axiom-blocks/assets/icon-256x256.png?rev=3566531)

# Axiom Blocks – Page Builder & FSE Kit

 作者：[WPAxiom](https://profiles.wordpress.org/wpaxiom/)

[下载](https://downloads.wordpress.org/plugin/axiom-blocks.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/axiom-blocks/#description)
 * [评价](https://cn.wordpress.org/plugins/axiom-blocks/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/axiom-blocks/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/axiom-blocks/#developers)

 [支持](https://wordpress.org/support/plugin/axiom-blocks/)

## 描述

Axiom Blocks adds a powerful collection of Gutenberg blocks to help you build beautiful,
professional layouts without any page builder bloat.

**All blocks are completely free.**

#### Layout Blocks

 * **Advanced Section** — Full-width container with background images, gradients,
   video backgrounds, overlays with blend modes, shape dividers, and entrance animations.
 * **Device Visibility** — Wrapper block to show or hide content based on device
   type (mobile, tablet, desktop).
 * **Shape Divider** — Add beautiful shape dividers to the top or bottom of sections
   with 5 shapes: wave, curve, triangle, tilt, and slant.
 * **Reading Progress Bar** — Sticky scroll progress indicator for long-form content.

#### Content Blocks

 * **Tabs** — Horizontal tabs container that accepts any blocks inside.
 * **Countdown Timer** — Live countdown to a target date or time.
 * **Copy to Clipboard** — Button that copies text or code snippets to the visitor’s
   clipboard.
 * **Star Rating** — 5-star display block perfect for reviews and testimonials.
 * **Before/After Slider** — Drag-to-compare slider for two images.
 * **Pricing Table** — Clean pricing plans with feature lists and call-to-action
   buttons.

#### WooCommerce Blocks

 * **Trust Badges** — Payment, security, and service trust badges with curated presets
   and custom badge support.
 * **Free Shipping Progress** — Cart progress bar showing how much more a customer
   needs to spend to qualify for free shipping.

#### Features

 * Enable or disable individual blocks to keep your editor lightweight
 * Responsive controls for all layout blocks
 * Clean, semantic markup with no extra wrapper bloat
 * Fully compatible with Full Site Editing (FSE) and block themes
 * Optimized performance — only loads assets for active blocks
 * WooCommerce blocks are hidden automatically when WooCommerce is not active

### Source Code

The unminified JavaScript and SCSS source for this plugin is included in the `src/`
directory of the plugin package. The compiled files in `build/` are generated from`
src/` using [@wordpress/scripts](https://www.npmjs.com/package/@wordpress/scripts).

Development happens on GitHub: https://github.com/wpaxiom/axiom-blocks. Bug reports
and pull requests are welcome.

#### Building from source

 1. Install Node.js (16.x or later) and npm.
 2. From the plugin directory, run `npm install`.
 3. Run `npm run build` to regenerate the compiled assets in `build/`.

#### File layout

 * `src/` — JavaScript and SCSS source for all blocks and the admin dashboard.
 * `inc/` — PHP source.
 * `build/` — generated, do not edit by hand.
 * `scripts/build.js` — entry point for `npm run build`.
 * `webpack.config.js` — webpack configuration.
 * `package.json` — npm dependencies and scripts.

### Privacy

During normal use, Axiom Blocks does not collect, store, or transmit any data, and
makes no external connections.

The plugin includes one optional, opt-in connection to an external service:

**Deactivation feedback.** When you deactivate Axiom Blocks from the Plugins screen,
a short form asks why. Only if you choose a reason and click “Submit & Deactivate”
is anything sent. In that case the following is transmitted to our feedback service
at insights.wpaxiom.com:

 * the reason you selected and any comment you type;
 * the plugin, WordPress, and PHP version numbers;
 * your site’s language/locale;
 * a randomly generated, anonymous installation ID (used only to avoid counting 
   the same response twice).

No personal data is sent — no name, no email address, no website URL, and none of
your site’s content. If you click “Skip & Deactivate” or close the form, nothing
is sent at all.

This service is operated by the plugin author. Privacy policy: https://wpaxiom.com/
privacy/ — Terms of service: https://wpaxiom.com/terms/

Developers can redirect the feedback to their own server — or disable it entirely
by returning an empty string — using the `axiom_blocks_feedback_endpoint` filter.

### Credits

 * Icons powered by [Lucidicons](https://lucidicons.com/) and [WordPress Dashicons](https://developer.wordpress.org/resource/dashicons/)
 * Built for the WordPress block editor (Gutenberg)

## 屏幕截图

[⌊Axiom Blocks block manager — enable or disable individual blocks from a clean 
admin interface.⌉⌊Axiom Blocks block manager — enable or disable individual blocks
from a clean admin interface.⌉[

Axiom Blocks block manager — enable or disable individual blocks from a clean admin
interface.

[⌊Pricing Table block with feature lists and CTAs.⌉⌊Pricing Table block with feature
lists and CTAs.⌉[

Pricing Table block with feature lists and CTAs.

[⌊Advanced Section block settings — backgrounds, overlays, shape dividers, and animations.⌉⌊
Advanced Section block settings — backgrounds, overlays, shape dividers, and animations
.⌉[

Advanced Section block settings — backgrounds, overlays, shape dividers, and animations.

[⌊Before/After Slider block in action.⌉⌊Before/After Slider block in action.⌉[

Before/After Slider block in action.

## 区块

该插件提供了 19 个区块.

 *   Advanced Button Button with icons, hover states, sub-captions, and style presets.
 *   Tabs Horizontal tabs with any block content inside each panel.
 *   Before/After Slider Drag to compare two images (before/after, or any two states).
 *   Advanced Section Full-width container with rich backgrounds, overlays and content
   layout controls.
 *   Countdown Timer Live countdown timer with customizable target date and styling.
 *   Button Group Arrange Advanced Buttons in a row or stack with alignment and 
   gap controls.
 *   Copy to Clipboard Copy text or code snippets to clipboard with one click.
 *   Trust Badges Curated row of payment, security, and service trust badges with
   presets and custom uploads.
 *   Free Shipping Progress Cart progress bar showing how much more a customer needs
   to spend to qualify for free shipping. Live-updates as items are added or removed.
 *   Pricing Table Pricing plans with feature lists, CTAs, and a highlighted recommendation.
 *   Shape Divider Decorative SVG divider between sections (wave, curve, triangle,
   tilt, slant).
 *   Advanced Heading Heading with highlight spans, an optional sub-heading, and
   an accent line.
 *   Reading Progress Bar Sticky bar that fills as the reader scrolls through the
   page.
 *   Icon Pick an icon from the library or paste your own SVG, then style its size,
   colour, shape, and link.
 *   Star Rating Display a 5-star rating with optional value and review count.
 *   Device Visibility Show or hide any block on desktop, tablet, or mobile.
 *   Icon List A list with a custom icon on every row — for features, benefits, 
   or checklists.
 *   Tab Panel A panel inside the Tabs block. Can only be inserted inside Tabs.
 *   Pricing Plan A single plan card. Can only be inserted inside Pricing Table.

## 安装

#### From WordPress Admin

 1. Go to **Plugins  Add New**
 2. Search for “Axiom Blocks”
 3. Click **Install Now**, then **Activate**

#### Manual Upload

 1. Download the plugin zip file
 2. Go to **Plugins  Add New  Upload Plugin**
 3. Select the zip file and click **Install Now**
 4. Click **Activate**

#### Getting Started

After activation, go to **Axiom Blocks  Blocks** in your WordPress admin to enable
or disable individual blocks. Only enabled blocks will appear in the block inserter
and load on your site.

## 常见问题

### Can I disable blocks I don’t use?

Yes. Go to **Axiom Blocks  Blocks** in your WordPress admin to enable or disable
individual blocks. Disabled blocks won’t load any assets on your site.

### Does this work with Full Site Editing (FSE) themes?

Yes. Axiom Blocks blocks work in posts, pages, and the Site Editor.

### Will this slow down my site?

No. Axiom Blocks only loads frontend assets for blocks that are actually used on
the page, and you can disable unused blocks entirely.

### Do I need a page builder?

No. Axiom Blocks is designed to work natively with the WordPress block editor (Gutenberg).

### Do I need WooCommerce installed?

No. Axiom Blocks works on any WordPress site. The Trust Badges and Free Shipping
Progress blocks are only shown in the block inserter when WooCommerce is active —
you can also turn the integration off from **Axiom Blocks  Settings**.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Axiom Blocks – Page Builder & FSE Kit」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ WPAxiom ](https://profiles.wordpress.org/wpaxiom/)

[帮助将「Axiom Blocks – Page Builder & FSE Kit」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/axiom-blocks)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/axiom-blocks/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/axiom-blocks/)，或通过[RSS](https://plugins.trac.wordpress.org/log/axiom-blocks/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/axiom-blocks/)。

## 更新日志

#### 1.0.1

 * New blocks: Advanced Heading, Advanced Button, Icon, and Icon List.
 * Added an optional, opt-in deactivation feedback form. No data is collected unless
   you choose a reason and submit it — see the Privacy section for exactly what 
   is sent.

#### 1.0.0

 * Initial release.
 * Added 12 free blocks: Advanced Section, Device Visibility, Shape Divider, Reading
   Progress Bar, Tabs, Countdown Timer, Copy to Clipboard, Star Rating, Before/After
   Slider, Pricing Table, Trust Badges, and Free Shipping Progress.
 * Added block manager to enable/disable individual blocks.
 * WooCommerce integration toggle — Trust Badges and Free Shipping Progress only
   load when WooCommerce is active.
 * Full Site Editing (FSE) support.

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**4 分前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/axiom-blocks/)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[editor](https://cn.wordpress.org/plugins/tags/editor/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[page builder](https://cn.wordpress.org/plugins/tags/page-builder/)
   [woocommerce](https://cn.wordpress.org/plugins/tags/woocommerce/)
 *  [高级视图](https://cn.wordpress.org/plugins/axiom-blocks/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/axiom-blocks/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/axiom-blocks/reviews/)

## 贡献者

 *   [ WPAxiom ](https://profiles.wordpress.org/wpaxiom/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/axiom-blocks/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://wpaxiom.com/donate)