WordPress Gutenberg Editor Common Blocks Explained For beginners (Video 5)
If we click on the add block now remember, most use tends to be the blocks that you use now. If we click here common blocks are different. Common blocks are based upon the most common blocks for WordPress across the board, so these are the common blocks that they have found to become it.
So we got paragraph, we got image, we got gallery, we’ve got heading list, quote file audio cover and video, so WordPress has figured out that the majority of people will use these blocks. So if we click on paragraph, let’s just go in depth.
I know i covered a little bit of this in the previous videos, but let’s just go further, so I’m going to go ahead and add a paragraph here, so we’re going to click paragraph. This is a test, so paragraph is most likely going to be the body of your article, so we can left a line.
We can center a line. We can write a line. We can bold italicize hyperlink and there are some more here. So these are basically what we went over earlier, so I’m not going to go over that now, but over here we can see paragraph.
So you can highlight that under the paragraph right hand, side we have text settings so you can change the font size. So let’s say we’re like this is too small, so let’s change it from normal size to medium size or, let’s change it to huge and we’re like okay.
This is way too big. Let’s make it small so that allows you to change the size as such, but you can also change the size like with this. So here’s about numbers, so you can do custom, so these are specific sizes, but you can say: okay, I want something in between large and huge, so we got large and huge.
So we can see. Large is 36. Huge is 48, so there’s still a gap between these two. So let’s say I want something like 40 drop cap. If we highlight the beginning word or beginning letter and we click on drop cap.
This is what you see a lot of times in magazines, so it just makes it a little more professional. It looks good all right, so there’s actually studies that show that the human eye, when they see a drop cap, they look upon it and think.
Oh, this must be legit, or this must be important because it looks like a magazine or a newspaper. Now we have color settings which allows you to change the background. Color like this. So if we scroll down, we can see that it changes the background color, and this is something that you could not have done with the classic editor.
So this is a big pro, so we can change it to this. So you don’t want to choose something. That’s just too much in your face like this. Unless you know your audience and you know that’s the colors that you want to use, or maybe that fits your brand, your maybe your brand colors are pink and blue.
You could do something like that. All right so we’re going to choose let’s gray and we can choose red blue, like that, and you got custom color which allows you to pick a color that might not be on this list.
So let’s say we’re going to clear this: when we clear it, it removes background, we can click, custom color and it allows you to choose different colors. That may not be on this list. You can do the same with the text color, so we can clear that and let’s say we don’t like the dark blue.
We can click custom color and we can choose a different color. That’s not on that list like, like so and under advance. You have CSS class, but if you don’t know anything about CSS, you can simply ignore that.
So that’s it when it comes to the paragraph block all right, so let’s scroll down and let’s go ahead and add a new block. So if we go to common blocks, we have images, so images are and then we have galleries.
So this one down here is an image, so we’ll click that now image is very self-explanatory. We briefly touch base on this, but all you have to do is simply upload. You can go to media library or you can insert from an existing URL that is linking to an image.
So either of those choices you can choose, the image will show up and that’s it. So it’s very very self-explanatory and then of course you have gallery which is the same, but it’s just multiple images versus one image.
So let’s go here. Let’s add a new block. Our common blocks, so we went from paragraph image gallery we got heading which we touched base earlier, so you can change the size, the heading size and the alignment to the right we covered list actually earlier.
So if we go to list list doesn’t have any settings on the side, it just allows you to create an unorder list, a order list and do indentations to the left or the right, bold in italicize, so very, very easy to set up so we went over, Quotes we actually created, one quotes a simple you.
Just click quote, you enter text so quotes up here too. So you can change the styles. You can make it large like that or make it small. Typically, what you’ll notice is quotes. Typically, will look like more like this: they’ll have big they’ll be italicized and it’ll be quite obvious to people that that is a quote.
You have advanced but, like I said most of you will not use advanced, so you don’t have to even click that. So, next off on common blocks, we have we went through these. We went through these if you click on audio very similar, you upload the audio file as an mp3 file, and that’s it.
It’s done it’s very, very similar to images. We’ll click this here common blocks and then we pretty much went through all of these videos very similar. You just have to have the video in hand on your computer, you upload it to the media library, you upload it or you get the URL.
We have file which is again similar if you click on file same thing very similar to audio video and image and gallery, and of course the last one is the cover. So the cover is also very very similar and the cover.
Typically, you want to have it at the top, so that and you just upload an image and that’s it. Of course, when you’re done, you want to click, publish and you’re good to go.