This tutorial provides the steps to add SVG shape dividers from Elementor in any child theme based on the Genesis Framework.
Tested on Genesis Sample 2.6.0+
The tutorial uses a simple shortcode function to output svg shape dividers in the front page widget section.
Preview:
Prerequisite:
1. Create a widgetized front page. Follow Advanced Full width Widgetized Home page in Genesis Sample.
STEP 1
The first Step is to create the required file.
a) Create a folder named "shortcodes" under /lib/ folder of your child theme.
b) Create a file named "shape-dividers.php" under /shortcodes/ folder.
c) Call this file using this in functions.php
// Adds Shape dividers shortcodes. require_once get_stylesheet_directory() . '/lib/shortcodes/shape-dividers.php';
Remember the file path here.
STEP 2
Now, we are going to create some shortcodes for a different type of shape dividers.
Open shape-dividers.php file present under /lib/shortcodes/ folder and add the following: