How to Use Elementor in WordPress

In this step-by-step WordPress tutorial, we show you how to use Elementor to create a beautiful website.
1. Install Elementor
In order to install Elementor, make sure you have your WordPress installation ready. In the WordPress dashboard, go to ‘Plugins’ > ‘Add new’, and enter ‘Elementor’ in the search bar. Then click the ‘Install’ button, and then the ‘activate’ button.
2. Edit a new page with Elementor
Go to ‘Pages’ > ‘Add new’. Then, click the ‘Edit with Elementor’ button.
3. Insert an Elementor Template
You should now be inside the Elementor editor. Click ‘Add template’ and choose from the wide array of free and paid templates. It is advised to start with a template to get to know how the different elements of the page are built.
4. Make the template full-width
You can make any page in Elementor full width by going to Section > Layout, and switchStretch Section to Yes
5. Understand the structure of Elementor
Each Elementor page is made up of sections, columns and widgets. Sections divide the page into horizontal rows. Columns divide each section into vertical columns, and widgets are dragged and dropped inside the column.
6. Add a widget
Let’s try adding a new widget into a page. Delete one of the widgets in the template you’ve inserted by clicking on widget and then clicking on the X icon. Then, in the left panel, search for the button widget and drag it into the empty area where you’ve just deleted the widget.
7. Change background image
Click on one of the sections. This will open the section settings on the left panel. Go to the middle ‘Style’ tab, and click on the background image. Now, choose another image, and press ‘insert Media.
8. Change fonts
Go to a heading widget on the page and click on it. It will open the heading settings on the left panel. Go to the middle ‘Style’ tab, and switch on ‘Typography’. Now, under ‘Family’, you can browse through the various fonts and choose a different font family.

Leave a Comment

Your email address will not be published. Required fields are marked *