TinyMCE Thumbnail Gallery WordPress Plugin

This is a guest post by James who runs Atlanta SEO & he is also an author of this useful WordPress plugin. If you would like to write for Theme Premium about WordPress, read our Guest posting guidelines.

I could not a find a WordPress plugin that displayed thumbnails evenly dispite the image size/proportions and was built right into TinyMCE, the WordPress WYSIWYG editor, so I decided to create one (can be found here on WordPress).  Sure, there are already about 700 image plugins for WordPress already, but im the type of guy to say the hell with that, lets do one more, other people must feel like me, right?

Some of the features include:

  • Ability to set thumbnail size (width/height)
  • Ability to set thumbnail border color
  • Bundled with Colorbox, with the ability to turn this functionality off
  • Built right into TinyMCE, so you can add the gallery right into a post or page
  • Ability to set the image position within the thumbnail
  • Set image ALT text
  • Set link title attributes

Here is a look at the finished product:

doodle TinyMCE Thumbnail Gallery WordPress Plugin

Each one of the images shown in the example has different proportions, but CSS and JavaScript restrict the image to the proportions you set.  One nice feature is that when you hover over a thumbnail, the hidden portions outside of the thumbnail size, are shown:

Screenshot TinyMCE Thumbnail Gallery WordPress Plugin

Lastly, if you want to see the image in its largest size, you may click it and it will open up with a lightbox effect, powered by Colorbox.

How do you create it?

Creating a gallery is really simple. The plugin is really just a TinyMCE plugin, so its built right into the editor. Just click the thumbnail looking button:

button TinyMCE Thumbnail Gallery WordPress Plugin

All you have to do from here is find the images already in your media library and add them to the gallery:

gallery 300x255 TinyMCE Thumbnail Gallery WordPress Plugin

From here you can also select the image ALT text and title text of the link.  That’s it! I’d really like to see what this community thinks and get some feedback on new features for the next version.  Feel free to contact me with any questions or to see a demo on my blog.

share on twitter
© 2009-2012 ThemePremium · All Rights Reserved
A threeroutes media Publication