Title: Section Separator Block – Modern Waves, Icons, Pills & Emoji Stacks
Author: bPlugins
Published: <strong>2022 年 2 月 2 日</strong>
Last modified: 2026 年 6 月 2 日

---

搜索插件

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

![](https://ps.w.org/section-separator/assets/icon-128x128.png?rev=2671357)

# Section Separator Block – Modern Waves, Icons, Pills & Emoji Stacks

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

[下载](https://downloads.wordpress.org/plugin/section-separator.2.0.4.zip)

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

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

## 描述

**Section Separator Block** is the ultimate design tool for WordPress users who 
want to break free from boring, flat layouts. This lightweight and high-performance
Gutenberg block allows you to add professional, eye-catching section dividers that
improve user engagement and site aesthetics in seconds.

Whether you’re building a landing page, a portfolio, or a high-converting marketing
site, our separators help you guide the visitor’s eye and create a premium feel 
without touching a single line of code.

### ✨ Why settle for standard dividers?

Traditional dividers are static and dull. Section Separator Block brings your site
to life with dynamic wave motion, scrolling marquee pills, and the unique Emoji 
Stack effect that makes your content pop.

**[See Live Demos](https://bblockswp.com/demo/section-separator-all/)**

### 🚀 Key Features

### 🌊 Multi-Layer Wave Separators

#### Create beautiful, fluid transitions between sections.

 * **Layered Waves:** Stack multiple wave layers with different colors and opacities.
 * **Custom Motion:** Control speed, amplitude (height), and shape.
 * **Advanced Directions:** Choose from Left-to-Right, Right-to-Left, Bounce, or
   Static.
 * **Vertical Flip:** Easily invert waves for top or bottom placement.

### 💊 Animated Pill Marquee (Pro)

#### Highlight your features or selling points with scrolling pill labels.

 * **Infinite Marquee:** Smooth, high-performance scrolling animation.
 * **Fully Customizable:** Edit text, colors, rotation, and shadows for every single
   pill.
 * **Global Styling:** Control track padding, background, and item spacing.

### 🌟 Playful Emoji Stacks

#### A unique way to separate sections using your favorite emojis.

 * **Custom Emoji Selection:** Use any emoji to create a patterned stack.
 * **Density & Randomness:** Control how tightly emojis are packed and how “scattered”
   they look.
 * **Hover Animations:** Make your emojis react when users move their mouse.
 * **Deterministic Layout:** Stays consistent across all page loads.

### 🎨 Bold Gradient & Patterns

#### Geometric designs for a modern, tech-forward look.

 * **Pattern Overlays:** Add stripes or organic shapes to your gradients.
 * **RichText Editing:** Edit item text directly inside the block editor.
 * **Dynamic Gradients:** Combine solid colors with stunning CSS gradients.

### 🛠️ Icon Separator

#### Classic dividers with a modern twist.

 * **SVG Support:** Choose from a library or use your own custom icons.
 * **Line Styles:** Solid, Dashed, or Dotted lines with adjustable thickness.
 * **Smart Alignment:** Perfect positioning for Left, Center, or Right layouts.

### ✅ Perfect For

 * **Landing Pages:** Create “sticky” designs that keep users scrolling.
 * **Portfolios:** Showcase your work with creative, modern separators.
 * **E-commerce:** Highlight trust badges or features using the Pill Marquee.
 * **Blogs:** Add a touch of personality to your long-form content.

### 💎 Free vs Pro

#### Free Version Includes:

 * Standard Wave Separator with core controls.
 * Fully featured Icon Separator (All options included!).
 * Basic Bold Gradient Separator.
 * Responsive controls for Desktop, Tablet, and Mobile.
 * Centralized management via the “Section Separator” post type.

#### Pro Version Unlocks:

 * **Premium Wave Presets:** Ocean, Neon Glow, Fire, and Sunset.
 * **Animated Pill Separator:** The infinite marquee effect for features.
 * **Advanced Wave Motion:** Bounce, Invert, and custom directions.
 * **Complex Patterns:** High-end geometric overlays for gradients.
 * **Priority Support:** Direct help from our expert developers.

### How to use

 1. Install and activate the Section Separator plugin.
 2. Open the Gutenberg editor.
 3. Add the Section Separator block from the Widgets category.
 4. Customize settings from the right-side block panel.
 5. Enjoy beautiful section dividers 🎉

**_For installation help click on Installation Tab_**

### Feedback

Did you find a bug or have a feature request? [Please share your feedback with us](https://cn.wordpress.org/plugins/section-separator/support@bplugins.com?output_format=md)

### Check out the Parent Plugin of this plugin-

[**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool
for Gutenberg.

### Check out our other WordPress Plugins-

[**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display
videos as single and playlist in multiple skins.

[**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF 
files with different styles.

[**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen
audios with awesome visuals.

[**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable
radio player with different skins.

[**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 
3D products with interaction.

[**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – 
Show posts and custom posts in different layouts.

## 屏幕截图

 * [[
 * Wave Settings
 * [[
 * Wave Separator (Default)
 * [[
 * Icon Separator
 * [[
 * Bold Gradient Separator
 * [[
 * Pill Separator with marquee animation

## 区块

该插件提供了 1 个区块.

 *   Section Separator Separate the section in beautiful way.

## 安装

#### From Gutenberg Editor:

 1. Go to the WordPress Block/Gutenberg Editor
 2. Search For **Section Separator**
 3. Click on the **Section Separator** to add the block

#### Download & Upload:

 1. Download the **Section Separator** plugin (_.zip file_)
 2. In your admin area, go to the Plugins menu and click on **Add New**
 3. Click on **Upload Plugin** and choose the **`separator.zip`** file and click on**
    Install Now**
 4. Activate the plugin and Enjoy!

#### Manually Installation:

 1. Download and upload the **Section Separator** plugin to the **`/wp-content/plugins/`**
    directory
 2. Activate the plugin through the Plugins menu in WordPress

## 常见问题

### Is it fast?

Yes! We use optimized SVG rendering and CSS-driven animations to ensure zero impact
on your site’s PageSpeed scores.

### Does it work with Elementor or Divi?

This is a native Gutenberg block. However, you can create your separator as a “Shortcode”
in our plugin dashboard and then paste that shortcode into ANY page builder (Elementor,
Divi, Beaver Builder, etc.).

### Can I use my own icons?

Absolutely! The Icon Separator supports custom SVG code, giving you unlimited design
freedom.

### Is it responsive?

Every single separator type has built-in controls for Desktop, Tablet, and Mobile
to ensure your site looks perfect on every screen.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Section Separator Block – Modern Waves, Icons, Pills & Emoji Stacks」是开源软件。
以下人员对此插件做出了贡献。

贡献者

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

[帮助将「Section Separator Block – Modern Waves, Icons, Pills & Emoji Stacks」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/section-separator)

### 对开发感兴趣吗?

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

## 更新日志

#### 2.0.4 – 02 June 2026

 * Fix: Fixes emoji settings UI spacing
 * Improvement: Load pill typography styles and Google Font links only when separator
   is `pill`

#### 2.0.3 – 11 May 2026

 * New: Introduced the **Emoji Stack** separator – fully free and customizable!
 * Improvement: Refined block metadata and improved performance.

#### 2.0.2 – 23 Feb 2026

 * Update: Redesigned and modernized admin dashboard interface.

#### 2.0.0 – 23 Dec 2025

 * Added four new aesthetic wave presets: Ocean, NeonGlow, Fire, and Sunset.
 * Added support for controlling wave amplitude (height/intensity).
 * Added Wave Direction options: Left-to-Right (ltr), Right-to-Left (rtl), Invert,
   Static, Bounce.
 * Added vertical flip option to invert wave direction vertically.
 * Added a brand-new Separator Type: Pill, featuring colorful floating pill labels.
 * Pill separator includes smooth infinite marquee animation with customizable duration/
   speed.
 * Each pill supports individual customization: Background color, Text color, Label
   text, Rotation angle.
 * Global style controls for the pill track: Padding, Margin, Background, spacing/
   gap.
 * Individual pill item styling controls: Padding, Shadow, Typography, Border, Border
   Radius.
 * Added a brand-new BoldGradient Separator combining editable pill-style items 
   with pattern and wave overlays.
 * Background Type control: Both, Pattern, Organic, or None.
 * Organic Waves Controls: Enable/disable, Top & Bottom Opacity, Wave Height, Color
   Mode (Solid/Gradient), Gradient Options (Start Color, End Color, Direction: Horizontal,
   Vertical, Diagonal).
 * Pattern Controls: Toggle visibility, Opacity, Configure Angle, Transparent Gap,
   Stripe Colors, and Distances.
 * Dynamic Gradient Items: Inline RichText editing, Add/Duplicate/Remove items, 
   Per-item color control.
 * Gradient Item Styling Controls: Padding, Border, Border Radius, Shadow.

#### 1.0.5 – 27 Nov 2025

 * Improve Optimization.

#### 1.0.4

 * Add translate feature

#### 1.0.3

 * Fix Render Issue

#### 1.0.2

 * Reduce PHP Code
 * Performance Improvements

#### 1.0.1

 * Reduce PHP Code

#### 1.0.0

 * Initial Release.

## 额外信息

 *  版本 **2.0.4**
 *  最后更新：**4 天前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 6.5 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.1 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/section-separator/)
 * 标签
 * [block](https://cn.wordpress.org/plugins/tags/block/)[divider](https://cn.wordpress.org/plugins/tags/divider/)
   [layout](https://cn.wordpress.org/plugins/tags/layout/)[shape divider](https://cn.wordpress.org/plugins/tags/shape-divider/)
 *  [高级视图](https://cn.wordpress.org/plugins/section-separator/advanced/)

## 评级

尚未提交反馈。

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

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

## 贡献者

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

## 支持

最近两个月解决的问题：

     总计 1，已解决 1

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

## 捐助

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

 [ 捐助此插件 ](https://www.buymeacoffee.com/abuhayat)