Images are a great way to add a bit more interest to your posts. If you’re using WordPress, uploading and adding images is pretty easy, but sometimes we need a refresher. Here’s how you do it:

Media Library Example

Above is an example of the WordPress Media Library. All images, audio, and video that you upload to your website are conveniently found here. If you are already editing a post, you can access the Media Library through the “Add Media” button found directly below the title input bar. (It can also be reached through the Media tab in the dashboard on the left hand side of the screen, but we’ll be focusing on the first method)

Add Media button

If the image you wish to add is not already in your Media Library, select the Upload Files option found near the top of the Media Library.

Upload Files Option

From here you can drag and drop files directly from your computer. Alternatively, you can hit the “Select Files” button which will bring up a window that will allow you to browse for the file you wish to upload. You can upload multiple files at once by holding shift on your keyboard to select a group of files, or by holding the ctrl button (command button on a mac) to select multiple files that aren’t grouped together. For a list of file formats accepted by WordPress click here.

Drag and Drop example

Once your file is completely uploaded it will appear in your media library with a blue border, and a checkmark in the corner. This means the file is selected and will be inserted into your post when you are done. If you’ve uploaded multiple files at once, and you don’t want to insert them all, you can click on the ones you don’t wish to use to deselect them.

Image Select Example

You will also have the ability to add/ change attachment details on the right side of the screen. You may add information like titles, descriptions, captions, and alt text (used for screen readers to aid people with vision loss). You can also change the display settings, which are found just below the attachment details. These options let you choose the size (full size or thumbnail), alignment (left, center, or right side of your post), and link (what happens when you click on the image) for your image.

details example

Once you’re done configuring your options, simply click the blue “Insert into Post” button at the bottom right hand side of the screen. The image will now be inserted into your post. If you click on your image, you’ll notice that 2 icons will appear in the upper left hand corner. The first icon opens a window that lets you edit the attachment details and display settings (The same ones from the previous paragraph above). There is also a tab that lets you edit advanced settings such as changing the width/ height, and adding css classes and styles. Clicking the second icon removes the image from your post.

Image Icons example

 

And that’s how it’s done. Happy Blogging!

IF YOU ENJOYED THIS POST, GET UPDATES. IT'S FREE

Join hundreds of others who are recieving exlusive content. For Free.

You have Successfully Subscribed!