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>
- Upload the ‘shiftthis-image-captions’ folder to the ‘wp-content\plugins’ directory
- Activate the plugin titled ‘ShiftThis | Image Captions’ through the ‘Plugins’ menu in WordPress
- Enter your Image Captions within the WordPress image upload Title or manually add to the images alt property.
- Style the image and caption using the .caption class and the span tag.
- 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?
Contributors & Developers
“ShiftThis | Image Captions” is open source software. The following people have contributed to this plugin.Contributors