Create a Custom Website with the Elementor Page Builder

Download the free Elementor PDF Guide:

In this comprehensive tutorial, you’ll learn how to use the free Generate Press theme and the free Elementor Page Builder. Elementor allows you to customize 100% of the content between your website’s header and footer. This means you’ll be able to create world-class, custom web designs with no coding or coding knowledge necessary.

The demo site that I show you how to create step-by-step is: tutorial.quickwebsitecreation.com

This tutorial is definitely more thorough and more sophisticated that most of my previous tutorials because there is just so much you can do with the Elementor Page Builder. With that said, the video is designed so that absolute beginners can follow along and recreate the exact website that I demonstrate (although most people will need to watch certain sections more than once to fully grasp the process).

I also encourage you to download my free PDF guide that includes and Elementor introduction as well as all of the Demo text and links to all the images and video I use. This way, you can easily follow along and imitate the examples on your own site, using the demo content. I strongly believe that the best way to learn anything is by doing so the PDF guide is there for you to make it a little easier for you to go through the examples on your own WordPress site.

Some of the things covered in this tutorial are:

  • Setting up a domain name and hosting account
  • Installing WordPress
  • Coming up with a custom color scheme
  • Creating a Logo
  • Installing the Generate Press theme
  • Installing the Elementor Page Builder
  • Creating virtually unlimited custom layouts
  • Adding background colors, images and videos to any section on your site
  • Controlling all of your website fonts with over 600 Google fonts
  • Using some of the 400 icons included with Elementor
  • Much more…

 

Take Your Website to the Next Level With the Divi Theme

The Divi theme is simply phenomenal.

If you’ve been thinking about upgrading your WordPress website and you really want to have things like more control, more customization options, better design features, more functionality, and fewer restrictions the Divi theme may be a perfect fit for you.  Check out the Divi Theme Here (Affiliate Link).

Other Themes Have Functionality Limitations – Divi Gives You Control

Many other WordPress themes (especially free themes), are limited and restricted in several ways.  I’m not saying these themes aren’t good, many of them are great.  I’ve made video tutorials showing you how to use 11 really good free themes.  But, they still have limitations and restrictions. Lets say for example, you want to add 2 very popular types of content: a slide show and a call to action. You may be able to do that with a free theme but in many cases, you can only add those functionality options (slideshows, call to actions, blurbs, etc…) to one page – your home page.  With the Divi theme, you can add any type of functionality to any page or blog post that you want.

Some of the functionality options included with the Divi theme include:

  • Video Backgrounds
  • Blurbs
  • Social Media Options
  • Icons
  • Pricing Tables
  • Slideshows
  • Call to Actions
  • Image Galleries
  • Testimonials
  • The list goes on..

Customization Options Galore

The Divi theme also enables you to customize virtually every component of your site.  With the Divi Builder (included with the theme) every page or blog post can have a custom layout with custom colors, fonts, background colors, background images and background videos.  You don’t have to settle on one background color or background image for your site when you want to have multiple backgrounds for several different pages.  The Divi theme frees you up to do whatever you want to do.

In my comprehensive tutorial (and trust me, it is comprehensive) I walk you through everything you need to know to create and customize your website with the Divi theme.

You can check out the Divi Theme here (Affiliate Link) and watch the comprehensive tutorial below:

How to Create a Website with WordPress – Zerif Theme

In this tutorial, I show you how to use an amazing free WordPress theme called Zerif from themeisle.com.  Zerif is probably the easiest theme I’ve ever used to make a website because it automatically adds demo content to your site when the theme is installed.  You can quickly and easily replace this demo content with your own content as I illustrate in the video.

Zerif is also a perfect choice for creating a single page website which seems to be a popular choice for businesses that really want to showcase their product or service in a condensed way.  Of course you can create a traditional multi-page website as well.

Check out the exact website I show you how to create here: http://travel.quickwebsitecreation.com/

Download the Free Visual PDF Guide!

To make it even easier for you to learn and follow the tutorial, I created an extensive visual PDF guide that includes text and screen shots of the tutorial.  The guide outlines the steps in the video so that the two work well together.

Download the Zerif Tutorial PDF Guide

Some of the things covered in this tutorial include:

  • Setting up a domain name and hosting account with HostGator.com
  • Installing WordPress onto your hosting account
  • Logging In to the Backend of Your WordPress Website
  • Deactivate and delete the WpSuperCache plugin
  • Changing your password
  • Using the “Admin Bar” to Log out and switch between the front end and back end of your site
  • Downloading and installing the Zerif theme
  • Changing your site title and tagline
  • Telling WordPress which page you want to be your home page
  • Overview of the “Customize” option panel
  • How to upgrade to the PRO version of the Zerif theme
  • Setting up the Big Title section
  • Finding free high quality stock photos to use on your website
  • Setting up the Our Focus section with Widgets and Widget areas
  • Finding free high quality graphics to use on the Focus section
  • Adding graphics for the our focus section and resizing them
  • Setting up the About Us section
  • Setting up the Team Member section
  • Adding and cropping images for the team member section
  • Setting up the Testimonial section
  • Hiding the latest news section
  • Setting up the Contact section
  • Creating a custom logo
  • Setting up copyright info and social media links in the footer
  • Setting up contact information in the footer
  • Creating pages and using the visual editor
  • Adjusting comment settings
  • Setting up the sidebar widget area with a Testimonial widget
  • Setting up a custom navigation menu

 

 

How to Make an Ecommerce Website with WordPress – Storefront Theme

In this tutorial, I show you how to use the free WooCommerce plugin and the free Storefront theme to make a full functioning eCommerce website with WordPress. Some of the things covered in this video include:

 

  • A detailed look at the exact eCommerce website I’ll show you how to create
  • Setting up a domain name and hosting account with a company called HostGator and getting your first month of web hosting for just 1 cent
  • Installing WordPress on your hosting account
  • Logging in to the backend of your WordPress website
  • Configuring basic WordPress settings
  • Download the free Storefront theme from WooThemes
  • Installing and activating the Storefront theme
  • Downloading and installing the free eCommerce plugin called WooCommerce
  • Setting up basic WooCommerce settings
  • Creating the first page (that will eventually become the homepage)/Overview of the visual and text editor
  • Adding images to your pages
  • Specifying which page you want to be your home page
  • Creating the Contact page using a contact form plugin
  • Creating navigation menus
  • Creating simple products
  • Pointing out the colored outline that will be fixed later in the video
  • Creating variable products
  • Creating a Product Categories page using a WooCommerce shortcode
  • Adding Product Categories to the navigation menu
  • Going over product image size settings – Use the “regenerate thumbnails” plugin to fix blurry thumbnail images!
  • Disucssing the product image gallery lightbox effect
  • Finishing setting up the home page with the “Homepage Control” plugin – displaying products on your home page
  • Coming up with a professional color scheme
  • Creating a custom logo
  • ixing the border outline that displays when images are clicked
  • Setting up payment processing with PayPal
  • Configuring tax settings
  • Setting up flat rate shipping options
  • Setting up an optional free shipping option
  • Setting up advanced shipping options for products that require additional shipment costs
  • Utilizing cross selling to increase complimentary product exposure and maximize your revenue
  • Discussing widgets and widget areas (adding shopping cart and other widgets to your footer and sidebar)
  • How to look at your customer’s orders

How to Make a Business Website with WordPress – PROFESSIONAL!

In this tutorial, I show you how to use an amazing free WordPress theme called Spacious.  Spacious is an awesome theme to use for your business website. You can check out the exact website I show you how to create here: http://businesswebsite.quickwebsitecreation.com/

Some of the things you’ll learn in this tutorial include:

  • Adding an optional slideshow to your home page with optional text and links to other pages
  • Editing your slide images so that they fit perfectly on your slideshow and remain a high quality image
  • Customizing your own color scheme
  • Creating a custom logo with an icon
  • Using the “Business Template” included with the Spacious theme to setup a professional home page
  • Using several widgets and widget areas included with the Spacious theme to add additional professional elements to your website

Also, you can access a table of contents with time stamps that can be clicked on to take you to various parts of the video.  I like to do this to make it easier for you to skip around and you can access the time stamps by viewing the video on YouTube and clicking on “Show More” underneath the video.

How to Make a CUSTOM Website and Blog with WordPress – BEGINNER Tutorial

In this video tutorial, I show you how to make a website and blog using the free Virtue WordPress theme.  I really enjoyed working with the Virtue theme especially given the professional icons included with the theme that can be used in the navigation menus.  I also liked being able to customize the color scheme and background image.  You can view the exact website I show you how to create in this tutorial here: http://outdooradventure.quickwebsitecreation.com/

Also, you can view the video on YouTube to access the table of contents with time stamps in the video description beneath the video by clicking on “show more”.