Would you like to add dividers with custom shapes to your WordPress website?
Your content can be organised using shape dividers in an interesting and appealing way. Additionally, they can draw attention to the key information on your website so that customers and visitors don’t miss it.
We’ll demonstrate how to make a unique shape divider in WordPress in this article.
Why Create a Custom Shape Divider in WordPress?
You can add a particular kind of section divider between blocks of content called a shape divider.
These separators can be straightforward, like a horizontal line made with WordPress’s built-in blocks.
These straightforward dividers can be used to separate and organise content, which is especially helpful on pages that cover a wide range of subjects.
Using page builder plugins and other web design software, you can also make more complex shape dividers. These make the most crucial content on your website stand out for visitors and customers.
A professional-looking shape divider can also add interest and engagement to a page.
They can be used, for instance, to make a special background for your email newsletter signup form.
After that, let’s look at how to make a custom shape divider in WordPress. To get to the technique you want to use right away, just click one of the quick links below.
.
- Method 1. Create a Simple Shape Divider (No Plugin Required)
- Method 2. Create a Custom Shape Divider in WordPress Using a Page Builder (Recommended)
Method 1. Create a Simple Shape Divider (No Plugin Required)
The built-in Separator block is the simplest way to add a unique shape divider to WordPress.
Using this technique, you can insert a horizontal line between any WordPress blocks and alter the colour and style of the line.
This method has few customization options and does not allow you to add various shapes to WordPress. This is the simplest method to add a straightforward shape divider to your website because you won’t need to install an additional WordPress plugin.
Simply open the post or page in the content editor where you want to add a horizontal divider to get started. Then, click the “+” button to add a divider where you want it.
Enter “Separator” in the popup box.
Click to add the appropriate block to the page or post when it appears.
Give the default Separator block a click, then use the settings in the right-hand menu to customise it.
Using the buttons in the “Styles” section, you can choose between the default, wide line, and dots.
Additionally, you can alter the line’s colour to make it blend in with the rest of your branding or theme.
Click on “Background” and select a colour from the popup that appears to accomplish this.
To make the shape divider live, click the “Publish” or “Update” button once you are satisfied with how it looks.
Method 2. Create a Custom Shape Divider in WordPress Using a Page Builder (Recommended)
We advise using the SeedProd plugin if you want to use different shapes and customise every aspect of your dividers.
With the best WordPress page builder plugin currently available, SeedProd, you can use a straightforward drag-and-drop editor to add a custom shape divider to any section, row, or column.
You can use the more than 90 blocks and over 180 expertly designed templates to build stunning custom home pages, landing pages, and other web pages.
Note: Although WordPress.org offers a free version of SeedProd, we’ll be using the Pro version because it has a large selection of shape dividers.
See our detailed tutorial on how to install a WordPress plugin for more information on the first step, which is to install and activate the SeedProd plugin.
You have to enter your licence key after activation.
On the SeedProd website, this information is accessible under your account. Click on “Verify Key” after entering the licence key.
When you’re finished, go to SeedProd » Pages and select ‘Add New Landing Page’.
The next step is to select a page design template. You can customise many of SeedProd’s expertly created templates to perfectly fit your WordPress website.
Simply hover your mouse over a template to select it, and then click the “Checkmark” icon.
Next, enter a name for the page in the text box. The title of the page will be used by SeedProd to automatically generate a URL, but you can change it to anything you like.
As an illustration, you might want to include some pertinent keywords, which will aid search engines in comprehending the content of the page and possibly enhance your WordPress SEO.
Click “Save and Start Editing the Page” when you are satisfied with the data you have entered.
