Hi! This is Topher with WinningWP. In
this video we’re going to take a look at how to add images to WordPress blog
posts. I’m going to dive right in and show you and then we’ll review the detailed
list of how it’s done. First of all either create a new post or edit an
existing post. You could create a new one here or you could edit one like this. I’m
going to edit this one. Now the first thing is to approximately place your
cursor where you want the image. I’m going to put mine here at the beginning
of this line. It doesn’t really matter because you can move the image once
you’re done but I find that it’s useful to put the cursor there. So really the
first thing we’re going to do is click “Add Media” and now this is our empty
media library so I need to upload a file. So I’m going to click the upload files
link then click select files and choose one from my hard drive. Now over on the
right are some fields that you really should enter. Title I don’t recommend
using at all, it’s an old-fashioned tag that gets abused more than used. You can
optionally caption it and this will be visible to people so you could write in
here who’s in the picture if you wished. Alt text is important for a number of
reasons. It informs Google what this image is about and it helps people with
screen readers to know what’s in the picture. The description is admin only it’s for
your benefit so you could put in a description that no one would ever see
but will help you know what’s going on here.
Then we have some display settings. You can align this image to the left, center,
or right. I’m going to choose left. Then you can choose to link to the media file
which would be the full size image, an attachment page which would be a
WordPress page with the image on it, or a custom URL, and that would allow you to
link to another page on the Internet. I’m going to choose media file. And then it
tells me right here where it’s going to link. And then I can choose a size. A cool
thing about WordPress is that when you upload an image it makes three different
sizes in addition to the original. So we have thumbnail, which is always square
150 by 150, medium which is similar proportions to the original but only 300
wide, and then full size which in this case is my original so I’m going to
choose medium. And then we click insert into post, and that’s it! Now I have an
image in my post. Now there are a few more things that we could do. If you
click on it you can see that you could make it align right or center. And if
it’s really not what you want you can click the pencil and you could choose a
different size or where it links to or go ahead and put in a caption and there
are even some Advanced Options which we don’t need to go into for this video.
Let’s caption it just for fun. And now I’ll update, and you can see my caption
here. Now how the caption actually appears on the front end of your site
depends on how your theme is built. It can look many different ways. Now let’s
review. First you need to be creating or editing a blog post, then you click the
“Add Media” button. Then you choose the upload tab. Now if you had already
uploaded your image it would already be in the media library and you could just
select it from there, you don’t have
to upload it a second time but if you’re uploading then you either browse your
hard drive or you drag your image into your browser and it will upload it. You
manage the options on the right regarding size and alt text and things
like that and then you click insert into post. And what’s important and something
I did not do is to save your post. Simply putting an image here does not mean that
it is saved yet so we’re going to click update. Now my post has an image. If you’d
like to learn more about WordPress check out WinningWP.com.