Build A Website - WordPress 5 + Twenty Nineteen Theme 2019

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?

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.

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.

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.

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.

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

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.

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

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

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.

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.

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.

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.

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

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.