Title: GENE Section Builder
Author: onecraftne
Published: <strong>2026 年 6 月 8 日</strong>
Last modified: 2026 年 6 月 8 日

---

搜索插件

![](https://s.w.org/plugins/geopattern-icon/gene-section-builder.svg)

# GENE Section Builder

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

[下载](https://downloads.wordpress.org/plugin/gene-section-builder.2.0.1.zip)

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

 [支持](https://wordpress.org/support/plugin/gene-section-builder/)

## 描述

GENE Section Builder adds a single, focused block of the same name to WordPress.

Choose a color palette, a section, and a style. Hit Generate. A fully designed section
appears, built from native WordPress blocks and ready for you to edit.

**All features are free.** No paid tier, no locked options.

 * **7 color palettes** — Blue, Emerald, Violet, Rose, Amber, Teal, Charcoal. Muted,
   eye-friendly tones. The same section renders in any color, so you can match your
   brand instantly.
 * **8 sections** — Hero, Services, Call to Action, Menu / Pricing, Testimonials,
   Team, Q&A, plus one-click Full Page.
 * **7 styles** — Cards, List, Grid, Carousel, Accordion, Split, Masonry (only the
   styles that fit each section are offered).
 * **Scroll effects** — Fade, slide, scale, blur, reveal, text reveal, 3D tilt, 
   3D flip and staggered cards. Lightweight, CSS-driven, applied from the GENE Effects
   panel on any block.

**Why core blocks?**

Every section is built from standard WordPress core blocks (group, columns, heading,
paragraph, image, buttons, details). That means:

 * Fully editable — change any text, image, color, or layout from the editor
 * No vendor lock-in — if you deactivate the plugin, your content stays intact (
   you’ll just lose the visual polish)
 * Works in any block-aware theme
 * Lightweight — CSS-driven color palettes, no heavy frameworks

**Pairs perfectly with the GENE theme**, but works with any block-aware WordPress
theme.

### Resources

GENE Section Builder WordPress Plugin, (C) 2026 One Craft
 GENE Section Builder 
is distributed under the terms of the GNU GPL v2 or later.

## 区块

该插件提供了 1 个区块.

 *   Section Builder Pick a color, a section, and a style — get a fully designed
   section. Then break it apart and make it yours.

## 安装

 1. In your WordPress admin, go to Plugins > Add New > Upload Plugin.
 2. Upload the gene-blocks.zip file and click Install Now.
 3. Activate the plugin.
 4. In the block editor, search for “Section Builder” or find it under the “GENE Section
    Builder” category.

## 常见问题

### Does this require the GENE theme?

No. GENE Section Builder works with any WordPress block-aware theme. It looks especially
good with the GENE theme because the color palettes match.

### Can I edit the generated sections?

Yes. After clicking Generate, the section is replaced with regular core blocks. 
You can edit every part — text, images, colors, spacing — using normal WordPress
editor controls.

### What happens if I deactivate the plugin?

Your content stays. The blocks were converted to core blocks at generation time,
so they keep working. You’ll lose the design CSS polish (cards lose their elevated
look, hero sections lose their dark background, etc.), but no content is lost.

### How is this different from a pattern?

Patterns are static. Section Builder lets you choose color/section/style combinations
and generates the right design for that combination. It’s a guided picker, not a
flat library.

### Is there a paid version?

GENE Section Builder is fully free with no locked features — nothing here is gated.
If you want a different design system, there is a separate companion plugin, GENE
Blocks Studio, available at https://gene-wp.com/. It applies six complete visual
aesthetics consistently across every section. It is a standalone product, not an
upgrade that unlocks this plugin; everything in GENE Section Builder stays free.

## 评价

此插件暂无评价。

## 贡献者及开发者

「GENE Section Builder」是开源软件。 以下人员对此插件做出了贡献。

贡献者

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

[帮助将「GENE Section Builder」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/gene-section-builder)

### 对开发感兴趣吗?

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

## 更新日志

#### 2.0.1

 * Fix: on small screens, generated sections now keep a horizontal gutter so content
   no longer runs to the very edge (was left-jammed on mobile).

#### 2.0.0

 * Redesigned around color: pick a palette (7 colors) instead of an industry.
 * New Q&A section (accordion or list).
 * New styles: Carousel, Accordion, Split, Masonry (now 7 styles total).
 * Color-agnostic templates — the same section renders in any palette via CSS variables.
 * Scroll effects: fade, slide, scale, blur, reveal, text reveal, 3D tilt/flip, 
   staggered cards (all CSS-driven).
 * All features unlocked and free.

#### 1.0.0

 * Initial release with Section Builder block.
 * 5 industries × 6 sections × 3 styles.
 * Full Page generation.

## 额外信息

 *  版本 **2.0.1**
 *  最后更新：**19 小时前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.4 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/gene-section-builder/)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[design](https://cn.wordpress.org/plugins/tags/design/)
   [page builder](https://cn.wordpress.org/plugins/tags/page-builder/)[sections](https://cn.wordpress.org/plugins/tags/sections/)
   [templates](https://cn.wordpress.org/plugins/tags/templates/)
 *  [高级视图](https://cn.wordpress.org/plugins/gene-section-builder/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/gene-section-builder/reviews/#new-post)

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

## 贡献者

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

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/gene-section-builder/)