Web Design and Development
The default WYSIWYG editor that comes bundled with WordPress leaves much to be desired. So it is often necessary to upgrade the editor to something more fully-featured, such as the FCKEditor. However, there is one problem with using something other than the default editor. Some features, such as the new image captions released in version 2.5 are missing. So how does one go about adding image captions using the FCKEditor?
This plugin automatically creates captions for your images based on the text used in the image’s alt (alternative text) tag. And it works out of the box with all WordPress themes built for versions 2.5+. For other themes, you will have to see the additional instructions below.
Download the Image Captions Plugin
Current Version: 1.0
Compatible up to WordPress version 2.7
Themes for WordPress 2.3 and Lower
For themes that were created for versions of WordPress 2.3 and lower, you probably don’t have CSS styles which determine the way your captions look. So you will need to activate this plugin’s stylesheet. In the plugin folder, you will find a file called vbic.css. Open the file, delete the two lines that say "DELETE THIS LINE TO ACTIVATE STYLES", and save. Upload the revised files to the plugin folder in your plugin directory.
To uninstall, simply deactivate the plugin. Since the plugin does not add any HTML to your posts, there will be no leftover captions or data to deal with.
If you don’t want a caption to be displayed, don’t set the alt attribute. No other work is needed to display or hide captions.
For help with this plugin or suggestions, leave a comment below.
Tags: open source, WordPressTrackback URL for this entry:
http://www.velvetblues.com/web-development-blog/wordpress-image-captions-using-fckeditor-plugin/trackback/
Contact us today for a quote. Click here to submit details regarding your project.
If you are making a general inquiry, send an email to info@velvetblues.com
Hey is this plugin developed by you? Nice plugin. will check this out.
Sort of. I modified a preexisting caption plugin to make it compatible with 2.5+ theme caption styles. And I also added some code to retrieve the FCKEditor alignment (align) value for the images so that it could be enclosed in div tags with the appropriate classes. (If you look at the plugin source code, I make a note to this effect. Yay GPL!
) – So unlike the other plugins, this WILL work out of the box for all updated templates, without any technical knowledge required. And it is coded especially for use with the FCKEditor.
And once I add the admin settings page and improve upon it in all the additional ways that I want, it’ll be completely different from the plugin on which it is based.
Great tutorial. I don’t use the visual editor but this can really help people who do. I know I’m older than 12 but the name of that editor always makes me laugh
@Kim, yeh, I always look twice at that name whenever I see it.
Hey Shirley, that is really a job well done! I am sure it has saved lotsa bloggers some trouble
@Ben: Yes, this definitely helped me so I thought I’d share.
Sounds like a good plug. it would be great to see a demo first, before I download, install in my blog and check if I like it or not.
Hello, very nice plugin! I do have a problem, though, using it along with Sociable — the image captions plugin tries to stick all of the icons inside of caption boxes and ruins the display.
I would prefer that this plugin overrode the default WP behaviour and only display caption boxes if the caption field is plugged, rather than attempting to caption all images which have an alt tag. Any idea of how this could be implemented?
Hai everybody,
im really satisfied with your plugin … its great. But there is a problem when running velvet blues and autothumb together.
Here are 2 code snippets:
This is the output just running the autothumb plugin
—- start html output —–
—- end html output —-
Picture size is 200px in width
When running velvet blues a strange thing is happening. The width of the picture in the “style” is doubled – in my case from 200px to 400px and the picture width and height parameters are changed (height=”100″ width=”400″)
—- start html output —-
Hans aufm Bike
—- end html output —-
any solution for this problem?
Thanks in advance for your help
Hardy from Berlin
oha … the html was filtered out …
What now?
Hardy