Home / WordPress Tutorials / WordPress Basics / How to Use Image in WordPress Sidebar Widget

How to Use Image in WordPress Sidebar Widget

3 Easy Steps to Use Image in WordPress Sidebar Widget

In this tutorial you’ll learn how to Use image in WordPress sidebar widget. For the beginners who are not knowledgeable enough about how to use image in WordPress sidebar widget, we now create this tutorial for help. Adding an image manually sounds time-consuming and low-efficient, but actually, it does not.

Step 1:  Log in to WordPress Admin Panel

To add an Image in WordPress sidebar widget, The very first thing, you need to Log in to your WordPress admin panel.

Go to your website login page (example: “http://www.yourwebsite.com/wp-admin”).

Enter your username and password and click on the “Login” button.

Step1-How-to-Use-Image-in-WordPress-Sidebar-Widget

 

Step 2: Uploading Image From Media Library

Once you’re in Dashboard, Go to the Media tab on the left side of the dashboard screen and Click on the “Add New” link under the Media section.

Step2-How-to-Use-Image-in-WordPress-Sidebar-Widget

 

On the Upload New Media page, Click on the “Select Files” button to upload an image from your computer.

Step3-How-to-Use-Image-in-WordPress-Sidebar-Widget

 

After uploading the image you need to click on uploaded image and copy the image file URL on the right side of the screen.

Step4-How-to-Use-Image-in-WordPress-Sidebar-Widget

 

Step 3: Use Image in WordPress Sidebar Widget

To use the uploaded image in WordPress sidebar widget, Go to “Appearance” tab and click on the “Widgets” link.

Step5-How-to-Use-Image-in-WordPress-Sidebar-Widget

 

On the following page select the “Text Widget” option at the bottom of the page and drag-drop the widget into the sidebar of your choice.

Step6-How-to-Use-Image-in-WordPress-Sidebar-Widget

 

Here is the code snippet to display the image in sidebar widget

<img src=”Put Your Image URL Here” alt=”Your Image Text” />

This tag defines an image. Just put the URL of your image in between the quotes of the image source tag. And you can also use alternative text for an image.

Click on the “Save” button.

Step7-How-to-Use-Image-in-WordPress-Sidebar-Widget

 

That’s it – now you can visit your website to see new image in WordPress sidebar widget.

 

Check Also

How-to-Install-WordPress-Theme-Banner

How to Install WordPress Theme

3 Easy Steps to Install WordPress Theme In this WordPress tutorial you will learn how …