Title: Wavy Divider
Author: Kevin Batdorf
Published: <strong>2 ກຸມພາ 2022</strong>
Last modified: 15 ສິງຫາ 2026

---

ຄົ້ນຫາປລັກອິນ

![](https://ps.w.org/wavy-divider/assets/banner-772x250.png?rev=2670972)

![](https://ps.w.org/wavy-divider/assets/icon-128x128.png?rev=2670972)

# Wavy Divider

 ໂດຍ [Kevin Batdorf](https://profiles.wordpress.org/kbat82/)

[ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/wavy-divider.1.7.0.zip)

 * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/wavy-divider/#description)
 * [ການຣີວິວ](https://lo.wordpress.org/plugins/wavy-divider/#reviews)
 *  [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/wavy-divider/#installation)
 * [ການພັດທະນາ](https://lo.wordpress.org/plugins/wavy-divider/#developers)

 [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/wavy-divider/)

## ຄຳອະທິບາຍ

Generate and add a simple wavy divider to anywhere on your page, giving you the 
ability to separate blocks of content with an impressive, professional-looking design
element.

 * Follow [@kevinbatdorf](https://twitter.com/kevinbatdorf) on Twitter
 * View on [GitHub](https://github.com/KevinBatdorf/wavy-divider)

#### Features

 * Color settings, including opacity.
 * Choose between wide, normal, and full width
 * Choose between rounded edges and stright lines
 * Fine tune curves and lines with built-in controls
 * Supports top or bottom shapes
 * Stack multiple dividers with group block (see below)
 * Gradients – easy to use (see below)
 * Control height, number of points, and direction
 * Use a single, smooth point to give you a curved divider

#### Gradients

To use a gradient, you need to wrap the wavy divider in a group block and apply 
the gradient to the group block. After that, create a wavy shape and apply a color
that matches your content background (e.g. white). You can then switch the direction
of the divider (under settings) to give a mirrored effect. This way the gradient
is applied to the group block and the wavy divider acts as a mask.

#### Group Block

If nesting the wavy divider in a group block, you may want to remove the padding
and margins so that the wavy divider will not have spacing around it. To handle 
this, select the group block, and under “Advanced” (at the bottom of the settings
area) add these two classes:

 * `wavy-divider-remove-margin`
 * `wavy-divider-remove-padding`

#### Patterns

Within the block inserter, under the Patterns tab, select ‘Wavy Divider’ from the
dropdown menu to view some example patterns.

## ພາບໜ້າຈໍ

[⌊Separate content with wavy dividers⌉⌊Separate content with wavy dividers⌉[

Separate content with wavy dividers

[⌊Add gradients in combination with group blocks⌉⌊Add gradients in combination with
group blocks⌉[

Add gradients in combination with group blocks

[[

## ບລັອກ

ປລັກອິນນີ້ມີ 1 ບລັອກ.

 *   Wavy Divider A colorful, fun, lightweight divider block to energize your website
   with character and pizazz

## ການຕິດຕັ້ງ

 1. Install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## ການຣີວິວ

![](https://secure.gravatar.com/avatar/a2f883fce9d6802c92b0f2aa9c5cfab27052037b04b15132b71847823cb1030c?
s=60&d=retro&r=g)

### 󠀁[Great contribution](https://wordpress.org/support/topic/great-contribution-3/)󠁿

 [Clark Simon](https://profiles.wordpress.org/clarksimon/) 5 ກຸມພາ 2022 1 ການຕອບ
ກັບ

Wavy Divider is really great contribution and ultimate useful plugin. I am facing
a problem when adding wavy in a group and try to color wave, a line of group color
under wavy block appears, how can I fix this as I a new in WordPress hand same. 
also how to add text/ heading/ image over wavy block? Please…

 [ ອ່ານການຣີວິວທັງໝົດ 1 ລາຍການ ](https://wordpress.org/support/plugin/wavy-divider/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ

“Wavy Divider” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມໃນການ
ພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

 *   [ Kevin Batdorf ](https://profiles.wordpress.org/kbat82/)

[ແປ “Wavy Divider” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/wavy-divider)

### ສົນໃຈຮ່ວມພັດທະນາບໍ່?

[ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/wavy-divider/), ກວດເບິ່ງ
[ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/wavy-divider/), ຫຼື ຕິດຕາມ [ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/wavy-divider/)
ຜ່ານ [RSS](https://plugins.trac.wordpress.org/log/wavy-divider/?limit=100&mode=stop_on_copy&format=rss).

## ບັນທຶກການປ່ຽນແປງ

#### 1.7.0

 * Tweak: Move the block to apiVersion 3 so it renders in the iframed editor
 * Tweak: Tested up to WordPress 7.1

#### 1.6.0

 * Feature: Add viewBox fine tuning to fix instances where a tiny pixel gap my appear

#### 1.5.0

 * Feature: Center wave when only 1 point is selected and is smooth

#### 1.4.0

 * Update: Updated the patterns to work with 6.2
 * Tweak: Load patterns in init and check for function_exists
 * Tweak: Prevent attempting to load patterns if function doesn’t exist
 * Removed seasonal patterns
 * Added one new pattern

#### 1.3.4

 * Chore: Update npm packages + test for WP 6.2

#### 1.3.3

 * Fix: Remove lock file to save space

#### 1.3.2

 * Fix: Update spacer block in example to be compatible when Gutenberg plugin is
   disabled

#### 1.3.0

 * Feature: Add controls to fine tuning
 * Feature: Add better line control
 * Feature: Allow single peak curves
 * Tweak: Adjust height, points, etc without changing peaks

#### 1.2.0

 * Fix: Add pattern examples, including Valentine’s Day themed

#### 1.1.4

 * Fix: Swap fill-opacity attribute with opacity styling.
 * Tweak: Clamp default state to integers

#### 1.1.3

 * Fix: Move default attributes to index.js file – block.json isn’t currently being
   loaded when imported from block library interface.

#### 1.1.2

 * Fix: Fix missing build files

#### 1.1.1

 * Fix: Disable examples until feature is more stable

#### 1.1.0

 * Feature: Add two examples tot he pattern library
 * Enhancement: Add wp_set_script_translations
 * Tweak: Change shuffle button to secondary button styling
 * Fix: Add title prop to `registerBlockType`

#### 1.0.0

 * Initial release

## ຂໍ້ມູນກຳກັບ (Meta)

 *  ເວີຊັນ **1.7.0**
 *  ອັບເດດຫຼ້າສຸດເມື່ອ **1 ອາທິດ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ
 *  ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **700+**
 *  ເວີຊັນ WordPress ** 5.8 ຫຼື ສູງກວ່າ **
 *  ທົດສອບເຖິງເວີຊັນ **7.1**
 *  ເວີຊັນ PHP ** 7.0 ຫຼື ສູງກວ່າ **
 *  ພາສາ
 * [English (US)](https://wordpress.org/plugins/wavy-divider/)
 * ແທັກ
 * [block](https://lo.wordpress.org/plugins/tags/block/)[divider](https://lo.wordpress.org/plugins/tags/divider/)
   [HR](https://lo.wordpress.org/plugins/tags/hr/)[waves](https://lo.wordpress.org/plugins/tags/waves/)
 *  [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/wavy-divider/advanced/)

## ການໃຫ້ຄະແນນ

 5 ຈາກທັງໝົດ 5 ດາວ.

 *  [  ການວິຈານ 5 ດາວ ຈຳນວນ 1 ລາຍການ     ](https://wordpress.org/support/plugin/wavy-divider/reviews/?filter=5)
 *  [  ການວິຈານ 4 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/wavy-divider/reviews/?filter=4)
 *  [  ການວິຈານ 3 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/wavy-divider/reviews/?filter=3)
 *  [  ການວິຈານ 2 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/wavy-divider/reviews/?filter=2)
 *  [  ການວິຈານ 1 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/wavy-divider/reviews/?filter=1)

[ການທົບທວນຂອງທ່ານ](https://wordpress.org/support/plugin/wavy-divider/reviews/#new-post)

[ເບິ່ງທັງໝົດ ການຣີວິວ](https://wordpress.org/support/plugin/wavy-divider/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ

 *   [ Kevin Batdorf ](https://profiles.wordpress.org/kbat82/)

## ການຊ່ວຍເຫຼືອ

ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່?

 [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/wavy-divider/)