Tutorial: How to Add Images to Your WordPress Sidebar Using HTML

First and foremost, it’s important to know that you can add images to your sidebar without using HTML coding. There are several plugins you can install to do this.

I always opt to do a little coding instead of using plugins because:

  1. I have more control.
  2. I think it’s faster.
  3. I come from the marketing world, so naturally, I think coding is pretty cool.

Now, if you’re a newbie to HTML code, I’d suggest you learn a few small codes if you have a blog. It just makes blogging easier, and you can usually achieve the look you want with a few small codes.

Related Posts:

– 15 Smart Things to Do the First Month After Starting a Blog

– 4 Reasons Bloggers Should Use Canva

– The 3 Keys to Blogging Success

– No-Fail Blog Post Ideas

– Do These 5 Things Before You Start a Blog

HERE’S HOW TO ADD IMAGES TO YOUR SIDEBAR USING HTML:

Upload the images you want displayed in your sidebar to your media library. Click “Add New” and then click “Select Files.” If you have already used the image and it lives in your library already, you don’t need to re-upload it.

Select Add New in your Media Library



Click Select FilesClick into the image and select “Edit more details”

Click Edit more detailsYou’ll see a File URL. Copy and save this URL for later.

Click File URLGo to Appearance > Customize

Select Widgets > Blog

Note: these may say something slightly different depending on the theme you chose for your blog. You’ll want to find where your blog’s sidebar resides.

You’ll select “Add a Widget.”

Select Add a WidgetYou should see a list of widgets pop up. Scroll to find the one that says “Text.” In Text widgets you can add HTML coding. Score!

Find the Text WidgetTo add your image, use this coding: <img src=”FILE URL”>

If you want to get fancy and add a URL that your image links to, your coding will be: <a href=URL you want to link to><img src=”FILE URL”>

Add HTMLClick “Save & Publish.”



Click Save and Publish

Now,  you have got yourself an image on your blog’s sidebar!

Here’s my final result after adding images to my blog’s sidebar:

How to Add Images to Your WordPress Sidbar

If you try this, please let me know how it works for you and if you have any questions along the way. I’m always happy to help.

Happy coding!