Categories

Featured templates

WordPress. How to add an image to widget

Nicole Hallman June 22, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

This tutorial will show you how to add an image to widget in WordPress.

WordPress. How to add an image to widget

In order to add an image to widget, follow the steps listed below:

  1. First of all, you need to upload a new image to your WordPress website.

  2. Log into your WordPress admin panel and navigate to Media tab:

    wordpress_how_to_add_an_image_to_widget_1

  3. Click on Add New button, then click on Select Files and upload the image that you want to see in a widget:

    wordpress_how_to_add_an_image_to_widget_2

  4. After uploading the image you need to click on the image to copy its URL:

    wordpress_how_to_add_an_image_to_widget_3

  5. You will see Edit Media page. The image URL is located on the right side of the screen. You need to copy this URL and paste it in any text editor (like Notepad):

    wordpress_how_to_add_an_image_to_widget_4

  6. Now, navigate to Appearance -> Widgets tab and drag-and-drop a Text widget from list of available widgets on the left to the widget area where you want to display the image on the right:

    wordpress_how_to_add_an_image_to_widget_5

  7. In the text box area of the widget, you need to add your image using HTML code:

    <img src="Paste The File URL Here" alt="Image Title"/>

    where in attribute src you need to define the file path to your image. Paste the URL of your image in ” ” (it will look like this):

    <img src="http://www.example.com/wp-content/uploads/2015/05/image_1.jpg" alt="Image_1" />

    in attribute alt you need to define an alternate text for the image. It will be displayed if the image is missing:

    wordpress_how_to_add_an_image_to_widget_5

  8. Click on Save button and refresh your website to see the image. You will see that the image was successfully added to the widget:

    wordpress_how_to_add_an_image_to_widget_6

Now you know how to add an image to widget in WordPress.

Feel free to check the detailed video tutorial below:

WordPress. How to add an image to widget

Latest Wordpress Themes
This entry was posted in WordPress Tutorials and tagged image, widget, WordPress. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket