Skip to content
Article

WordPress Plugin – Sponsor Flipwall Shortcode

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’)

The Atlantic BT Manifesto

The Ultimate Guide To Planning A Complex Web Project

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 about Are there differences in application architecture that are important for the cloud?
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 about Are there any drawbacks to cloud hosting?
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 about What’s the benefit of hosting in the cloud vs. traditional options?
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 about How can I improve the performance of my application?
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 about Should I move my application to the cloud?
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 about Where should my application be hosted?