The Elementor Pro 3.0 Beta comes with the new and improved theme builder. In this article, we're going to take a look at what it is, how it works and why it's a welcome addition.
On August 6 2020, Elementor released the new theme builder that will be shipping with the Elementor Pro version 3.0. This was released both on the GitHub repository as well as the official YouTube channel, so we decided to take a look at the back end and see how this will be practically implemented into a designer's workflow once this version Is released to the public.
You may be thinking, doesn't the Elementor theme builder already exists? The answer is yes, it does, but this is a complete redesign of how this system will work within Elementor. The new Elementor theme builder that comes with version 3.0 is created specifically to offer a central location to manage every custom aspect of a WordPress website. This transitions the pro plugin from a page builder to a “site/theme builder”.
The new Elementor Pro theme builder is a react based application that allows you to manage all aspects of the site like headers, footers, global sections, templates, and more. Basically, it is taking pre existing features that Elementor Pro already has, and providing designers with a dashboard that makes it easier to manage, and improves their workflow efficiency.
It's in very early beta phase, so let's take a look at some screenshots of the Elementor Pro Theme builder, grabbed from their YouTube unveil.
As you can see, it's a simple dashboard that allows you to access all aspects of a website. These are categorized into headers, footers, page templates, and more, with each element of a website being called a global part.
Global parts can be shared across multiple Elementor websites, which will drastically increase your workflow period of course, this feature already existed, but now it's being pushed to the forefront of the pro version of Elementor because it's a something that will definitely impact designers workflows in a positive way.
As you can see in this image, the global parts can be sorted based on where they are displayed in the website. Here, we are looking at the collection of footers that can be used in the respective Elementor website. Display conditions are now called instances. The first footer in this section of the theme builder is displaying on the home page.
The Elementor Pro 3.0 theme builder is a new way to access pre existing features that ship with the professional version of the Elementor page builder. In this section, you can access global sections that apply to various aspects of a website, like headers, single post templates, and more. You can easily apply conditional visibility from this screen (for example, swapping out a post type design with a new one).
This is made to be the hub for a professional Elementor designer as they can easily access all of their parts in one place. It even has a keyboard command: “CMD+SHIFT+E”.
The Elementor Pro theme builder also intersects with the new global styles which can be found in the previous beta versions of Elementor 3.0. With these additions, a designers workflow can be made much more efficient, allowing you to deliver sites quicker with less effort.
More reading: https://github.com/elementor/elementor/issues/12054