WordPress Elementor

 in WordPress  tagged wordpress / Elementor / Elementor by
This entry is part 1 of 4 in the series Elementor

Elementor

Elementor is a drag and drop WordPress page builder plugin? It allows you to easily build and customize a WordPress site. WordPress page builders allow you to create, edit, and customize your website layout without writing any code (HTML, CSS or JavaScript). How do we make WordPress drag and drop? Users can drag graphical things from a list of “tools” or “elements” from a toolbox on to their page and simply use their mouse to arrange them. You could change the “properties” to customize these items. These properties include things like color, font, size, background, margin, padding, and so on.

Elementor is a website builder plugin. Elementor removed the free version from their website. You can still get it free in the backend of WordPress. So go to Appearance – Plugins – Find Popular ( or type Elementor) and download elementor for free.

Learn by Watching Videos

For me, when I’m learning something new, I like to watch instructional introductory videos. After watching some or all of the video, I Google it and read articles online, and perhaps later on I will start reading books. Here is the video you can watch on YouTube when you provide your email address and install Elementor into your website. The video is called Getting Started with Elementor. It’s the first video in a series of videos.

There is a good YouTube video called How To Make A WordPress Website For FREE 2020 Elementor Tutorial 1,800 FREE TEMPLATES. Below is the list of timestamps posted under the video at YouTube.

  • Get Hosting 2:40
  • Install WordPress 5:30
  • Download Elementor 11:10
  • Install theme 14:20
  • Creating A Homepage 15:30
  • Image Websites: 18:20
  • Importing Templates 22:17
  • Using Blocks 32:50
  • Creating About Us Page 35:40
  • Creating Contact Us 37:00
  • Creating A Contact Form 38:15
  • Editing Contact Form 39:16
  • Theme Customizer Settings 44:20
  • Get A Logo 45:48
  • Editing Footer 48:40
  • Advanced Features 59:50
  • Blend Modes 1:02:12
  • Mobile Optimization 1:04:01
  • Put The SSL On Website 1:09:02
  • Future tutorials 1:12:10

Here is another popular video at YouTube called How to Make a WordPress Website with Elementor | (Best Elementor Tutorial). He shows you how to get signed up with HostGator. He uses the OceanWP theme.

  • TIMESTAMPS:
  • What website are we making? 0:37
  • Step #1: Secure Your Domain Name and Hosting 5:34
  • https://createaprowebsite.com/hosting
  • Step #2: Install WordPress 11:35
  • Step #3: Activate a New Theme 15:35
  • Step #4: Activate the Elementor Plugin 17:12
  • Step #5: Customize Your Website 18:59
  • Step #6: Add Your Contact Form 1:12:49
  • Step #7: Create a Header Menu 1:22:02
  • Step #8: Publish Your Website 1:35:01

From the video there are many things to learn, however, here are just a few of them. Ctrl+Z will undo. When building your website, remember Sections (in blue) Columns (in grey) and Widgets (drag those in).

WordPress Themes

Many premium and free WordPress themes are made specifically to work well with the Elementor. There are also several templates that you can use with your existing WordPress theme. wpbeginner has an article that goes into themes and templates that are compatible with Elementor. The article is called 23 Best Elementor Themes and Templates (2020).

Series NavigationGetting Started with Elementor >>