Hello, now we're going to improve the look of a page in WordPress. So we're going to improve the About Me page. So we're going to go to pages. And we could click on About me there or edit there, it's the same link. So there it is, I always think it's best to look at the page in another tab on the browser, it kind of speeds things up. So there it is always good to have a lot of text on your pages.

When we get to doing blog posts, I'm going to say about 1000 to 1500 words, but for an About Me page. We have a word count here actually 603 500 600 words plus is okay for an About Me page. But it's looking fairly down. So you've got the word processing icons. You will recognize from word processing applications such as word, we've got Bold Italic, cross through bulleted lists, numbered lists. That is for a block quotes.

That's just if you're quoting someone or something like that, that's for a line, and then you've got left align centered right aligned. The style for these pages is left aligned, so you probably won't bother with that. links and links and read more tag anyway. And this one, I would ask you to click this because this gives you a second line of options, which is quite important, especially the first menu here, and that's what we're going to use straightaway. Now, we're going to get rid of it where it says tagline because obviously we don't want to publish something saying tagline, and I don't even have to select the whole of this text. I just need to have my cursor blinking along that line.

Somewhere and I'm going to choose heading to the about me there is the heading one. So I'm going to update and I'm going to refresh this page, and they see the heading one style and the heading two style. And already this page is looking a little bit more interesting. I'm going to highlight all of that and make that static. That looks like another heading. So we'll give that Heading Two.

We've got a heading there, and another one there. And here at the bottom, we have a contact me link and that should be a link of course. So we'll go to the contact me page here in the menu. We'll select that URL at the top Command or Ctrl C for copy. And then we'll highlight this text here, click the Insert link icon and then paste the link there. And we can either click return or just click that apply button there.

And there's the link, actually going to go up to the top now, and I'm going to change that into heading three, that was a bit too big. And maybe these two headings are too close together. So we'll make those two heading threes as well. Now we've made lots of changes. So let's update, go back to the About Me page. And there we are.

That's the heading three looking a little bit better there. There's the heading two rather, heading two, and the two heading threes there. And there's the link that's test that link and it goes to the contact me page. Great. So everything's looking great. We can see there's an error there couple of commerce, get rid of one of those.

And every page like this needs an image and a large image needs to be either right at the The top or very nearly at the top, certainly. So you can see an image when you first go to that page makes the page look 10 times better. So we have an image here, nice image. And also it's a horizontal format. It's a landscape format, which works well with a web page. If it was a vertical format, it would take up too much space, or was it with images, it's the file size, this is really important.

And this one is 246 kB, and that is over 1000 pixels wide. This is far too big. It's far too big size. No image should really be bigger than 70 or 80 kb. It's too large and dimensions. Anyway, if I go back to the About Me page, if you right click on the paragraph here, and inspect and then hover over the nearest div class now, don't worry If this is too technical for you, you don't have to do this.

But you can see there that the space here is actually 840 pixels. And remember that the size of the image is over 1000 pixels wide. So it's too big at the moment, I would recommend you go to a website, like JPEG optimizer.com. Choose File, compress the image to around about 50. That's like a percentage. So it's going to be half the quality but half the compression rate.

We're going to resize it to let's put it 750 pixels width, and now we're going to optimize the photo. There it is. And you'll see that the new file size now is 73 kB so I'm happy with that we've saved 68% with Cut off two thirds of the size of that image is so important because large image sizes really slow down the speed that your webpages load, and you lose loads of visitors and Google doesn't like it. So now that's our downloaded optimized smaller image. And sure enough, it's 74 or something KB, we can live with that file size, and I'm going to change the name of the image. Now I'm going to call it, add keywords into it and give it a good description of what the image is.

Now we're going to upload the new one, get rid of the title and put it in the alt text. We can keep these display settings as they are it's going to be centered. It's not going to be linked to anything and it's full size. It's the size that we created it at the website. jpg optimizer.com insert into page update. Okay, now that's a little bit smaller than the width of that section.

But I still think that looks good. And it's loading a lot quicker. Looks like I've left a spate. Yeah, I've left a space in there, which I'll delete. But the web page is looking absolutely great. Now, there's subheadings.

Heading to is bold italics, there's a link down the bottom, there's a great image that looks fantastic. And loads quickly. This is how to edit web pages in WordPress, you've got to think about the words. Are they attractive, the title, the subheadings, and the text are all rich with key words and helpful to the people who are reading it. That makes sense. The image, it's got one at least one main image, which looks great, and the formatting is good, so it looks good as well.

Let's refresh and we got rid of that space. Okay, my name is Rob cabin. Very important video this one about formatting and photos on web pages with WordPress. I'll see you in the next video.