• Home
  • Themes
    • Theme Tutorials
    • Theme Collections
  • Free Themes
    • Pasco
    • Porton
    • Madrin
    • EMO
  • Plugins
    • Plugin Tutorials
    • Plugin Collections
  • Blogs
    • How To
    • Beginners
      • Steps To Make a WordPress Website
      • Customize your Admin Area in WordPress
    • News
  • Contact
  • Support Forum
WordPress Themes, Plugins, Articles & much more - WordPress Themes Collection WordPress Themes, Plugins, Articles & much more - WordPress Themes Collection
  • Home
  • Guides
  • Beginners
  • How to Add an Image in WordPress Sidebar
June 14, 2018

How to Add an Image in WordPress Sidebar

Beginners/How To/Plugin Tutorials
How to Add an Image in WordPress Sidebar

Do you want to add an image to a sidebar widget in WordPress? Now we will show you 3 ways to easily add an image in your WordPress sidebar widget

  1. Using “Image” From WordPress vesion 4.8, you can use the “Image” widget to add any image to your WordPress sidebar. It is recommended in most cases, especially if you are not that technical, and just want something basic.
  1. Using “Text” widget or “Custom HTML” The WordPress text widget or custom HTML widget for those who understand basic HTML code and/or would like more advanced control.
  1. Using a WordPress plugin could be beneficial for a number of specific use-cases. Image slideshows, image lightboxes, etc. I’ll talk about a few good options later on in the article.

Using WordPress Image Widget

The easiest way to add an image in WordPress sidebar is by using the default ‘Image’ widget. Goto Appearance -> Widgets page and add the ‘Image’ widget to your WordPress sidebar.

image-widget

Add an image using Image widget

When the widget expands, You can setup for its options. Click on the ‘Add Image’ button to upload your image or select an image you have previously uploaded. Then provide a title/ALT text for the image, add a description, select size, or even add a link.

Once you are done, you can click on the ‘Save’ button to save your image widget. Now you can visit your website to see the image displayed on your WordPress blog’s sidebar.

image-widget-result

Using WordPress Text/Custom HTML Widget

When you need to add an image with custom HTML or text with formatting. In that cases, you will need to use the ‘Text’ widget or Custom HTML widget instead.

  • Use Text Widget 

Goto Appearance -> Widgets page and add the ‘Text’ widget to your sidebar. Under the widget settings, you will see the ‘Add Media’ button above text edit area. Seclect your image, click on the ‘Insert into post’ button.

You can continue adding text and other elements to the text widget. The toolbar in the text editor gives you some basic formatting buttons.

text-widget

Once you are done, don’t forget to click on the ‘Save’ button to store your widget settings.

  • Use Custom HTML widget

The default text widget allows some very basic HTML, but it may not work with advanced HTML or formatting. So you need to add the image by using Custom HTML widget.

custom-html-widget

Firstly, go to Media -> Add New and upload the image to your WordPress site. Then you need to click on the Edit link next to the image to get the image file URL  of this image, copy this URL.

Next, Goto Appearance -> Widgets screen and drag-drop ‘Custom HTML’ widget to your WordPress sidebar where you want to display the image.

Add this custom HTML to text area:

1
<img src="Paste The File URL Here" alt="image-alt-here" />

Finally, click on the Save button to store your widget settings and then preview your website.

custom-html

Adding an Image in WordPress Sidebar Using a Plugin

You can also use a plugin to display image in sidebar with more options and simple interface than the default ‘Image’ widget.

Firstly, you need to install and activate the Image Widget plugin.

image-plugin

Next, go to Appearance -> Widgets page. Drag and drop new widget labeled ‘Image Widget’ to your WordPress sidebar where you want to display an image. Then click on the ‘Select Image’ button to upload an image or select one from the media library. After that you need to click on the ‘Insert to Widget’ button, and you will see the image preview under widget settings.

You can add a title, alt text, link, and a caption for the image.Once you are satisfied, simply click on the Save button to save the image widget.

You can consult our video guide on  How to Add an Image in WordPress Sidebar below:

———–

That’s all, hopefully this article helped you know How to Add an Image in WordPress Sidebar. If you have any further questions for us, don’t hesitate to put it up in the comments. See you again in orther tutorials!

 

Previous Post
5+ BEST FREE WORDPRESS POLL PLUGINS 2018
Next Post
How to Update WordPress Plugins via FTP
Avatar

g5plusacc

You May Also Like

7 Tips for WordPress Beginners
May 31, 2019

7 Tips for WordPress Beginners

Why Your Business Website Should Switch to WordPress
May 22, 2019

Why Your Business Website Should Switch to WordPress

8 Ways Help Your WordPress Site Get More Traffic
May 17, 2019

8 Ways Help Your WordPress Site Get More Traffic

The Tips to Promote Your Blog Posts
April 23, 2019

The Tips to Promote Your Blog Posts

Three Steps to Have Your First WordPress Website
April 16, 2019

Three Steps to Have Your First WordPress Website

How To Create A Landing Page For Your Small Business
March 22, 2019

How To Create A Landing Page For Your Small Business

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Latest Post

7 Tips for WordPress Beginners
7 Tips for WordPress Beginners
May 31, 2019
Why Your Business Website Should Switch to WordPress
Why Your Business Website Should Switch to WordPress
May 22, 2019
8 Ways Help Your WordPress Site Get More Traffic
8 Ways Help Your WordPress Site Get More Traffic
May 17, 2019
The 15+ Best Free WordPress Themes 2019
The 15+ Best Free WordPress Themes 2019
May 2, 2019

Categories

  • Guides
    • Beginners
    • How To
  • News
  • Plugins
    • Plugin Collections
    • Plugin Tutorials
  • Themes
    • Free Themes
    • Theme Collections
    • Theme Tutorials

SharePress is an online WordPress library which focuses on WordPress tutorials, How-to’s, guides, themes, plugins, news, and more. We are here to help you!!

Userful Link

  • ThemeForest
  • Beginners
  • How To
  • News

Subscribe & Follow

Subscribe to my Newsletter

© 2016 - 2018 - sharepress.net. All Rights Reserved.