This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Animated Banners


The Animated Banners plugin was developed by Acumen
in order to provide an easy way to generate sharp, eye-catching banner animations based on arbitrary HTML.

Once the plugin is installed, you will have a new Admin menu called Banners, and also a new Widget shown in the Appearance > Widgets admin area,
which you’ll be able to drag into sidebars or include on your pages and posts as shortcodes. The banners themselves are created using the Banners
area that will appear near posts and pages in the main WordPress admin menu.

We use the term Banners to describe any HTML element with animated captions overlaid. We aim to develop and build
the animation options, allowing the user to manage jQuery-managed animations within the WordPress admin areas, allowing banners
to technically be accessible, degradable, and ultimately internationalised using i18n .po files.

Note: Requires WordPress 3.0 – available in Subversion


  • The new Banners menu in the WordPress Control Panel
  • Creating a banner, and allocating a caption
  • Banner Animation Options
  • Inserting the [banner] shortcode into a page to display the banner
  • Widget Inclusion Options
  • Image based banner output example
  • HTML element based banner output example


This section describes how to install the plugin and get it working.

  1. Upload the plugin to it’s own directory within /wp-content/plugins/
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Set up a new banner under Banners in the main menu
  4. Add content to the banner – i.e. an image
  5. Add either a widget or a shortcode
    • Widget are added in Appearance > Widgets
    • Shortcodes can be added as [banner name="My Banner"] to any of your pages/posts
  6. Contact us with your feedback!


How do I add a banner?

The first step in creating a banner is to go to Banners in the main menu, and ‘Add Banner’. Add your HTML banner content (typically just an image).
Use the captions area on the right hand side to add captions (captions can also be managed via Banners>Captions in the WordPress Admin menu).

How do I use the Selector option

The selector is the path to the element you want to overlay your banner captions onto. This is handled by jQuery and so should be provided in their
format. The default selector is simply img meaning that captions should apply to an image within the banner.

Can I control the animations in more detail?

At present, we have only designed the basic caption-with-mask animations. However, we would like to produce a full set of animations, and will be
including these as they are required, and/or submitted to us. If you have a specific need, please get in touch to see if we can create that option
for you!

Contributors & Developers

“Animated Banners” is open source software. The following people have contributed to this plugin.


Translate “Animated Banners” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Animation options as part of each banner


  • Initial release – very early prototype awaiting community feedback