WordPress Gutenberg Editor Formatting Blocks Explained (Video 6)

WordPress Gutenberg Editor Formatting Blocks Explained For Beginners (Video 6)

WP Learning 101

Hello and welcome to video number six: let’s talk about formatting blocks and we’ll go to every single block like we did in the previous video okay. So let’s go ahead and add some blocks so we’re going to click on the add block here.
 

We’re going to go, find the formatting blocks, which are here so you see, there’s code classic custom, html, pre-formatted, pull quote table and verse. So most of you, I will say, will not really use this unless you are using maybe an outside third-party service, and they say something like you need to add this code to your website.

So some of them are going to say you’re going to need to add it to like the header or the footer. In those cases you might want to hand it off to a webmaster, because this would be different. But let’s say, for example, that they say add the code to the body of your page.

So if that’s the case, all you have to do is click on code and then you can add the code here now like i said this is for advanced users. Most of you who will not use that next up is the html now believe it or not.

Some of you and a good majority of you will probably encounter something like this, so they might tell you enter this html code into the body of your WordPress site. So if that’s case click on custom html and you simply enter the html here now – most of you will not know html, but that’s just how it is.

So if i were to write some html and what I’m doing now is I’m basically creating a link. So I’ll do http, google.com google. So if you have no idea what i just did you don’t have to worry about that. But if I click on preview, what I did was, I just created a link.

So it’s a link. So if you don’t know html, it may not be applicable to you, but at least you are aware of what this block is. Okay, so next up we have formatting under formatting we have classic. So what this is is the old classic editor now do not be confused that this is how to convert back to the old classic editor we’re still using Gutenberg alright, so this just happens to be within a block.

So if you like the old classic editor – and you want to utilize it within a block – that’s fine all right! So that’s what that is. So you can see what is available to you. Going back got formatting. We got pre-formatted.

So if i go back here, okay, so to explain what the pre-formatted block is like the paragraph block, the pre-formatted block is basically there to display text now. Unlike the paragraph block, the pre-formatted block basically keeps any spacing or any line breaks exactly as they are entered.

So, in other words, the pre-formatted block is displayed in sort of a mono space font, making it easy to keep text perfectly aligned. Now the pre-formatted block also includes styling or the ability to add hyperlinks or, as short links, that a code block doesn’t have so like.

I said most of you will not use this okay, but it’s there if you ever have to need it so going back to formatted blocks. We did these. We did this, so we got. Pull quote and table table is nice if you want to create a table.

WordPress Gutenberg Editor Formatting Blocks Explained [Video 6 Of 9]

So if you want to create a table that has maybe three columns and five rows, you could do three columns. Five rows, not 25 five rows and click create, and there we go so now we can enter text within the table, and this is amazing, because this is something that you could not really do in the old classic editor.

You would have to find like a plugin and all that to do that. So this is the old classic editor. So this is really neat. This is something that you would definitely use going to. Formatting got table, we got verse, so verse is great for poetry.

As you can see, it uses special spacing formats or quote song lyrics. So, if you’re using something to create song, lyrics or poetry, this would be great for you. Moving on, we got just a few. More so we got, we did this one.

We did this one and we haven’t done this one. So pull quote, it says it gives special visual emphasis to a quote, so the other ones didn’t really allow you to change the color, but it allows you to change a little bit here and there.

So what this allows you to do is allows you to change the actual color. So this is a quote, but the difference is you can change the main color, so you can change the top line and the bottom line. So, as you can see, it looks fairly.

Nice and professional like that, so we can keep it red and we can change the text color to something like black gray, maybe orange, maybe green or maybe we can do green up here and red here – something like that or blue.

So that’s the main difference so quote is different than verse. Difference than pull quote so, as you can see what this allows you to do. Is it changes literally the formatting and makes it look nice.

So those are the formatting blocks. Let’s move on to layout elements in the next video.

WP Learning 101

Similar Posts

Leave a Reply