Do you wish to create your personal customized web page layouts in WordPress?
Elementor is a drag-and-drop WordPress web page builder that means that you can simply design customized WordPress layouts with out having any coding data.
On this article, we are going to present you the way to simply create customized WordPress layouts with Elementor with only a few clicks.
Why and When Do You Want Customized WordPress Layouts?
Many free and premium WordPress themes include a number of format selections for various sorts of pages. Nonetheless, typically, none of those layouts will meet your necessities.
If you know the way to code in PHP, HTML, and CSS, then you may create your personal web page templates and even construct a toddler theme to your website. Nonetheless, nearly all of WordPress customers should not builders, so this feature doesn’t work for them.
Wouldn’t or not it’s nice if you happen to might simply design web page layouts utilizing a drag-and-drop interface?
That is precisely what Elementor does. It’s a drag-and-drop WordPress web page builder plugin that means that you can simply create your personal customized WordPress layouts with none coding abilities.
It has an intuitive consumer interface that allows you to construct customized layouts with a dwell preview. It comes with many ready-to-use modules for all types of internet design parts.
Elementor has a number of professionally designed templates that you could immediately load and use as a place to begin. It really works with all standard-compliant WordPress themes and is suitable with all widespread WordPress plugins.
Having stated that, let’s check out the way to create customized WordPress layouts with Elementor.
Getting Began With Elementor
First, you’ll need to buy the Elementor Professional plugin. It’s the paid model of the free Elementor plugin and offers you entry to further options and 1 yr of help.
Subsequent, you’ll need to put in and activate the Elementor plugin. For extra particulars, see our step-by-step information on the way to set up a WordPress plugin.
Upon activation, you have to go to the Elementor » Settings web page to configure the plugin settings.
Right here, you may allow Elementor for various publish sorts. By default, it’s enabled to your WordPress posts and pages. When you have customized publish sorts in your website, then these may also seem right here, and you’ll allow them as properly.
You may exclude or embrace consumer roles that may use Elementor when writing posts or pages. By default, the web page builder is enabled just for directors.
Then, don’t overlook to click on on the ‘Save modifications’ button to retailer your settings.
Creating Customized WordPress Layouts With Elementor
First, you have to create a brand new web page or publish in your WordPress website. On the publish modifying display screen, you’ll discover the brand new ‘Edit with Elementor’ button.
Clicking on it should launch the Elementor consumer interface, the place you may edit your web page utilizing Elementor’s drag-and-drop web page builder.
You may add sections and construct your web page from scratch, or you may decide a template.
Templates provide you with a fast and straightforward method to get began. Elementor comes with a number of professionally designed templates that you could customise as a lot as you need.
Let’s begin with a template by clicking on the ‘Add Template’ button.
This can deliver up a popup the place it is possible for you to to see the totally different templates which might be out there. It is best to search for a template that’s much like what you need to your web page format.
In our instance, we’re 404 web page templates.
Now, you have to click on to pick out the template you want after which click on on the ‘Insert’ button so as to add it to your web page.
Elementor will now load the template for you.
Now you can begin modifying the template to match your wants. Merely level and click on on any ingredient to pick out it, and Elementor will present you its settings within the left column.
How Elementor Layouts Work
Now, let’s discuss how Elementor layouts work.
Elementor layouts are constructed utilizing sections, columns, and widgets. Sections are like rows or blocks that you simply place in your web page.
Every part can have a number of columns, and every part and column can have its personal types, colours, content material, and so forth.
You may add something in your columns and sections utilizing Elementor widgets. These widgets are totally different sorts of content material blocks that you could place in your Elementor sections.
Merely choose a widget and drop it into your part or column. There may be an intensive set of widgets out there that cowl all the favored internet design parts that you can imagine.
You may add photographs, textual content, headings, picture galleries, movies, maps, icons, testimonials, sliders, carousels, and a lot extra.
You may as well add default WordPress widgets and even the widgets created by different WordPress plugins in your website. For instance, if you’re utilizing WPForms to create totally different kinds to your website, then you need to use its widget in Elementor.
As soon as you’re finished modifying, you may click on on the arrow subsequent to the ‘Publish’ button to view totally different save choices.
Word: Saving a web page format is not going to publish the web page in your WordPress website, however it should reserve it.
Now you can preview your web page or go to the WordPress dashboard.
This can deliver you again to the WordPress publish editor. Now you can save your WordPress web page or publish it in your web site.
Creating Your Personal Templates in Elementor
Elementor means that you can save your personal customized layouts as templates. This manner, you may reuse your personal templates to create new pages even quicker sooner or later.
Merely edit the web page you want to save as a template with Elementor.
Within the Elementor builder interface, click on on the arrow subsequent to the ‘Publish’ button. You’ll now see extra choices to avoid wasting your publish. Merely click on the ‘Save as Template’ possibility.
This can deliver up a popup the place you have to present a reputation to your template.
After getting into the title, click on the ‘Save’ button.
Subsequent time you’re making a customized web page format, it is possible for you to to pick out it from the ‘My Templates’ tab.
All you need to do is click on the ‘Insert’ button to your customized web page format.
You may as well export this template and apply it to different WordPress websites utilizing Elementor.
Merely click on the three dots icon after which click on the ‘Export’ possibility.
From right here, you may obtain the template onto your pc.
Elementor Alternate options for Creating Customized Layouts
Apart from Elementor, there are different touchdown web page and web site builders that allow you to create customized layouts to your website.
Listed here are among the greatest Elementor alternate options you need to use:
SeedProd is the perfect drag-and-drop WordPress web site builder that allows you to create customized layouts to your touchdown pages. There are 300+ theme or touchdown web page templates to select from. SeedProd additionally presents tons of customization choices and blocks to create gorgeous pages. For extra particulars, you may see our full SeedProd evaluation.
Divi is a visible theme and web page builder. It’s been within the trade for over 14 years and presents totally different options for creating WordPress layouts, together with a format library. There are many customization choices within the visible builder, and also you don’t should edit any code.
Thrive Architect is a strong and beginner-friendly web page builder that you need to use to create stunning layouts. It comes with 352+ templates and plenty of customization choices. You need to use its front-end visible builder to edit any ingredient on the web page. For extra particulars, see our Thrive Architect evaluation.
Beaver Builder is one other widespread drag-and-drop web page builder for WordPress. It’s straightforward to make use of, and you’ll simply arrange layouts for pages and posts utilizing Beaver Builder. It additionally presents pre-built templates for touchdown pages, however there should not as many as with SeedProd or Divi.
We hope this text helped you learn to create customized WordPress layouts with Elementor. You may additionally wish to see our professional comparability of Elementor vs. Divi vs. SeedProd and our picks for the perfect internet design software program.
For those who preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may as well discover us on Twitter and Fb.
