Title: Flexa Block
Author: FlexaTech
Published: <strong>2026 年 7 月 3 日</strong>
Last modified: 2026 年 7 月 3 日

---

搜尋外掛

![](https://ps.w.org/flexa-block/assets/banner-772x250.png?rev=3594787)

![](https://ps.w.org/flexa-block/assets/icon-256x256.png?rev=3594787)

# Flexa Block

 由 [FlexaTech](https://profiles.wordpress.org/flexatech/) 開發

[下載](https://downloads.wordpress.org/plugin/flexa-block.1.0.1.zip)

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

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

## 外掛說明

Flexa Block is a growing collection of modern Gutenberg blocks designed to help 
you build beautiful WordPress websites faster.

Instead of installing multiple block plugins, Flexa Block focuses on providing carefully
crafted, lightweight, and highly customizable blocks that integrate naturally with
the WordPress Block Editor.

**Features**

 * Lightweight and performance-focused
 * Native Gutenberg experience
 * Responsive by default
 * Clean and modern design
 * Highly customizable
 * No unnecessary bloat
 * Regular updates

Whether you’re building landing pages, business websites, blogs, or eCommerce stores,
Flexa Block helps you create professional layouts with less effort.

More blocks and advanced features will be added in future releases.

## 適用於區塊編輯器

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

 *   Counter Grid of stat counters that count up when scrolled into view — each 
   with an icon, a prefixed/suffixed number and a label, plus per-device columns,
   typography, light/dark colours and a per-item box.
 *   Countdown Live countdown to a target date with selectable day/hour/minute/second
   units, separators, unit labels, per-device typography, light/dark colours and
   a completion action.
 *   Testimonial Single testimonial card – star rating, headline, quote and an author
   block (avatar, name, role) with per-device typography, spacing, alignment and
   light/dark colours.
 *   Grid CSS Grid section that arranges inner blocks into per-device columns and
   rows, with track gaps, item and track alignment, background, borders, spacing
   and light/dark colors.
 *   Heading Rich heading with an optional subheading and separator, per-device 
   typography and alignment, light/dark colours, gradient text and text effects.
 *   FAQ Expandable question-and-answer accordion with open-state icons, per-question
   and answer styling, dividers, light/dark colours and optional FAQ rich-result
   schema.
 *   Container Section wrapper with per-device flex layout, background, borders,
   spacing and light/dark colors.
 *   Text Rich paragraph with per-device alignment, typography, solid or gradient
   text colour, hover colour, stroke and shadow effects, blend mode and a drop cap.
 *   Image Media image with per-device width and alignment, aspect-ratio lock, object-
   fit, shape masks, colour/gradient overlay, hover motion, caption and link or 
   lightbox.
 *   Button Call-to-action link styled as a button — inherits your theme's button
   look, with optional variant, size, icon, colors, hover states and per-device 
   typography.
 *   Separator Horizontal divider line with per-device width, thickness and alignment,
   a solid/dashed/dotted/double style and light/dark colour.
 *   Social Icons Linked row of social network icons — official brand artwork or
   custom light/dark tints per icon, with per-device size, gap, alignment and a 
   hover motion.

## 安裝方式

 1. Upload the plugin files to `/wp-content/plugins/flexa-block`, or install
     through
    the WordPress **Plugins** screen.
 2. Activate the plugin through the **Plugins** screen.
 3. Open **Flexa Block** from the admin sidebar (below Settings).

## 常見問題集

### Do I need to know how to code to use Flexa Block?

No. Everything is controlled through the WordPress Block Editor. Just insert a block,
adjust settings in the sidebar, and publish.

### Which WordPress themes does Flexa Block support?

Flexa Block works with any theme that supports the Block Editor, including classic
themes and Full Site Editing (FSE) themes.

### What blocks are included?

Version 1.0.1 ships with **11 blocks**: Container, Button, Heading, Image, Countdown,
FAQ (with optional FAQPage schema), Social Icons, Grid, Testimonial, Separator, 
and Text. All blocks include skeleton inserter previews and JavaScript translations.
More blocks will be added in future releases.

### Will Flexa Block slow down my site?

No. CSS is generated once at save time and cached per post. Only the styles actually
used on a given page are loaded — there are no large catch-all stylesheets.

### Does Flexa Block support dark mode?

Yes. The Container block integrates with a site-wide dark mode toggle, which you
can enable or disable from the **Flexa Block** settings page in the admin.

### How do I disable a block I don’t need?

Go to **Flexa Block** in the admin sidebar and open the **Blocks** tab. You can 
toggle individual blocks off — disabled blocks are removed from the Block Editor
inserter.

### Where are the plugin settings?

In the WordPress admin sidebar, click **Flexa Block** (located below Settings). 
From there you can control dark mode, CSS specificity, and which blocks are active.

### Is there a Pro version?

Yes. Flexa Block Pro adds additional blocks and advanced features. It works alongside
this free plugin.

## 使用者評論

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

## 參與者及開發者

以下人員參與了開源軟體〈Flexa Block〉的開發相關工作。

參與者

 *   [ FlexaTech ](https://profiles.wordpress.org/flexatech/)

[將〈Flexa Block〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/flexa-block)

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

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

## 變更記錄

#### 1.0.1

 * Added ten new blocks: Button, Heading, Image, Countdown, FAQ (with optional FAQPage
   schema), Social Icons, Grid, Testimonial, Separator and Text.
 * Added JavaScript translations and skeleton inserter previews for all blocks.
 * Security: hardened CSS value sanitization — colour, gradient, enum, position 
   and numeric attributes are validated against allow-lists at generation time before
   being printed inline.
 * Fixed the admin menu position and the text-domain load hook.

#### 1.0.0

 * Initial release with the Container block.

## 中繼資料

 *  版本 **1.0.1**
 *  最後更新 **4 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.4 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/flexa-block/)
 * 標籤:
 * [blocks](https://tw.wordpress.org/plugins/tags/blocks/)[container](https://tw.wordpress.org/plugins/tags/container/)
   [fse](https://tw.wordpress.org/plugins/tags/fse/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)
   [layout](https://tw.wordpress.org/plugins/tags/layout/)
 *  [進階檢視](https://tw.wordpress.org/plugins/flexa-block/advanced/)

## 評分

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

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

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

## 參與者

 *   [ FlexaTech ](https://profiles.wordpress.org/flexatech/)

## 技術支援

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

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