How to add an image link in your WordPress sidebar + FREE banners

Dec 6, 2016 | Design Resources, Wordpress Tutorial | 3 comments

Recently one of my customers asked me How to add an image link in your WordPress sidebar. By default, WordPress has only a text widget so you need adding HTML code manually. But, no worries, if you don’t know HTML, I will show you an easy trick to get around that.

This is really useful if you want put a logo, sponsors and internal links to your website.

 

How to add an image link in your WordPress sidebar

  • In your dashboard, create a new post or page and  and add an image from your library or computer.

how-to-add-an-image-link-in-your-wordpress-sidebar-01-lovely-confetti-tutorial

  • Once you have uploaded and inserted your image, click on the image and then click on the pencil icon (see below).

how-to-add-an-image-link-in-your-wordpress-sidebar-02-lovely-confetti-tutorial

  • A new window will pop up with information about your image. Now you can select Link to – custom URL and enter your URL.  If you want your image to open in a new window, set the target”open link in a new tab”.

how-to-add-an-image-link-in-your-wordpress-sidebar-03-lovely-confetti-tutorial

  • Tab over to the text mode and copy all HTML code.

how-to-add-an-image-link-in-your-wordpress-sidebar-04-lovely-confetti-tutorial

3. Go to Appearance > Widgets and drag-drop a text widget to your sidebar where you want to display the image, add a title text if you like and paste code.

how-to-add-an-image-link-in-your-wordpress-sidebar-03-lovely-confetti-tutorial

  • Delete that post or  save it as a draft for easier editing in case you decide to change things up again in the future.
  • Now visit your site and click on the linked image to verify that the link works as expected.

how-to-add-an-image-link-in-your-wordpress-sidebar-06-lovely-confetti-tutorial

  • You can add more images, delete the spaces between the photos and copy/paste code like my example.

FREE BANNER IMAGES FOR YOUR WORDPRESS SIDEBAR:

And as a bonus, you can download these free banners images in .png and .psd format if you want edit text, colors and images!

free-banners-free-library-how-to-add-an-image-link-to-wordpress-sidebar-lovely-confetti-tutorials

Join our mailing list to get access to our free resource library and download these free bannes instantly!

Get these FREE image banners

You may also like..

How to make an interactive quiz for your Business

How to make an interactive quiz for your Business

There are fun and creative strategies you can implement to engage your audience and one of those strategies is an online quiz maker. Quiz Makers is a perfect tool for coaches, business marketers and managers who need generating leads, segment the audience, and drive...

5 of the best free stock photo sites

5 of the best free stock photo sites

Any creative knows that photos are an essential part of making your blog or website look as beautiful as possible. Many times we have little budget to buy premium photos and we find it difficult to find beautiful and copyright-free images. Thanks to stock photography...

3 Comments

  1. Tiara Flanagan

    Hi, I have the ingrid theme with the solid light pink banners that stated blog, portfolio and shop. I was wondering how to replace them with these new ones. Thank you.

    Reply
    • crisa28

      Yes, of course.

      Reply

Submit a Comment

Your email address will not be published.

Hey there, I´m Cristina

I´m Cristina, engineer, curious, hipster and handcrafter. I Design feminine, modern and simply wordpress themes for female creative entrepreneur.

CATEGORIES

Ready to upgrade your own site? let's do it.

Check out some featured showcase sites

Divi WordPress Theme

Pin It on Pinterest

Shares
Share This
Cart
  • No products in the cart.