Figarts is now Pluginette. Enjoy fast support and high quality products.

June 21, 2017

Create custom elements for Tailor Page Builder

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.0.47″][et_pb_row admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”3_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.51″ text_font=”Open Sans||||” text_font_size=”20px” text_line_height=”1.6em”]

Tailor Page builder is one of the best and leanest page builders out there. What makes it cool is it’s simplicity and how naturally it blends with WordPress. Even the plugin king, Pippin Williamson showered praises on Andrew’s plugin.

As a developer, I always look out for plugins that are easy to extend. That’s why I love Paid Memberships Pro and Easy Digital Downlads. In fact, a plugin without plenty hooks and filters is a child’s play. Tailor Page builder provides an easy way to extend the page builder to add custom elements to the builder.

What You Should Know

Nobody likes to learn the hard way. That’s why you should get these before we proceed:

  1. Check if the element you want to create already exists. See Tailor Advanced Features
  2. Make sure you have Tailor Page Builder installed and activated.

Creating our Plugin

If the word plugin got you scared, you’re not alone. I am equally wondering whether I should create a plugin or just dump the code in theme’s functions.php. It’s not difficult to create a small plugin. Just follow through and you will enjoy it.

So, let’s create a plugin that adds 

[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_sidebar area=”sidebar-1″ admin_label=”Sidebar” _builder_version=”3.0.51″][/et_pb_sidebar][/et_pb_column][/et_pb_row][/et_pb_section]