Image Widget

Description

Image Widget is a simple plugin that uses the native WordPress media manager to add image widgets to your site.

Need to add slideshows, lightboxes, or random images?
Check out Image Widget Plus!

Image Widget Features

  • Responsive
  • MU Compatible
  • Handles image resizing and alignment
  • Link the image
  • Add title and description
  • Versatile – all fields are optional
  • Upload, link to external image, or select an image from your media collection
  • Customize the look & feel with filter hooks or theme overrides
  • Additional features available with Image Widget Plus

Quality You Can Trust

Image Widget is developed and maintained by Modern Tribe, the same folks behind The Events Calendar, Event Tickets, and a full suite of premium plugins.

This plugin is actively supported by our team and contributions from community members. If you see a question in the forum you can help with or have a great idea and want to code it up or submit a patch, that would be awesome! Not only will we shower you with praise and thanks, it’s also a good way to get to know us and lead into options for paid work if you freelance.

Image Widget Plus!

Image Widget Plus features include:

  • Multiple image support
  • Random image
  • Slideshow
  • Lightbox

Check out Image Widget Plus now!

Pull Requests & Translations

Check us out on GitHub to pull request changes.

Translations can be submitted here on WordPress.org.

Documentation

The built in template can be overridden by files within your template.

Default vs. Custom Templates

The Image Widget comes with a default template for the widget output. If you would like to alter the widget display code, create a new folder called “image-widget” in your template directory and copy over the “views/widget.php” file.

Edit the new file to your hearts content. Please do not edit the one in the plugin folder as that will cause conflicts when you update the plugin to the latest release.

New in 3.2: You may now also use the “sp_template_image-widget_widget.php” filter to override the default template behavior for .php template files. Eg: if you wanted widget.php to reside in a folder called my-custom-templates/ and wanted it to be called my-custom-name.php:

add_filter('sp_template_image-widget_widget.php', 'my_template_filter');
function my_template_filter($template) {
    return get_template_directory() . '/my-custom-templates/my-custom-name.php';
}

Filters

There are a number of filters in the code that will allow you to override data as you see fit. The best way to learn what filters are available is always by simply searching the code for ‘apply_filters’. But all the same, here are a few of the more essential filters:

widget_title

This is actually a pretty typical filter in widgets and is applied to the widget title.

widget_text

Another very typical widget filter that is applied to the description body text. This filter also takes 2 additional arguments for $args and $instance so that you can learn more about the specific widget instance in the process of filtering the content.

image_widget_image_attachment_id

Filters the attachment id of the image.
Accepts additional $args and $instance arguments.

image_widget_image_url

Filters the url of the image displayed in the widget.
Accepts additional $args and $instance arguments.
THIS IS DEPRECATED AND WILL EVENTUALLY BE DELETED

image_widget_image_width

Filters the display width of the image.
Accepts additional $args and $instance arguments.

image_widget_image_height

Filters the display height of the image.
Accepts additional $args and $instance arguments.

image_widget_image_maxwidth

Filters the inline max-width style of the image. Hint: override this to use this in responsive designs 🙂
Accepts additional $args and $instance arguments.
Return null to remove this css from the image output (defaults to ‘100%’).

image_widget_image_maxheight

Filters the inline max-height style of the image.
Accepts additional $args and $instance arguments.
Return null to remove this css from the image output (defaults to null)

image_widget_image_size

Filters the selected image ‘size’ corresponding to WordPress registered sizes.
If this is set to ‘tribe_image_widget_custom’ then the width and height are used instead.
Accepts additional $args and $instance arguments.

image_widget_image_align

Filters the display alignment of the image.
Accepts additional $args and $instance arguments.

image_widget_image_alt

Filters the alt text of the image.
Accepts additional $args and $instance arguments.

image_widget_image_link

Filters the url that the image links to.
Accepts additional $args and $instance arguments.

image_widget_image_link_target

Filters the link target of the image link.
Accepts additional $args and $instance arguments.

image_widget_image_attributes

Filters a list of image attributes used in the image output. Similar to ‘wp_get_attachment_image_attributes’
Accepts $instance arguments

image_widget_link_attributes

Filters a list of attributes used in the image link. Similar to ‘wp_get_attachment_image_attributes’
Accepts $instance arguments

Have You Supported the Image Widget?

If so, then THANK YOU! Also, feel free to add this line to your wp-config.php file to prevent the image widget from displaying a message after upgrades.

define( ‘I_HAVE_SUPPORTED_THE_IMAGE_WIDGET’, true );

For more info on the philosophy here, check out our blog post

Screenshots

  • Image Widget admin screen.
  • Media manager integration.
  • Image Widget on the front of a plain WordPress install.

Installation

Install

Getting started with Image Widget is a breeze!

  1. Download and install the Image Widget plugin
  2. From your WordPress admin screen, select Plugins from the menu
  3. Activate the Image Widget plugin
  4. Go to Appearance > Widget to place the widget in your sidebar in the Design

If you run into any questions or have suggestions, please visit the forum to post questions or comments.

Requirements

  • PHP 5.2 or above
  • WordPress 3.5 or above

FAQ

Installation Instructions

Install

Getting started with Image Widget is a breeze!

  1. Download and install the Image Widget plugin
  2. From your WordPress admin screen, select Plugins from the menu
  3. Activate the Image Widget plugin
  4. Go to Appearance > Widget to place the widget in your sidebar in the Design

If you run into any questions or have suggestions, please visit the forum to post questions or comments.

Requirements

  • PHP 5.2 or above
  • WordPress 3.5 or above
How do I log into my site to install this plugin?

Visit the WordPress codex for help with login troubles.

Can I display Image Widget on only one page?

Yes you can, however, this is not controlled through the Image Widget plugin directly – it is usually managed through a page-specific sidebar display.

There are several solutions available to accomplish this. A quick search for “WordPress page-specific sidebar display” can help you find the best option for your site.

Is there a demo available?

Though we do not have a demo available, we do have screenshots available here.

How can I add lightbox, slider, or random image capabilities?

These features are part of our Image Widget Plus plugin. You can learn more about Image Widget Plus on our website.

Where do I go to file a bug or ask a question?

Please visit the forum to post questions or comments.

Reviews

Only missing “class” field to add classes

I had to spend 30mins hardcodding your plugin to add a class field to the img, because I wanted the image shaking and to have my JS working I had to add a specific class name.

So basically that’s what’s missing in my opinion to make this perfect. 🙂

You can even add 2 fields, one to add a class for link and other for the image.

For you this is something that will take you like 15 minutes and it’s a good upgrade. 🙂

If you do that, I will change my rating to 5 stars! 😉

Excellent Plugin

Great plugin for beginners and experts alike. Install it, add it as a widget to the side bar, select your image, enter your information, save it and you’re all done.

Read all 288 reviews

Changelog

[4.4.6] 2017-09-12

  • New – Added new filter tribe_image_widget_instance_description for more control over how the description field is handled.
  • Fix – Prevent broken HTML in the “description” field that sometimes arose with certain user roles. Props to users @bridgetashley and @JoshRoy spotting this one!

[4.4.5] 2017-06-14

  • Fix issue with image URLs in the widget admin interface [80659]

[4.4.4] 2017-06-01

  • Tweak – Improve upsell notices display logic [78676]

4.4.3

  • Fix – Fixed bug where selecting an image failed to trigger a Save & Publish in the Customizer (props to dsaric-dev for the fix)
  • Tweak – Roll-back to sidebar_admin_setup to enqueue resources for optimal plugin compatibility (props to megamenu for the heads up)

4.4.2

  • Fix – fixed compatibility with WordPress versions prior to 4.4
  • Fix – proportional scaling of image within the widget editor
  • Fix – fix validation by avoiding empty attributes and only specifying sizes with srcset (thanks Zodiak1978)

4.4.1

  • Fix – fixed some broken links

4.4

  • Feature – Add srcset and size attribute support (props @philwp)
  • Tweak – Readme adjustments
  • Tweak – Additional refinements to notice code.

4.3.1

  • Tweak – Upgrade admin notice code

4.3

  • Translations – fixed compatibility with translate.wordpress.org
  • Translations – restored the pot file for easier community translations
  • Tweak – fixed a typo
  • Tweak – Minor code cleanup

4.2.2

  • Feature – Include registered image sizes in the list of selectable items (props to aaemnnosttv for the pull request!)

4.2.1

  • Feature – Removing Freemius. Interesting experiment, but ultimately, not our cup of tea. Thanks for sticking with us!

4.2

  • Security – Prevent direct access to directories (thank you @ramiy)
  • Translations – Remove po/mo files, migrate to translate.wordpress.org language packs
  • Feature – Add support for the rel attribute
  • Feature – Adding an opt-in integration with Freemius

4.1.2

  • Tweak – Added support for an id attribute on links (Props to amyh for the work on this!)

4.1.1

  • Tweak – Retiring the use of PHP 4 style constructors

4.1

  • Remove accidentally deployed image size update.

4.0.9

  • Fix image stretching bug in admin (Thanks @kyleunzicker)
  • Add polish translation (thank you @difreo)
  • Add hebrew translation (thank you Ariel Klikstein)
  • Add german translation (thank you Daniel Schmidt)
  • Fix “Alt” text in the widget source to use actual “Alt” text (thanks @adoliver and @Degas)

4.0.8

  • Responsive support in honor of Josh Broton’s WordCamp SF talk about responsive design. max-width now defaults to 100%;

4.0.7

  • Add Spanish translation (thank you @mzaweb)

4.0.6

  • Rename all language files and implement a couple more minor language bug fixes a la @understandard
  • Added support for the constant ‘I_HAVE_SUPPORTED_THE_IMAGE_WIDGET’ to turn off the message that appears after upgrading. (@crienoloog, i hope this puts a smile on your face.)

4.0.5

  • Added Japanese (and fixed a minor language string bug – thank you @understandard)
  • Added Arabic (thank you @modmenpc)

4.0.4

Super minor fix to enable saving of a blank caption. (thanks @crdunst)

4.0.3

Fixed javascript bug caused by log message.

4.0.2

Fix oversized screenshot.

4.0.1

Language updates:

  • Brazilian Portuguese (Thank you @guhemama)
  • Spanish (Thank you @javiandgo)

4.0

  • Significant upgrades to support the new WordPress media manager (Thank you @kyleunzicker, @dancameron, @dudekpj, @JakePT)
  • Significant improvements the administrative user interface.
  • Abstracted support for older versions of WordPress so that that we don’t break old versions with this upgrade (Though there’s no reason you should up grade this widget and NOT your WP install! You should always keep WordPress core up to date!)
  • Added ‘image_widget_link_attributes’ filter to easily process link attributes and to default to having the link ‘title’ be the ‘alt’ or ‘title’ content. (Thank you @ZeroGravity, @pixelyzed, and @javiandgo)
  • Updated Translations
    ** Swedish (Tomas Lindhoff tomas@xhost.se)
    ** Dutch (Presis contact@presis.nl)
    ** Italian (@maxgx)

3.3.8

  • Added italian translations courtesy of @maxgx

3.3.7

  • Add filters so that people can more easily adjust the output of the widget as per @TCBarrett’s request.

3.3.6

  • Czech translation courtesy of Vladislav Musilek at blogísek (http://blog.musilda.cz).

3.3.5

  • Fix filtered media library inserts thanks to @miraclemaker as well as @oxyc, @BjornW and innumerable others in the support forum (https://wordpress.org/support/topic/plugin-image-widget-add-image-upload-an-image-select-insert-into-widget-no-image-is-shown)
  • Adjusted HTTPS/SSL handling so that it’s only applied in the view. ( thanks @TheFluffyDoneky and @aerobrent )
  • Added a filter for the image url: ‘image_widget_image_url’
  • Add Dutch language translation ( thank you Carsten Alsemgeest – presis.nl )
  • Rename all language files to lowercase image_widget to match the localization string.

3.3.4

  • Fix javascript bugs in the widget admin UI. ( thanks for filing this @joo-joo )
  • Fix notices in php error log.
  • Add widget description filter $args and $instance ( thanks @jeffreyzinn )
  • Fixed localization and renamed key to ‘image-widget’

3.3.3

  • Romanian translation courtesy of Alexander Ovsov at Web Geek Science (http://webhostinggeeks.com).

3.3.2

  • Remove extra esc_attr() from the $title display. (Thank you @romaspit)

3.3.1

  • Add minor security updates.
  • Update readme, thumbnails and other minor descriptors.

3.3

  • Fix to allow the widget to work in the non-async (browser) uploader. Props Bjorn Wijers

3.2.11

  • Yet another minor JS fix to hopefully address issues of lightbox not working

3.2.10

  • Fix JS typo.

3.2.9

  • Minor JS fix to hopefully address issues of lightbox not working
  • Use new the new jQuery.fn.on method for forward compatibility.

3.2.8

  • Minor bugfix courtesy of Takayuki Miyauchi (@miya0001)
  • Polish translation courtesy of Łukasz Kliś

3.2.7

  • Update javascript to work with the new version of WordPress (thanks Matt Wiebe!!! @mattwiebe)
  • Added Japanese translation courtesy of Takayuki Miyauchi (@miya0001)

3.2.6

  • Add HTTPS support courtesy of David Paul Ellenwood (DPE@SGS)

3.2.5

  • Added Swedish translation courtesy of Tomas Lindhoff (@Tomas)

3.2.4

  • Added javascript conflict prevention code thanks to @rcain.

3.2.3

  • Added French translation courtesy of Dominique Corbex (@Domcox)

3.2.2

  • Added Portuguese translation courtesy of Gustavo Machado

3.2.1

  • Fix image widget public declaration bug.

3.2

  • Abstract views for widget output and widget admin.
  • Support theme override of the widget output! Now you can layout the widget however you’d like.
  • Added filter to override template call.

3.1.6

  • Fixed WordPress 3.0 bugs. (Thanks @kenvunz)

3.1.5

Fixed PHP 5 bug. Removed ‘public’ declaration. https://wordpress.org/support/topic/362167 Thanks @mpwalsh8, @jleuze, @PoLaR5, @NancyA and @phoney36

3.1.4

  • Added support for ALT tags. If no alt tag is entered the title is used.

3.1.3

  • Added German language support (Thank you Rüdiger Weiß!!!)

3.1.2

  • Fix bug: XHTML Compliance (thanks HGU for offering a patch and thanks @webmasterlistingarts for filing the bug)
  • Replaced <p> with <div> in description to also improve XHTML compliance.

3.1.1

  • Fix bug: php4 reported error: PHP Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ (thanks @natashaelaine and @massimopaolini)

3.0.10

  • Fix bug: improve tab filters.

3.0.9

  • Fix bug: update tabs filter to not kill tabs if upload window is for non widget uses.

3.0.8

  • Remove the “From URL” tab since it isn’t supported.
  • Replace “Insert into Post” with “Insert into Widget” in thickbox.

3.0.7

  • Fix Dean’s Fcuk editor conflict. (Thanks for the report Laurie @L_T_G)
  • Fix IE8 bug (Remove extra comma from line 66 of js – thanks for the report @reface)
  • Update functions and enqueued scripts to only trigger on widget page.

3.0.6

  • Fix crash on insert into post.

3.0.5

Thank you @smurkas, @squigie and @laurie!!! Special thanks to Cameron Clark from http://prolifique.com a.k.a @capnhairdo for contributing invaluable javascript debugging skills and throwing together some great code.

  • PHP4 compatibility
  • Tighter integration with the thickbok uploader attributes including caption, description, alignment, and link
  • Tighter image resize preview
  • Add Image link becomes “Change Image” once image has been added

3.0.4

  • Minor description changes

3.0.3

  • Fixed the broken “Add Image” link (THANK YOU @SMURKAS!!!)

3.0.2

  • Added PHPDoc comments
  • Temporarily fixed install bug where no image is saved if resize is not working. (thank you Paul Kaiser from Champaign, Il for your helpful QA support)

3.0.1

  • Added ‘sp_image_widget’ domain for language support.

3.0

  • Completely remodeled the plugin to use the native WordPress uploader and be compatible with WordPress 2.8 plugin architecture.
  • Removed externalized widget admin.

2.2.2

  • Update
  • to be $before_widget and $after_widget (Thanks again to Lois Turley)

2.2.1

  • Update <div> to be <li> (Thanks to Lois Turley)

2.2

  • Fixed missing DIV close tag (Thank you Jesper Goos)
  • Updated all short tags to proper php tags (Thank you Jonathan Volks from Mannix Marketing)

2.1

  • Link Target

2.0

  • Multi widget support
  • WP 2.7.1 Compatibility
  • Class encapsulation