Elementor Wordpress Tutorial: Quickly build a Website on Wordpress | Extreme Subject
Select Page
Elementor WordPress Tutorial: Quickly build a Website on WordPress
By Aakash
September 15, 2020
BigCartel vs Wix

In this article, we will be talking about how you can create a complete WordPress website using the Elementor WordPress Tutorial.

How to use Elementor?

Install ElementorThe foremost thing that should be certain is your WordPress installation is ready with the installation of the Elementor page builder. Then go to ‘Plugins’ in the WordPress dashboard ‘Add new’ and enter ‘Elementor’ in the search bar. Click the ‘Install’ button followed by the ‘Activate’ button.

Using Elementor Edit a new Page

Go to ‘Pages’, ‘Add new’ and click the ‘Edit with Elementor’ button.

Add an Elementor Template

You will now be inside the Elementor editor. Click ‘Add Template’ and select from a wide range of free and paid templates available. It is always best, to begin with, a template that will help you to understand how the varied elements of the page are built. There is also a short video available about the Elementor structure. It is recommended to watch that.

Create the Template Full-Width

Any template on the Elementor can be made full width by going to Section-Layout, and then switch Stretch Section to ‘Yes’.

Elementor Structure

You will see that every Elementor page is created with sections, columns, and widgets. The page is divided into horizontal rows with sections. Furthermore, each section is divided into vertical columns with Columns and you will see widgets dragged and dropped inside the column.

Add a Widget

Now try adding a new widget into a page. By clicking on the widget and X icon, delete one of the widgets in the template that you have inserted. The search for the button widget in the left panel, pull it into the blank area from where you have just deleted the widget.

Change the Background Image

By clicking on one of the sections, you will see section settings on the left panel. On that go to the middle ‘Style’ tab and click on the background image. After that select another image and press ‘Insert Media’. This will change the background image.

Change Fonts

On the page go to a heading widget and click on it. Heading settings will be opened on the left panel. From there go to the middle ‘Style’ tab and click on ‘Typography’. After that, you can browse through the variety of fonts under ‘Family’ and select a different font family.

Inside Hello Theme

Other than the speed and no fluff, of course, six useful built-in templates make Hello Theme just great for page builders.

The six built-in templates are –

  • Default Template – This basic template that is designed with the sidebar on the right
  • Full-Width Page – If you don’t want the sidebar to appear, use this template and choose the content to span to 100% of the width.
  • Left Sidebar Page – This template is appropriate when you want to switch the position of the sidebar.
  • Page Builder Blank – This template is appropriate for landing pages. It displays a blank canvas, no header, and no footer. With the page builder, design the entire page.
  • Page Builder Boxed – A very handy template, removes the title of the page including the related unneeded spaces.
  • Page Builder Full Width – This template is alike to the Page Builder Boxed theme. The only difference is that the content spans to the full width of the screen.

Page Builder for Hello Theme

The free Elementor page builder is one of the perfect additions to Hello Theme. This adds a wide list of design capabilities, doing wonders for the web designer’s workflow. With this, you can design a website much faster than ever before.

The features include –

  • Visually design 100% mobile responsive page through Mobile Editing
  • Creating a beautiful page design within just a click through Pre-designed templates
  • Box Shadows and animations make the pages more engaging
  • Saving your designed pages for reuse and export through Template Library
  • A variety of useful widgets like Testimonials and Counter
  • Controlling the layout page on the frontend through Live frontend layout

Elementor WordPress Tutorial: Package Rating

Our Rating

  • User-Friendly [4/5]
  • Customized Design [4.5/5]
  • Website Tools [3.5/5]
  • Sales Features [3.5/5]
  • Customer Service [3.5/5]
  • Value For Money [4/5]

Average Rating

With a 4/5 rating, we recommend you to build your first website with Elementor for free from the WordPress plugins library.

Wrapping Up

WordPress users have seen great potential in using a free starter theme like Hello Theme and a free page builder like Elementor. This helps you in designing a website quickly and easily without even investing much time in coding. This theme and plugin combo in the spirit of Open Source managed to make WordPress the number 1 CMS in the world. This combination is extremely useful while creating your site. Download the Elementor and Hello Theme for free and experiment while building your beautiful website. We hope that the Elementor WordPress tutorial helps you create a website incredibly fast, try now.

Related Posts

Found our Elementor WordPress tutorial helpful?

Did this tutorial help you quickly build a website on WordPress using Elementor? If so (else not!), leave a comment below.

Do you know anyone who can take advantage of this review? To send them this page, click the share buttons on the side bar.

You will benefit them by spreading the word about our website and helping us out!

We take great care to ensure the quality and accuracy of the information we post. Nevertheless, Extreme Subject does not take any responsibility for any inaccuracies in the information provided by study participants or other experts.

Please note that the insight in this article is for general information purposes only. We are happy to answer any questions you may have about this article and its work that supports it. Contact us directly here for more information.


Submit a Comment

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