Building your Homepage with WordPress Block Editor- HostGator Tutorial - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch WebHosting HostGator Video: Building your Homepage with WordPress Block Editor- HostGator Tutorial.
The Homepage of a WordPress website is the first thing that everyone sees when they visit your website. It’s always good to make a good first impression right? Well, Josh agrees. Follow along as he walks you through editing a page, and creating a homepage that showcases your WordPress site.

Josh shows off the WordPress Block Editor, which is one of the best features of the platform. Using the block editor to edit his homepage, Josh goes into detail about different settings and tricks, as well as showcasing some new blocks for you to try yourself.

In this video you will learn:

How to edit an Existing Page in WordPress

Why make a new page when WordPress gives you a couple to start out with. Josh will show you how to edit a homepage in WordPress

How to Make a Homepage in WordPress

As we have said before, the block editor is one of the best features as part of WordPress. There are so many blocks to choose from, you will be able to make sure your WordPress homepage is perfectly tailored to your website. Watch as Josh walks you through the changes he makes to his site joshmakestutorials.com.

Saving Changes/Site Preview

After making all of those changes to your homepage, you will want to ensure that everyone can see them exactly how you intend. We will show you how to preview your WordPress site, as well as how to save your changes to the page you are editing.

The Featured Image

The featured image is either your favorite site feature or your biggest annoyance. Depending on your theme, this can be easily managed, Josh shows you how to toggle it on and off if it is not a feature you would like to use.

Page and Block Settings

Block settings are incredibly useful and versatile. You can use them to tweak each individual block to your liking. Each block has its own unique settings that can be toggled to get your page just right.

00:00 - Intro
00:35 - Editing an Existing Page
01:10 - Homepage Overview
01:40 - Building your Homepage/Block Tutorial
06:07 - Saving Changes/Site Preview
06:25 - Featured Image
07:27 - Building your Homepage/Block Tutorial
09:22 - Build Review/Homepage Review
10:45 - Page and Block Settings

Good article on the Block Editor:
https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/

Other Helpful Vids:

Installing WordPress with Softaculous
https://youtu.be/PXTJ34l6V3k

Build a WordPress Website Playlist:

Blog Articles:

How to Create an Awesome Website Homepage
http://gtr.bz/6ve330rpMfh

Follow us on our Social Media:
Twitter: https://twitter.com/HostGator
Facebook: https://facebook.com/HostGator
Instagram: https://instagram.com/hostgator
YouTube: https://youtube.com/user/hostgator

Join our Website Owners Community on Facebook:
http://gtr.bz/vYJZ30qIcfg

Published: Friday, January 8, 2021 9:56 PM
Category: WebHosting HostGator

36 Views

Related Videos

WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor

by Best Webhosting Added 3 years ago 56 Views / 0 Likes

Are you looking for an easy tutorial on how to use WordPress Gutenberg editor? We'll show you how to use Gutenberg to create your posts in WordPress. And we'll cover some of the most popular blocks like the paragraph, image, and link block. We'll also highlight a few Gutenberg blocks like the Cover page and the Gallery block. And did you know that many plugins like WPForms use blocks to easily integrate their plugins with your post or pages. This vide
WordPress Template Editor Tutorial (Quick Overview of FSE + Block Themes)

by Best Webhosting Added 1 year ago 16 Views / 0 Likes

Get a solid understanding of WordPress "full site editing" — a feature that now lets you customize your theme via a visual builder. Not set up with WordPress yet? The best way to support & say "thanks" is to start your website idea! If you purchase through my affiliate link below, I receive a small commission (at no extra cost) that helps me create free tutorials like this and supports my channel. 🌎 Install WordPress in Minutes 👉 https://websiteprofit
How To Create Gradient Buttons in WordPress Block Editor For Free? Tutorial

by Best Webhosting Added 1 year ago 16 Views / 0 Likes

In today's video tutorial and guide you'll learn a simple, fast, effective and plugins-free method to create and use gradient backgrounds to WP block editor buttons. Will Gutenberg Editor Make or Break WordPress? https://visualmodo.com/gutenberg-editor-make-wordpress/ How To Create a Call To Action Section in WordPress Block Editor For Free? Beginners Tutorial https://www.youtube.com/watch?v=HEcmfVBIFvQ Add Buttons To WP Posts & Pages: How To Use Word
Popular
Best Block Plugins For WordPress: Expand Your Block Editor [Gutenberg]

by Best Webhosting Added 4 years ago 115 Views / 0 Likes

There are already a lot of solutions available to expand the new editor’s capabilities. Download Otter Blocks: https://bit.ly/2IRvnwh Now that Gutenberg has morphed into the WordPress Block Editor as of WordPress 5.0, many people are excited to start building content with this new tool. Most of the best block plugins for WordPress are turning out to be collections of elements, rather than single-block additions. 1. Install Atomic Blocks 00:24 • Atomic
How to Create a Reusable Block in WordPress Block Editor

by Best Webhosting Added 4 years ago 90 Views / 0 Likes

Are you repeatedly using snippets of text on your WordPress site? If you do, then the reusable block feature will be very helpful to you. In this video, we will show you how to easily create a reusable block in the WordPress Gutenberg/Block editor. To start, you would want to create the text that you want to repeat in your content in a single block. Now click the verticle ellipsis in the editing options for the block and click the Add to Reusable Bloc
How To Create a Call To Action Section in WordPress Block Editor For Free? Beginners Tutorial

by Best Webhosting Added 1 year ago 14 Views / 0 Likes

In this beginners tutorial and guide you'll learn how to create a call to action section in your WordPress website using the block editor (Default WP editor) for free, in a simple, fast and effective method. Call-To-Action Buttons Usage Guide https://visualmodo.com/call-to-action-buttons-usage-guide/ How To Add a Security Question To Login At WordPress Dashboard? https://www.youtube.com/watch?v=jQOPMPPBvjQ How To Limit The Login Attempts On WordPress
How to Block IP Addresses To Protect Your Website - HostGator Tutorial

by Best Webhosting Added 3 years ago 59 Views / 0 Likes

Keeping your website safe and secure from those that would mess with it can be our biggest challenge. The easiest way to do that is to block the IP address they are attempting to access your website from. In this tutorial, Josh walks you through the steps of securing your website by blocking an IP address from accessing your website. This process uses your HostGator cPanel, so make sure to have that open! In this video you will learn: How to locate th
How To Use The More Tag In WordPress Block Editor?

by Best Webhosting Added 1 year ago 19 Views / 0 Likes

In today's video tutorial you'll learn how to use the More Tag in WordPress block Editor (Gutenberg) in a simple, fast and free method. How to Customize WordPress Post Excerpts https://visualmodo.com/customize-wordpress-post-excerpts/ How to Customize WordPress Excerpts For Beginners - No Coding or Plugin Required https://www.youtube.com/watch?v=tky27wdCVjM How To Create a WordPress Post Grid Layout with Block Editor For Free Without Plugins https://w
WordPress 5.3 Overview & NEW Features of the Block Editor

by Best Webhosting Added 4 years ago 95 Views / 0 Likes

WordPress 5.3 will be soon released, and in this video I'll show you some new features of the platform and improvements of the block editor. Download Otter and get more features: https://wordpress.org/plugins/otter-blocks/ Releases of the Gutenberg plugin are going to be merged into 5.3 Here are a few of them: • Group block and grouping interactions • Columns block width support + patterns • Table block text alignment support (and more) • Gallery inli
Popular
Gator Website Builder Tutorial | My Review on HostGator's New Tool for Building Websites

by Best Webhosting Added 4 years ago 111 Views / 0 Likes

Where to find the Gator Website Builder: https://createaprowebsite.com/gatorbuilder New mic, who dis? Whats up guys! HostGator has recently launched a new DRAG & DROP website builder and I'm going to show you how to make a website with it, and give my honest opinion of it. And if you want more videos all about making AWESOME websites, feel free to SUBSCRIBE to my channel! I'm posting new helpful content every week.
How To Create & Add Gradient Backgrounds in WordPress Block Editor For Free?

by Best Webhosting Added 1 year ago 20 Views / 0 Likes

In today's WordPress usage video tutorial we'll learn how to create and add gradient backgrounds in your WordPress website without needs of any plugin, for free and in a simple way using W`block editor (gutenberg). Will Gutenberg Editor Make or Break WordPress? https://visualmodo.com/gutenberg-editor-make-wordpress/ How To Create a Call To Action Section in WordPress Block Editor For Free? Beginners Tutorial https://www.youtube.com/watch?v=HEcmfVBIFvQ
Build A Landing Page With WordPress Using The Block Editor [Gutenberg]

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

Learn how to build a landing page with WordPress in under 30 minutes by using the new block editor of WordPress (Gutenberg) Download Neve here: https://bit.ly/2Q0Mx9t Download Otter here: https://bit.ly/2IRvnwh Combine it with templates and block friendly layouts that can be customized with no efforts, offered by Otter. Step by step landing page: Step 1 - Install Neve WordPress Theme 0:35 Step 2 - Install Otter Blocks 1:10 Step 3 - The first section (