Skip to content
AtlanticBT Monogram Atlanticbt.com
Menu
February 6, 2012

WordPress Plugin – Featured Heroes Slideshow

capabilities covered
Amazon Web Services

Here’s a WordPress plugin that will allow you to create a slideshow from posts – using either the provided “Heroes” content type or any other post type.  Added bonus – you can place the slideshow anywhere with a shortcode.

Download ABT Featured Heroes  Download from WordPress

As taken from the readme file:


Description

Provides a new content type “Heroes” to manage your featured slides. You can then add a slideshow to any page using the shortcode abt_slider_hero. The slideshow is automatically configured using jQuery Cycle and the options you specify in the shortcode.

One of the options postType allows you to use other content than the provided “Heroes”, effectively allowing a slideshow of almost anything in WordPress.


Installation

  1. Unzip, upload plugin folder to your plugins directory (/content/plugins/)
  2. Activate plugin
  3. Add slideshow shortcode anywhere you need it.
  4. If you want to put the widget (shortcode) in a Widget, you’ll need to allow shortcodes in widgets
  5. You can call the slideshow in code using abt_featured_heroes::embed( array $atts )

Frequently Asked Questions

What is the shortcode?

Use the following format (defaults indicated here):

[abt_slider_hero fx="fade" width="100%" height="400px" order="asc" orderby="menu_order" speed="600" timeout="7000" classes="" postType="heroes" style="photo"] 

where

  • fx = the cycle transition effect (fade, scrollUp, shuffle, etc) – see jQuery Cycle homepage for more information
  • width = width of the slide
  • height = height of the slide
  • order = sorting order (asc/desc) for the fetched items
  • orderby = how to sort the fetched items
  • speed = transition speed from one slide to the next
  • timeout = delay between slide changes
  • classes = optional classes to apply to the slideshow
  • postType = you can retrieve other content types than “heroes” if desired
  • style = normally the thumbnail navigation just reuses the full-size image, but if you want to “control” the quality of the shrunken thumb specify an alternate image size (like “thumbnail”)

Pretty much all of the attributes are optional, so all you need is:

[abt_slider_hero] 

How do I put a slideshow in code?

You can call the slideshow in code using abt_featured_heroes::embed( array $atts ), where $atts is an array matching the shortcode attribute list.

Can I change the defaults?

Only one simple hook available:

  • add_filter('abt_featured_heroes_localize', YOURFN);change the base javascript variables used by the flipwall init script:
    • stylesheet: replace the default stylesheet with your own to change the default appearance of slides
    • speed: change the transition speed (from 600 ms)
    • timeout: change the slide delay (from 7000 ms)
    • fx: change the slide transition (from ‘fade’)
    • style: optionally use actual thumbnail photos for navigation, instead of reusing full-size images (default ‘photo’, alt ‘thumbnail’)
    • width: default width (from 100%)
    • height: default height (from 400px)

How to put shortcode in widget?

Use a filter to apply shortcode processing to widgets.

Filter: <?php add_filter('widget_text', 'do_shortcode'); ?>


capabilities covered
Amazon Web Services

The Atlantic BT Manifesto

The Ultimate Guide To Planning A Complex Web Project

Partner With Us

Ready for modern web technology and a sharp, user-friendly design? We want to give you exactly that. Contact us to get started.

Contact

Insights

Atlantic BT's Insights

We’re sharing the latest concepts in tech, design, and software development. Learn more about our findings.

Questions & Answers

Are there differences in application architecture that are important for the cloud?
It is important to build applications and workloads specifically for the cloud. You will want to carefully consider what services the cloud provider of your choice has to offer and how your application leverages those services.
Learn More
Are there any drawbacks to cloud hosting?
Yes, there will always be some risks associated with any hosting option. You are relying on the resiliency and engineering of infrastructure that has scaled at an astounding rate.
Learn More
What’s the benefit of hosting in the cloud vs. traditional options?
Reasons not to host in the cloud are few and far between. If you don't host in the cloud, you will spend more in both CapEx and OpEx to manage your applications or websites in a traditional environment.
Learn More
How can I improve the performance of my application?
There are several primary reasons that applications perform poorly, and in some cases it’s a combination of several. 1) Data latency: If your application is making calls to a data source (whether it’s an API or a direct call) and there is latency at the data provider, your application performance will suffer.
Learn More
Should I move my application to the cloud?
The answer is ‘probably yes’. There aren’t many reasons for an application to be hosted elsewhere, aside from occasional compliance standards, or requirements to integrate with local services that would require large amounts of data to move from on-premise to cloud.
Learn More
Where should my application be hosted?
There are many different options for hosting, but most applications would do well with one of the cloud providers -- Amazon Web Services, Google Cloud Platform, Microsoft Azure.
Learn More