10,000+
July 20, 2025
September 9, 2008
Simple Image Widget is what the name implies — the easiest way to add images to your sidebars. Display advertisements, calls-to-action, or even build a slider based on image widgets.
Despite its simplicity, Simple Image Widget is built with extensibility in mind, making it super easy to spin off new image-based widgets, or customize the widget ouput using the available template hierarchy.
Install just like most other plugins. Check out the codex if you have any questions.
Absolutely. Changing the output can be done a few different ways, but the most common alternatives involve using the “simple_image_widget_output” filter or overriding the template in your theme.
To use the template method, copy “widget.php” from the “/templates” directory in the plugin to a “/simple-image-widget” directory in your theme. Then update as you wish. It’s also possible to create a custom template specific to each sidebar in your theme using the following default template hierarchy:
{theme}/simple-image-widget/{sidebar_id}_widget.php{theme}/simple-image-widget/widget.php{plugin}/templates/widget.phpAlways use a child theme to make changes if you acquired your theme from a third-party and you expect it to be updated. Otherwise, you run the risk of losing your customizations.
When selecting an image in the media modal (the popup to select images), the right sidebar will be titled “Attachment Details” and contains a field for entering alt text. After entering your alt text, click the “Update Image” button to use the selected image in your widget. Most browsers don’t show the alt text, so you’ll need to view the HTML source to make sure it exists.
The widget can be centered using CSS. Custom CSS should be added a child theme or using a plugin like Simple Custom CSS or Jetpack. The following snippet will center the contents of the widget:
.widget_simpleimage {
text-align: center;
}
The widget uses the core function wp_get_attachment_image() to display the image and it would be more trouble than it’s worth to remove those attributes. Some basic CSS will typically allow you to make the image responsive if necessary:
.widget_simpleimage img {
height: auto;
max-width: 100%;
}
| Version | Download | Type |
|---|---|---|
| 4.4.2 | Download | Stable |
| 4.4.1 | Download | Stable |
| 4.4.0 | Download | Stable |
| 4.3.0 | Download | Stable |
| 4.2.2 | Download | Stable |
| 4.2.1 | Download | Stable |
| 4.2.0 | Download | Stable |
| 4.1.2 | Download | Stable |
| 4.1.1 | Download | Stable |
| 4.1.0 | Download | Stable |
| 4.0.2 | Download | Stable |
| 4.0.1 | Download | Stable |
| 4.0.0 | Download | Stable |
| 3.0.4 | Download | Stable |
| 3.0.2 | Download | Stable |
| 3.0.1 | Download | Stable |
| 3.0 | Download | Stable |
| 2.1 | Download | Stable |
| 2.0 | Download | Stable |
| 1.3 | Download | Stable |
| 1.2 | Download | Stable |
| 1.1 | Download | Stable |
| 1.0 | Download | Stable |
| Development | Download | Trunk |