- By
Images bring WordPress posts and pages alive! Not only can an image convey a thousand words, it can also be a great tool for breaking up large amounts of text and generally making everything much much easier on the eye. But how do you actually add images to WordPress? Luckily, it’s easy…
Here’s a quick step-by-step video on all that’s involved.
How to add an image to WordPress blog posts and pages:
– (note: video credits to Topher DeRosia – creator of HeroPress)
Video Transcript:
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 by , medium which is similar proportions to the original but only 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.
Anything to add?
