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

WordPress Plugin – Sponsor Flipwall Shortcode

capabilities covered
Amazon Web Services

Here’s a WordPress plugin that will allow you to create a cool sponsor wall with flip effect; instead of complicated post management, embed tiles anywhere with shortcodes!

Download Sponsor Flipwall Shortcode  Download from WordPress

As taken from the readme file:


Description

Creates a cool sponsor wall with flip effect; instead of complicated post management, embed tiles anywhere with shortcodes!

Creates a two-sided square with a “logo side” and a “detail side”. Logo side will display a scaled image, while the detail side will show a name, description, and website link.

Based on awesome script Sponsor Flip Wall with jQuery & CSS by Martin Angelov. Not related to plugin WP Sponsor Flip Wall, which creates a content type in order to display tiles.


Installation

  1. Unzip, upload plugin folder to your plugins directory (/content/plugins/)
  2. Activate plugin
  3. Add flipwall tile shortcode anywhere you need it.

Frequently Asked Questions

How do I make a flipwall tile?

Use the shortcode!

What is the shortcode?

Use the following format:

[flipwall id="image-name" title="Sponsor Name" url="http://whatever.com" linktext="Instead of whatever.com" image="url to image" text="description if singleline" ] Description with <em>HTML</em> [/flipwall] 

where

  • id = a unique identifier; if not provided just increments flipwall-#
  • title = the name to display at the top of the “detail side”
  • url = external link on “detail side”
  • linktext = if provided, the text of the external link (instead of just showing the URL)
  • image = url of the image for the “logo side”; if not provided will just display text “More about $title”
  • text = optional – you can use this for a simpler shortcode if the description is just one line
  • class = optional class to apply to the tile

Pretty much all of the attributes are optional:

[flipwall]This tile has no attributes, just a description[/flipwall] [flipwall text="This is just a one-liner"] 

But your resulting tiles wouldn’t be very useful.

Please note: if using the single-line version with text, you must either list all of them as such or list them at the end (due to the way shortcodes are closed in WP)

Also, if you want to use the default container, just wrap everything inside

[flipwallgroup] ... [/flipwallgroup] 

which will automatically clearfix the tiles.

Can I change the defaults?

Only one simple hook available:

  • add_filter('abtSponsorFlipwall_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 tiles
    • speed: change the flip speed (from 350 ms)
    • direction: change the flip direction (from ‘lr’)
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
  • This field is for validation purposes and should be left unchanged.