How to Add Image in the Sidebar Text Widget?

how to add image on sidebar text widget
How to add image on sidebar text widget

Don’t know how to add an image in the sidebar text widget? Follow these simple steps to insert image in the sidebar of your WordPress blog/site.

I have always wanted to add an image in the sidebar text widget simply for the sheer challenge of it. I needed to do something new, or maybe I have seen it done somewhere else, and I wanted it for my blog too.

If you ever come across this issue in your life – how to add an image in the sidebar text widget – then you would thank me for guiding you the process.

With that said, let’s get into the business of inserting image in the Text widget.

Insert Image in the Sidebar – Upload the Image

First of all, find an image and use photo editing tool to resize it to fit in the sidebar and upload it via Media>Add New from WordPress dashboard.

If you don’t then, then you’ll have to resize it later, which I will show you how.

Insert Image in the Sidebar – Get the URL

Once you’ve uploaded the image, you need to get the URL of the uploaded image. To get the URL, click on the uploaded image from the Media > Library. Click edit and a new window appears. Grab the URL value from the File URL box.

Insert Image in the Sidebar – Insert URL in Text Widget

how to add text image on sidebarAfter grabbing the URL, go to Widgets, and then select a text widget and drop it to the sidebar. Type your text. For the image, specify the following code with the URL value.

<img src=”http://www.yourdomain.com/wp-content/uploads/2013/01/image-name.jpg” />

Insert Image in the Sidebar – Additional Settings

If you haven’t resize you’re original image, then the image might overlap the width of the sidbar, causing it to look odd. You can resize it by adding width and height property of the image.

So the above example becomes:

<img src=”http://www.yourdomain.com/wp-content/uploads/2013/01/image-name.jpg” width=”150px” height=”100px”/>

Note : Please don’t forget to begin and end the quotation around the value. Don’t use it if you don’t want to. It should work fine.

There you have it. 4 Simple steps to add image in the sidebar.

Tell us what you think about this tip – How to add image in the sidebar text widget?

Total Views: (0)

LEAVE A REPLY