How To Use The Gutenberg Editor | How To Make A WordPress Blog Step-by-Step 2020

WordPress Website Workshop Module 23

By now you should at least be a little familiar with how the new Gutenberg editor in WordPress works.

In cased you missed it, I’ve already done two other videos describing what the new Gutenberg editor actually is, and how to use Gutenberg’s block system in the previous videos.

In this last video, I’m going to show you all about how you actually use it in your content, the kinds of things you can create, and how you can add rich media content to your posts and pages easily.

How To Use The Gutenberg Editor

In the last video, we gave you an overview of the blocks that you have available to you to create and manage content in the new version of WordPress with the Gutenberg editor. In this video, we’re going to show you the controls for how to work with the various different content blocks in Gutenberg.

How To Use The Gutenberg EditorLet’s go back over to WordPress. Go back to our demo post. You will remember this from last time with various different blocks that we have already gone ahead and created. You probably noticed in the last video that there are some buttons and things that show up around these blocks.

That’s what we’re going to be talking about. In order to work with these blocks, WordPress is implemented these new buttons that’s going to help you to work with them to be able to move them and to remove them and or rearrange them.

How To Use The Gutenberg EditorRight here at the outset, you have the ability here in this top left of your WordPress editor screen to add a block. If you click that, it’s going to give you the ability to scroll through the various different blocks that we talked about in the last video.

You can search for them if you’d like to do that or you can simply scroll to the one that you want to add in your post. That would be one way to do it. Another way to do it is once you’ve added your title, if you hit enter. It will automatically bring you to the next line where you can add a new post.

How To Use The Gutenberg EditorYou see over here that this plus button has been displayed again so that you can once again pull up this menu of the various different blocks. You also have the ability to type forward slash if you want to do that. Then it has a smaller list of various different blocks that you can add to your post that way.

Once you’ve created a block, you have these tools to be able to move it up or down. These arrows will move them around by moving it up or down one time, or you can grab this controller here in the middle and drag it to wherever you want it to go.How To Use The Gutenberg Editor

Also, blocks are going to have this control here, which gives you some additional functionality.How To Use The Gutenberg Editor You can hide your block settings. You can duplicate a block. You can insert before or after.

You can edit it as HTML. You can add it as a reusable block or you can remove the block all together.

In addition, you can see over here that you’re going to have various different keyboard shortcuts that will make all this easier if you’re one of the keyboard shortcut people that like to not have their hands on their mouse all the time. You have that ability, too.

In addition, as you are working with various different blocks, you’ll notice as you hover over them.How To Use The Gutenberg Editor You have this ad block button that will appear when you highlight a particular section. This will give you the ability to add a block in between.

For instance, let’s say we wanted to insert another bulleted list block above this paragraph.How To Use The Gutenberg Editor You just click plus, and then you type list to find that particular block, and then you can add your items here so on and so forth.

It adds it right there in line so you don’t have to worry about switching views between code or anything like that. It will allow you to create blocks wherever you want to create them and then easily move them around.

Also, in addition, you’ll notice that over here that there are additional blocks settings.How To Use The Gutenberg Editor You’ll see over here is that depending on the block that you are working with or editing, you’re going to have an additional set of controls over here on this side that will give you the ability to work with that block in a more detailed manner.How To Use The Gutenberg Editor

If for instance right now we’re on this cover image block. With the cover image block, you not only have these tools that are available to you up here, but you also have these tools that are available to you over here in this sidebar also.

It will vary depending on the block that you’re using. Here’s our image block. As you move through, your controls are going to change based on where you’re doing your editing.

Then this tab here, when you click on document, this is going to bring up the things that you are used to working with in the old version of the WordPress editor.

The publication tools are going to be over here.How To Use The Gutenberg Editor Your permanent link is going to be over here on this side now. You can edit your permalink here or you also have the ability to do that here when you are working on your title in the title field.

How To Use The Gutenberg EditorYour categories are over here. You can set your categories as well. Just like the old version of the editor, you can add new categories right from here.How To Use The Gutenberg Editor Then here is your featured image.

If you remember from the previous videos, we have the ability to set a featured image which is different than an inline image, and you’ve got that capability right here.How To Use The Gutenberg Editor Then, depending on how your theme works, and I believe we talked about this is that you have the ability to write a short teaser to display like on the front page, if your theme uses the excerpt field, then you can create a introductory statement here that introduces your post here.How To Use The Gutenberg Editor

Then you have your comments settings over here. It’s very much similar to the way that you have traditionally seen these controls. It’s just the layout is a little bit different. Then with the other settings you have these are very traditional in terms of what the old WordPress editor showed you as well for things that you could set.

For instance, here are the tools for our Yoast SEO plugin.How To Use The Gutenberg Editor Then here are the tools for adding scripts and so on and so forth, that are native to WordPress that you would have seen in previous versions as well.

That covers the basics of how to work with these various different controls in this new Gutenberg editor.

See Also:

Is ClickFunnels safe?


"New platforms are sometimes met with skepticism, and ClickFunnels is no different. But ClickFunnels is an established platform that’s been around for years now, and thousands of online businesses are using it to power their online business. There are several competitors who’ve shown up over the last couple years who are desperately trying to take […]"

Keep Reading...

Private Registration Or Not?


"When you register a domain name, you include a bunch of personal information that is associated with your registration. This is stuff like your mailing address, phone number, and other personal contact information. Not everyone is comfortable with having that information out there. And by “out there” I mean in the Whois database. Every time […]"

Keep Reading...

5 Places To Find Great Images You Can Use For Free On Your Website


"Let’s talk about images and your website. Why? Because posts with images perform better according to this post from Jeff Bullas. Plus – it just looks better. It feels like you care enough to take the time to select and add visual elements that make the piece you’re working on better. Looking for images for my […]"

Keep Reading...

Is ClickFunnels a scam?


"I understand why this would come up. After all, wherever money is being made, there is no doubt that less-than-ethical people are going to flock and try to get in on it by any means they can. But as a longtime user, I can personally attest that ClickFunnels is most definitely not a scam. If […]"

Keep Reading...

How Does ClickFunnels Work? Get The Inside Scoop Here


"How does ClickFunnels work? Have you ever been frustrated with the time it takes to build an online sales funnel? Have you been struggling with your online business but can’t seem to find the answer? I know how you feel. I’ve been there and done that myself. For me, I cringe when I think about […]"

Keep Reading...

Buying Premium Domains


"Sometimes the domain name you choose is already registered, as mentioned previously. However, don’t let that stop you. Buying your domain name from someone else is a great way to get that perfect domain you’re searching for, but wasn’t available for registration on Godaddy. Premium domains are those that show up with those big price […]"

Keep Reading...

How do I use ClickFunnels?


"Not quite ready to sign up and want to take a look behind the scenes? I’ve got you covered, check this out. In this video I not only introduce what ClickFunnels is as a software platform, but I also introduce you to the concept of online sales funnels as a whole, give you some examples […]"

Keep Reading...

Simple social connect with Advanced Custom Field Links (ACF Links) and Font Awesome


"Need to spin up a simple connection tool for a new WordPress project you’re working on? ACF Links (advanced custom field links) might do the trick. I’m working on a new site with a lot of really cool functionality. One of the things we’re doing is creating a custom post type for a “staff member”, […]"

Keep Reading...

Why do I need a sales funnel for my online business?


"Here’s the deal: An online sales funnels is like having the very best salesman you can imagine working for you online 24/7. It doesn’t ask for vacations or raises. It doesn’t call in sick. It’s simply working around the clock, 24/7 365 days a year to win customers for your business. And online sales funnels […]"

Keep Reading...

How often should I post to my blog?


"When you start a blog, you should publish new posts to your blog as often as you can. If you’re someone who thrives on schedules and formality, at least once a week is a good baseline to start with. But that’s the bare minimum. Remember, you’re practicing when you’re getting started. So the more practice […]"

Keep Reading...