Title: TZM Section Block
Author: Jakob Wiens
Published: <strong>2025 年 2 月 6 日</strong>
Last modified: 2026 年 5 月 20 日

---

搜索插件

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

![](https://ps.w.org/tzm-section-block/assets/icon.svg?rev=3236245)

# TZM Section Block

 作者：[Jakob Wiens](https://profiles.wordpress.org/jakobwiens/)

[下载](https://downloads.wordpress.org/plugin/tzm-section-block.1.1.6.zip)

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

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

## 描述

**TZM Section Block** brings powerful enhancements to the Gutenberg editor, allowing
you to create visually appealing sections for your website with ease. This block
is based on the official “Cover block” but offers advanced features for greater 
flexibility and design options.

 * **Enhanced Parallax Background**: Choose from “slow,” “medium,” and “fast” parallax
   speeds for a dynamic visual effect beyond the traditional “fixed” option.
 * **Customizable Divider Shapes**: Add top and bottom divider shapes to your sections.
   Choose from various shapes and customize their color, height, and more.
 * **Responsive Full-Height Sections**: Adjust full-height sections (100vh) to fit
   perfectly on screens by subtracting the height of a CSS selector element, such
   as a fixed header.
 * **Overflow Content Control**: Easily hide or display overflowing content within
   a section.

With these advanced options, TZM Section Block empowers designers and developers
to craft sections that stand out while providing intuitive controls for seamless
customization.

### Source Code

The source code for TZM Section Block is now available on GitHub!
 Follow the development,
report issues, and get involved in improving the plugin. We welcome contributions,
feedback, and feature requests from the community.

 * [View on GitHub](https://github.com/jakobwiens7/tzm-section-block)

## 屏幕截图

 * [[
 * **Enhanced Parallax Options**: Use stunning parallax backgrounds with fixed, 
   slow, medium, and fast options.
 * [[
 * **Customizable Divider Shapes**: Create impressive sections with fully customizable
   top and bottom dividers.

## 区块

该插件提供了 1 个区块.

 *   Section Display your content in a section block – great for eye-catching headers
   and sections.

## 安装

 1. Upload the plugin files to the `/wp-content/plugins/tzm-section-block` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. In the block editor, search for “Section” and start using it.

## 常见问题

### What makes this block different from the default Cover block?

TZM Section Block extends the capabilities of the Cover block with more advanced
parallax options, divider shapes, and the ability to precisely control full-height
sections and overflow content.

### Can I use this block with any theme?

Yes, the plugin is designed to work with any WordPress theme that supports the block
editor. For the best experience, use a theme with flexible layout options.

### How does the “CSS selector adjustment” feature work?

When the full-height (100vh) option is enabled, you can specify a CSS selector (
e.g., `.header`) whose height will be subtracted from the block’s height. This ensures
the section fits perfectly on the screen without being obstructed by fixed elements
like headers.

### Can I customize the styles of this block further?

Absolutely! The plugin provides plenty of built-in options, but if you need more
control, you can use custom CSS for additional styling.

## 评价

此插件暂无评价。

## 贡献者及开发者

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

贡献者

 *   [ Jakob Wiens ](https://profiles.wordpress.org/jakobwiens/)

「TZM Section Block」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/tzm-section-block/contributors)
为本插件所做的贡献。

[帮助将「TZM Section Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/tzm-section-block)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.1.6

 * Support WordPress 7.0
 * Improved code structure

#### 1.1.5

 * Fixed incompatibility between duotone filter and parallax effect
 * Fixed parallax speeds not being applied correctly in editor
 * Fixed parallax backgrounds not being correctly positioned
 * Improved code structure and performance

#### 1.1.3

 * Support WordPress 6.8

#### 1.1.2

 * Bugfix regarding parallax background
 * Bugfix regarding text/overlay colors

#### 1.1.0

 * Initial Release 🙂

## 额外信息

 *  版本 **1.1.6**
 *  最后更新：**1 周前**
 *  活跃安装数量 **40+**
 *  WordPress 版本 ** 5.6 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  语言
 * [English (US)](https://wordpress.org/plugins/tzm-section-block/) 和 [German](https://de.wordpress.org/plugins/tzm-section-block/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/tzm-section-block)
 * 标签
 * [cover](https://cn.wordpress.org/plugins/tags/cover/)[divider](https://cn.wordpress.org/plugins/tags/divider/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[parallax](https://cn.wordpress.org/plugins/tags/parallax/)
   [Section](https://cn.wordpress.org/plugins/tags/section/)
 *  [高级视图](https://cn.wordpress.org/plugins/tzm-section-block/advanced/)

## 评级

尚未提交反馈。

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

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

## 贡献者

 *   [ Jakob Wiens ](https://profiles.wordpress.org/jakobwiens/)

## 支持

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

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