Put an image in a WordPress widget – .com

Today’s tutorial is easy, simple and fast. Let’s see how to put an image in a WordPress widget, without writing any code.

And it is that sometimes the simplest things do not have an easy solution. This is the case that you can find if you want to place an image in a widget. It may surprise you, but by default there is no widget prepared for it.

If we wanted to do it, we would place a text widget with the HTML code, using the tag. So if you don’t know HTML, you couldn’t. And also it seems a bit desperate to be putting code in a widget.

But no problem, we have a widget from some great developers (Modern Tribe people) that will solve the issue for us, and will also give us some extra useful features. We are talking about the plugin:

Just install and activate, the plugin will add a new widget to our collection, called “Image Widget”, which we can place in the widget (sidebar, sidebar) area we want:

So, we only have to place it where we want, and fill in the options that it allows us:

the image itself

The first thing it asks you for is, obviously, the image. We can select one from the media library, or upload one from our computer. The plugin accepts the main formats: JPG, GIF, PNG, or even BMP, TIFF, etc.

Once selected and uploaded to our library, we insert it and it will appear in the widget.

If it appears cut off, don’t worry, then the widget will take care of displaying it in its entirety and resized according to the space available in each widget area.

Tags and meta tags

Next we can define some tags, meta tags and complementary information:

• Title: The title of the widget that will appear above the image. Optional.
• Alternative text: Both if the image does not load and for accessibility reasons, we can indicate an “alternative” text descriptive of it.
• Legend: The descriptive footer of the image that we have selected.

Link

Then we can insert a link, so that if someone clicks, they will go there. This is optional, and the parameters that we are asked for are the link itself (the destination URL)the ID (optional)and if we want to open that link in the window/tab itself, or if we want it to open in a new one.

dimension and positions

Finally we can choose the size of it. We can choose between all WordPress image sizes (Miniature, Medium, Long) or even custom dimensions.

And then, the last thing they ask us: The alignment, which can be right, left, centered or none. But in any case, if the image occupies 100% of the width of the sidebar, we will not notice any difference no matter what we put.

And ready!

And ready! We already have our image in a widget, which we can place in the widget area we want:

As you can see, the image has been automatically adapted, and shows the title at the top and the caption below, just as we have configured it.

There are a thousand more options to achieve this effect, and many other plugins similar to this one, but after trying them all, this is the one I recommend, due to the quality of the code, the solvency of its creators, and for being the most complete, lightweight, and responsive. .

If you have any questions about its use, you already know that you can contact me in the support tab of the . And if you want more plugins as easy, comfortable and functional as this one, I recommend the , in which I discover and show you several more plugins of this style through video tutorials 🙂