Build A Website - WordPress 5 + Twenty Nineteen Theme 2019
4.2 (21 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
90 students enrolled

Build A Website - WordPress 5 + Twenty Nineteen Theme 2019

How to use WordPress 5 and Twenty Nineteen (2019) theme to build a business website
4.2 (21 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
90 students enrolled
Created by Kim Muellner
Last updated 12/2019
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 7.5 hours on-demand video
  • 6 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Mastering WordPress 5.0 New Block-based Editor (aka Gutenberg)
  • Mastering Twenty Nineteen Theme
  • Block editor practices and tips and tricks
  • Build a clean Website with WordPress 5.0 and Free Twenty Ninenteen WP Theme
Course content
Expand all 97 lectures 07:24:21
+ Introduction
7 lectures 20:58

Let's check out how our finished business website will look like after you complete this course. All of the website content and elements are built with the new block-based editor of WordPress 5 (Gutenberg) without any additional plugins. We will also learn to build various website layouts.

Preview 00:44

Meet me, the instructor of this course. In this video, you will find a quick introduction about this course's instructor.

About Your Instructor

With this video, we will do overview quick on the official demo of Twenty Nineteen the default theme of WordPress 5.0 "Bebo".

Twenty Nineteen Theme Official Demo Website Tour

Understanding the one of many beneficial reasons why a webmaster should separate the registration of their domain from their web host for a long-term benefits and website maintenance.

Why separating your domain name from your web host
How to use the available resources of this course

WordPress 5.2 features a few updates, this video will introduce you to the updates. I recommend you just to watch and not following the steps, just to understand what updates WordPress has. Then you can follow the whole course with this update in mind to practice using the new block editor.

Block Updates
+ Getting a Domain and a Webhost
5 lectures 25:33

Without domain or website address, your website cannot be built. So this is very crucial step, especially if you want your brand or your "digital" identity to exist for a long time. Hence we will do this very first step properly, registering your domain name separately from your host.

Moving your domain away from your web host is very troublesome, and needs many efforts, AND you will risk to loose your domain, so let's do this properly in the first place.

Having a domain only is not enough if you want to protect your privacy or your information from spammers. My own experience, once I forgot to get a domain privacy for a few hours, since then, until today, I receive emails from spammers without end. So protect your privacy with a domain protection. Problem is, a domain privacy protection is mostly not free. If you don't want to pay extra for a domain privacy protection, then follow this lecture. Free domain protection forever, who does not want it?

Get a domain with your "privacy protection" for free "forever"

World Wide Web (WWW) era does change. The biggest search Engine, Google, and its browser, flags non-https websites as "not secure", this will risk your digital identity's authority too, be it in terms of Search Engine Optimization (SEO) or future client's trusts. Fortunately, nowadays, even affordable web host plans make it possible for you to utilize their free SSL certificate to convert your WordPress website to be a HTTPS website.

In this lecture, I will show you in the video how to get an affordable web host plan (with 60% off promo and the coupon code to get huge discount) and even 1 cent first-month package plan for you to try out. Keep it mind, choosing one month plan will makes the renewal plan more expensive, so I recommend at least to get one year plan.

Get 60% Off or 1 Cent first-month webhost plan with free SSL certificate!

Because we have our domains separately from our web hosts we will need to "connect" your domain to your web host. It sounds a daunting task, but it isn't. I will show you step by step with this lecture, and you will see yourself how easy it is.

Pointing your domain's nameserver to your webhost

This is very rare to happen. Still, I will show you what to do when the process in the previous lecture fails at your end.

Domain troubleshooting

Because the web host we have does have cPanel, this makes us, as users easier to utilize our web server. One of them is the ability to login to your cPanel without looking at the email confirmations sent to your email, every time you want to login to your cPanel.

To be able to login to your cPanel is very important, as you will need to do this every time you troubleshoot your WordPress website.

A shortcut to login to your cPanel
+ Properly install WordPress in 5 Minutes!
4 lectures 14:36

Downloading WordPress files (the latest version) when this course was created, version 5.0. See the lecture's resources for the quick link.

Downloading WordPress the latest version

As mentioned in the previous lectures, your WordPress database is the very important factor for your website. In this lecture, we will create one, and its user that will enable us installing WordPress.

Creating your database and its user

This lecture will show you the installation process of your WordPress website. A quick and straight forward process.

Installation process
4 lectures 08:29

Utilizing the free SSL certificate that is one free feature of our web host plan.

Your free SSL certificate from your web host

Discover how we can convert our WP website that uses HTTP to have the HTTPS version from the day one. You will definitely not want to skip this step to have all of your URLs having the HTTPS version of your website.


After we the HTTP to HTTPS conversion process, we want to test our website new HTTPS url. This lecture explains this with easy explanation and what can go wrong with your website's new URL.

Preview 01:06

Our internal SEO (Search Engine Optimization) starts here. One website's content should have one web address only, otherwise, you will hurt your Search Engine ranking by having the "duplicate content" issue. With this lecture, we will learn together how to achieve "one site's content one address only".

Check the link in the "external resources" of this lecture.

One website should have one address only!
+ Let's Get Started With Twenty Nineteen Theme! The Customizer
3 lectures 16:03

Learn how to add your website's logo, site icon, and setup your first menu with Twenty Nineteen theme's customizer!  Website's logo is your brand's identity, as well as your website's favicon or site icon. Then we will learn how to setup our first business-oriented website's menu with 2019 theme.

Adding Logo and Menu

Exploring WordPress 5.0, Twenty Nineteen theme features like the widgets, widgets location, your homepage setting that will suit to your business need and first look on Additional CSS feature of your theme's customizer.

2019 theme widgets, Homepage Setting, and Additional CSS explained
+ Editing Homepage or Front Page with Twenty Nineteen for a business website
9 lectures 55:43

Understanding your 2019 theme's heading title for the first time by using the new WordPress 5.0's block editor.

Welcome Title

Get your first hand in the new block editor (which was previously called Gutenberg editor) to add your first image that we will convert this image to be a background image of your call-to-action button link.

Adding image for the first time using block editor

Having a business website without having a call-to-action button in your front page is like having a missing thing. So with this lecture, we will add a link that we will use for our call-to-action button at the end of the course.

Adding calling to action link

The WP block editor is different than the previous classic editor, including the link setting that we will learn together on this lecture.

Understanding the link setting

Adding a paragraph in the new block editor is kind of easy, but with this lesson, we will learn how we can use the block editor toolbars to start navigating and locating our blocks in our editor.

Our first paragraph for our homepage using the block editor

How to add a kind of "Services" section without using or purchasing icons or picture on your new website? You will find how to use the blocks that you have to create that section for your business website.

Working with list and other blocks (optional)

Other than using our heading block, you will discover how to use the reusable blocks to save your time in your website's editing task.

Heading and Reusable blocks Tips

Learn how to use columns blocks to spice up your homepage or front page by adding pictures or adding icons to your business website. All is for free (see the resources of this lecture).

This is an optional step, an alternative of using the list items as shown in the previous lecture above by using icons for your "services" section.

Adding images (icons, optional)

In this lecture, for the example, how you can use the reusable blocks from the multiple columns for later use. This can save your time.

Saving your (multiple) blocks for later use
+ Add your company photos (as the example) to your homepage
1 lecture 03:54

WordPress 5.0's gallery block has many features that you can use to spice up your website's appearance, for this example, we will add pictures of your company (can be person portraits) to your website's homepage and utilizing the gallery block's features.

Gallery block and its features explained
+ Setup the Call-to-action form to Twenty Nineteen Homepage
5 lectures 27:45

Imagine you have a form in your website, and have no captcha feature for spam protection. You will receive daily spams submissions to your inbox. This can be very disturbing. In this lesson, we will learn how to setup a form and uses captcha for spam protections.

The form's options and captcha settings

We will learn how to re-use our form that we have setup from the previous lesson for our call-to-action form section.

Re-use our form

In this video, we will learn how to alter or even disable the appearance of the form's element that we don't need to display in our website's page.

Give a simple style of the form's element or appearance

What is the use of setting up a form, and then we are not sure whether our form is functioning. We will test our form that we have setup in the last lesson in this lecture.

Testing our Call-to-action form

In the previous lessons, we setup our form, but we haven't connected our form with our call-to-action button or link. In this lesson, you will learn;

1. Connect our call-to-action button or link to our form.

2. Give a simple style yet very pleasing to look at to our call-to-action link or button without coding yourself.

Just copy and paste the code I provided in this lecture's resources link.

Give our call-to-action button a simple style
+ Twenty Nineteen Widgets
2 lectures 09:06

If you follow along the previous lessons, you will have the call-to-action button on your top area of the website, near header area. It will be more beneficial if you could have the button on your footer area, since most of a website's visitors check the footer before they leave the web page they are seeing.

In this lecture, we will learn how to put the same button in the footer area of your website.

Put your call-to-action button on your footer's widget

Say you want to add texts where you show your website's visitors about your location and the company's opening hours. This will be shown in this video step by step with no coding yourself.

Putting our company's address and opening hours with no coding
+ Setting up a Newsletter using WordPress 5.0's widget
2 lectures 08:04

While logged in to your Google's account, you will be able to setup your newsletter form steps immediately. In this lesson, we will learn how to setup a newsletter form so you can enable your readers to signup for your newsletter to receive your new contents.

Setup newsletter form

Let's act as a visitor of your website, and sign up for the newsletter to test whether our newsletter form functions or not. This is a fun lesson to follow along.

Testing your Newsletter form
  • Have an Internet connection
  • Have a budget to get a domain name and a web host (skip this if you just want to learn WordPress 5.0's new block editor)
  • Have a patient

Hi there, thank you for visiting this page!

Welcome to Build A Website - WordPress 5 + Twenty Nineteen Theme WordPress 2019 course.

What will you learn with this course? We'll learn how to build a website that uses WordPress 5 (with the updated video using WordPress 5.2, the latest version) and its default theme Twenty Nineteen theme. Since the version 5.0, WordPress has new block-based editor that is also called Gutenberg editor in WordPress community. In this WordPress 5 course, you will learn how to build a business website using the free clean Twenty Nineteen theme.

So what will we learn with this course?

1. Have a HTTPS version of business WordPress website. A web host that offers free SSL certificate can be affordable too, and this course shows you exactly that. I will show you how to setup your website on HTTPS properly. I mentioned properly, because we will do it step by step without using a plugin. Plugins to setup HTTPS, will mostly make your website loads slower due to redirections. Google, the biggest Search Engine even suggests every webmasters to minimize redirections. This course is to build a website, if from the start, we already do "redirection" then how slow our website will load if we later on adding third-party components in our website, like advertisement links, banners, scripts, and plugins? Meanwhile, solving this issue is extremely easy from the start, we will learn this step by step.
2. Have a mobile-friendly clean business website
3. Intensive practices using the new block-based editor of WordPress 5.0
4. WordPress 5.0 new block-based editor tips and tricks or shortcuts.
5.  Have a business-oriented homepage with "Welcome" section, call-to-action button with nice scrolling effect to the user's submission form as well as show off your photos or projects and services straight in your homepage for direct and fast access for your potential client.

There is more..I will show you how to use different blocks to build your website's layouts, so you can choose which appearance you want to have with WordPress 5 block editor More and more practices and tips to use Gutenberg editor.

Then I will also show you;

6. How to connect to your server using Secure FTP step by step so that you will be able to access your WordPress files from your server in your local computer in secure connection.
7. How to create Twenty Nineteen child theme and modify the footer text dynamically. (Ready-to-download child theme is available for the non-techies!)
8. Discover my personal tips to secure my WordPress admin dashboard.

At the end of the course, you will have a solid business website with beautiful layouts, and easy to maintenance. You can also check out this course, every time you build a WordPress website.

Get the Lifetime-access  now!

You will need a budget to get your domain name and a web host plan for this. With 1 cent (USD) you can get one-month web hosting plan to try out to setup a website using this course.

I have already a website? If you have already a website, you can still uses this course to practice the new block-based editor since I also will give you details steps to use the block editor.

I had fun times to create this course, and I will have fun to guide you through exploring the new feature of WordPress 5 in this course. See you inside the course!

Who this course is for:
  • Anyone who wants to learn how to use WordPress 5
  • Anyone who wants to use WordPress 5.0 to create a website
  • If you want to learn how to use WordPress 5 block editor
  • If you want to create a business WordPress website using the free theme
  • If you want to know how to use Twenty Nineteen theme