How To Add An Image In WordPress Sidebar Without Plugin?
October 17th, 2015 | by Ravi Chahar || 18 Comments |
While writing a blog post, you may need to embed many images. But do you know how to add an image in WordPress sidebar? I have noticed many newbies who try to find it out. You may have noticed that in WordPress there is no box to add an image in the sidebar.
There are many text boxes. In this post, I am going to tell you how to use those text boxes to add an image in the sidebar. There are some simple steps to follow.
Add An Image In The Sidebar Manually:
There are many plugins using which you can add an image. Image widget, simple image widget and many more. But here I am going to show you how can you add an image manually using just one HTML code. Using the simple text box, you can add many images to WordPress sidebar whenever you want.
I am going to show you how to do that?
Step 1:- As you know that you can upload an image in the WordPress library using “add new” option. But still make sure that you go to Media>>Add New. A new page will appear in front of you. In this page, you will see an option in the middle “select files”. You just need to click to that option and you can browse from your computer.
Step 2:- After that you will see that image will get uploaded and an option below that will be shown to you. Just click to “edit” option.
Step 3:- WordPress will be showing your image and some information with it in the sidebar. You just have to copy the file URL. You can copy that URL by simply going to the library after upload and opening that image. All other details consisting title, caption, alt text will be shown to you with the image.
Step 4:- Now it’s time to do some techie stuff. Go to Appearance>>Widgets from the left sidebar of your WordPress. you will easily see the option “available widgets” from which you have to pick one “text box”. Just pick that text box and put it in the “sidebar widgets”. You can adjust the position of the image here.
After putting the text box click to that text box and you will see some blank fields to fill like title and content. In the title, you can write anything you want to show to your readers above the image. Next thing and the most important thing is to write an HTML code in the content section.
<img scr=”FILE URL” alt=”name”></img>
Here your code will look like
<img scr=”https://www.blogginglove.com/wp-content/uploads/2015/10/30595_l1.jpg” alt”chocolate cake”></img>
You have to paste the file URL you have copied earlier. I have added a URL. The URL of your file will be different. After adding this code, you have to click to “save” button and your image will successfully be added in the sidebar.
If the image you have added doesn’t appear in the WordPress sidebar then you have to adjust its dimensions according to your sidebar. I have experienced such type of problem. The only thing you have to pick up an image with the same width as of the sidebar of your website. If you don’t get such image then simply edit that image according to your requirements.
Wil You Prefer To Use A Sidebar Image Widget Or An HTML Code?
As I have mentioned above that you can add an image in the sidebar using a plugin and with a simple HTML code. Will you prefer to use a sidebar image widget plugin or a simple text box with a code? It is always suggested that you have to use minimum plugins at your WordPress website. So, I guess using an easy going text box will be favorable.
If you still want to use any plugin then you can use it for sure. They will work great. You don’t need to add any extra code with them. It’s the matter of choice whether you want to use a plugin or not. If you face any problem in adding an image then I am here to help you.