Bannerspace is a versatile banner / slideshow plugin powered by the awesome jQuery Cycle. The plugin creates a custom post type for your slides and allows the user to create simple slideshows with funky transition effects such as fade, scroll, shuffle, zoom, and more.
At the moment it’s only capable of creating a single slide show per page.
Use the shortcode [[bannerspace]] and your done.
The Bannerspace plugin allows you to:
- Select the transition effect
- Easily set the size of the banner, image and content areas
- Gives you image loading options for a graceful start to your slideshow
- Order slides via drag and drop using the Simple Page Ordering plugin
- Change the colour of the UI elements
- and more…
You can add a link to the entire slide by using the custom field link.
You will need to rebuild your thumbnails if you:
- have images already on the server
- change the size of the banner in the options
- edit the image
There is also an admin panel with some options. Look for Bannerspace Options down the bottom on the left. The plugin should work with the default settings.
If you want to hard code this plugin into a page template you can do so with this code.
Add multiple banners on your site using shortcode attributes and categories (only one banner per page)
Assign categories to your posts the add the category name or id and an attribute. Like so:
[[bannerspace cat=5 ]] or [[bannerspace category_name=home_slides ]]
where 5 is the category id and home_slides is the category slug.
Confused? Here is a basic guide.
You have installed the plugin… now what? The content for the slides come from custom posts. When you install the plugin a new menu item is created called Banner Slides. This should be under comments (top left in the main WordPress menu).
Create new posts to add them to the slideshow. To attach the images you need to add a featured image. The title and content will be displayed on the right.
There is an option panel in the left column at the bottom called Bannerspace Options where you can change some settings, sizes and colours. To make major changes to the layout and styling you will need to know some CSS. Then you add the short code tag [[bannerspace]] into the content area where you want the slideshow. To add a link to the slide enter link as the custom filed name and the full URL address as the value. That’s it!