This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

ShiftThis | Image Captions

Description

This plugin will create a caption under all Post & Page images using the images’s alt text. Javascript dynamically puts the image in a div with the alt text as the caption below. The images title attribute is then removed for redundancy and the alt attribute is set to blank. Captions are not displayed if no alt text is present or if the alt text matches the image name (WordPress’s default habit). It also dynamically switches the images align attribute to a float attribute on the div for proper web standards text wrapping. You can then style using the div’s “caption” class and the containing span element.

How it works

In your WP text editor the image code generally looks something like this:

<img src="http://www.yoursite.com/wp-content/uploads/someimage.jpg" alt="My image caption" title="My image caption" height="150" width="250" align="right" />

It will output on your website like this:

<div style="width: 250px; float: right;" class="caption">
<img src="http://www.yoursite.com/wp-content/uploads/someimage.jpg" height="150" width="250" /><br>
<span>My image caption</span>
</div>

Screenshots

  • Example Output of styled Image Caption.

Installation

  1. Upload the ‘shiftthis-image-captions’ folder to the ‘wp-content\plugins’ directory
  2. Activate the plugin titled ‘ShiftThis | Image Captions’ through the ‘Plugins’ menu in WordPress
  3. Enter your Image Captions within the WordPress image upload Title or manually add to the images alt property.
  4. Style the image and caption using the .caption class and the span tag.

FAQ

How can I make the caption text wrap so that it stays within the width of the image

You need to give the image a height and width property so that the caption knows the maximum width it can span. To do this within the Rich Editor, simply click on one of the resize squares on the image without dragging, this will automatically set the correct height and width.

Where can I ask support questions for this plugin?

support.ShiftThis.net

Contributors & Developers

“ShiftThis | Image Captions” is open source software. The following people have contributed to this plugin.

Contributors