wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog WordPress themes Twenty Nineteen Theme Full Tutorial – Creating a Website
Twenty Nineteen theme tutorial

WordPress themes

Twenty Nineteen Theme Full Tutorial – Creating a Website

Last updated on September 29, 2020
Posted on February 9, 2019

Do you want to learn about how to use the WordPress Twenty Nineteen theme?. This tutorial will help you to create a WordPress website using the default theme of WordPress 5+, the 2019 theme. If you search for a Twenty Seventeen tutorial check this page out.

Table of contents

  • Learn to use WordPress Twenty Nineteen Theme to build a Website
    • Twenty Nineteen Theme Demo
      • 2019 Child Theme and More..

When the 2019 theme was shipped with WP 5.0, I have tried it on my localhost installation. Then I immediately fell in love with this WP 5 default theme. It was very clean, and most of all, a Gutenberg-optimized theme. This means you will be able to add many layouts. Especially the full-width layout on your website, which we all loved and have waited for a long time.

This below video is to demonstrate the beautiful website layout pages you can build by using Gutenberg and the WordPress Twenty Nineteen theme. So many layouts that you can build with the WordPress 2019 theme that is a Gutenberg-optimized theme. You’ll love using the new WP block editor, I do too!

85% off For a Lifetime access – Preview the course now

..This is for a limited time only!

There are a lot of reasons why Twenty Nineteen is a great theme. The 2019 theme is not only a clean theme but if you want to learn the new WordPress block editor, then this theme is for you. This theme will give you a full experience of the new editor since it is packed with the new block features.

Learn to use WordPress Twenty Nineteen Theme to build a Website

You are going to learn a lot using the Twenty Nineteen theme and do the following:

  1. I will show you how to step by step install, and converting your website to be an HTTPS version of a WordPress website that is a business-oriented website. The steps are without using a single plugin. In my opinion, this is extremely important, since using a plugin to convert your site having an HTTPS connection is really not a good idea due to redirections. Google, in their blog post, suggested webmasters to reduce redirections as possible, because redirections can slow down your website, especially in a mobile device. The website will also have some blocks that are business-oriented, like a Welcome section, and a business submission form.
  2. Using a mobile-friendly and mobile-responsive theme. Twenty Nineteen theme is both a mobile-friendly and -responsive theme. You don’t have to worry about the theme’s responsiveness on mobile devices.
  3. The video course will only use Gutenberg or block-based editor. This means we will have a lot of practice using this new WP editor, including tips and tricks.

Twenty Nineteen Theme Demo

With this course, I will also guide you through to set up Twenty Nineteen as seen on the demo website. To see the Twenty Nineteen demo website, click this link.

These are the example result of the layout of our website using this course and Twenty Nineteen theme.

Some images used in the course are from rawpixel.com

The website image result
The appearance result

Preview the course

Time needed: 2 hours.

Twenty Nineteen tutorial to create a WordPress Website as shown in the Twenty Nineteen Demo website.

  1. Getting a Domain and a Web Host

    To start using the Twenty Nineteen theme, we need to install WordPress first. And because we want to create a website, we will need a domain name and a web host.

  2. Install WordPress on your host

    In this step, we will install WordPress step by step using the famous 5-Minutes installation process in our web host.

  3. Properly converting the HTTP to HTTPS of our site

    A very crucial step to have an HTTPS website version, with this step we will convert our HTTP website to HTTPS properly.

  4. Use the customizer of Twenty Nineteen theme

    We will learn how to set up our Logo, favicon, and menus include the social menus.

  5. Add a “Home” page

    Because we build a corporate-oriented website, we will add a “Home” page that is also containing corporate-oriented blocks, including a submission form.

  6. Twenty Nineteen Widgets

    We will take a look at Twenty Nineteen widgets location and what we can do with them.

  7. Setup “About” page

    Same with the “Home” page, we will learn how to set up an “About” page that is a corporate-oriented web page.

  8. Setup “News” page

    With this step, you can add a “News” page, that will dynamically show your recent posts to be your “company” news.

  9. Setup “Contact” page

    You will have a “Contact” page completed with a contact form and anti-spam protection. (Recaptcha). This includes the step to set up this anti-spam captcha system.

  10. Add a “Privacy Policy” page

    We will utilize the generated “Privacy Policy” that is already provided by WordPress and discover the page in our site’s navigation.

  11. Launch your website once it is ready

    You will learn on what we can do to prepare our new website for the world.

  12. ..And more

    You will learn more steps that you will eventually have a solid WordPress website that is easy to maintain because then you will understand how WordPress works to build a website.

2019 Child Theme and More..

With the tutorial, you will also learn how to create a Twenty Nineteen child theme. Alternatively, you can just download the .zip file as the available resources.  I will provide you with this if you are not keen on following step by step creating the child theme. See you inside this WordPress Twenty Nineteen tutorial course!

gutenberg theme twenty nineteen wp5

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Twenty Seventeen One Page Parallax Scrolling Website Style

Comment form on this post is closed after 60 days.

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept