WP Foundation Shortcodes Plugin makes your ZURB Foundation website to the most powerful framework by styling your content with shortcodes.
WP Foundation Shortcodes Demo
VIDEO
For best results use with Zurb Foundation 5 responsive theme
You can use ‘{}’ in every shortcode item, e.g. ‘[row {data-equalizer}]’, to get ‘<div class=”row” data-equalizer>’.
Features:
Shortcodes are easy to use (first of all, make sure that the editing mode is set to Visual)
No need to paste shortcode in editor
Add button control to TinyMCE editor
Select the shortcode you want to insert
Popup with choices of parameters
No additional JS or CSS files
All available shortcodes are conditionally divided into these groups:
Posts: posts grid, posts list, posts lightbox, posts cycle
Buttons: button, button groups, radio button group, split buttons, dropdown, button option group
Elements: label, blockquotes, icon, address, inline list, keystroke, horisontal rule, clear
Callouts & Prompts: alert box, panel, tooltip, banner, comments, service box, categories, tags
Content: pricing table, progressbar, table, accordion, tabs, equalizer
Grid: grid, block grid
Widgets: google map, product card, product card with hover effects, social login buttons, pricing table recommended, pricing table animated
Media: orbit slider, silck slider, thumbnail, cliaring lightbox, video
Forms: switchers, range slider
The plugin contains a lot of shortcodes and widgets, we worked hard to make it easy for you.
Arbitrary section
Requires a theme built with Foundation 5.
A brief Markdown Example
[label color=”secondary” corners=”round”]Round Secondary Label[/label]
[button color=”alert” size=”large” icon=”fa fa-exclamation-triangle”]Large Alert Button[/button]
[blockquote author=”Cicero” class=”my_custom_class”]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio[/blockquote]
[icon icon=”fa-warning” size=”40px” color=”red” class=”my_custom_class”]Alert[/icon]
[range_slider direction=”horizontal” corners=”radius” class=”my_custom_class” initial_value=”10″ start_value=”0″ end_value=”100″ step=”0″]
[address title=”Gaius Baltar” class=”my_custom_class”]123 Colonial Ave.
Caprica City
Caprica, 12345
[email protected] [/address]
[alert_box color=”alert” corners=”radius” class=”my_custom_class” icon=”fa-exclamation-triangle” close=”yes”]This is an alert with radius corners[/alert_box]
[dropdown button_text=”Down” button_size=”small” button_color=”alert” dropdown_autoclose=”yes” dropdown_open_on_hover=”no”]This is a link
This is another
Yet another[/dropdown]
[pricing_table title=”Standard” price=”$99.99″ description=”An awesome description” item_name_1=”1 Database” item_name_2=”5GB Storage” item_name_3=”20 Users” button_text=”Buy Now” link=”#” target=”_blank” class=”my_custom_class”]
[progressbar value=”60″ color=”success” corners=”round” class=”my_custom_class”]
[table caption=”Foundation table” colwidth=”20|100|50″ colalign=”left|left|center|left|right”]
num|head1|head2|head3|head4
1|row1col1|row1col2|row1col3|100
2|row2col1|row2col2|row2col3|200
3|row3col1|row3col2|row3col3|300
4|row4col1|row4col2|row4col3|400
[/table]
[accordions] [accordion title=”title1″ active=”yes”] tab content [/accordion] [accordion title=”title2″] another content tab
[/accordion] [/accordions]
[tabs direction=”horizontal” class=”my_custom_class”][tab title=’Title #1′] Tab 1 content… [/tab] [tab title=’Title #2′] Tab 2 content… [/tab] [tab title=’Title #3′] Tab 3 content… [/tab][/tabs]
[equalizers] [equalizer title=”Panel 1″] Panel 1 text … [/equalizer] [equalizer title=”Panel 2″] Panel 2 text … [/equalizer] [equalizer title=”Panel 3″] Panel 3 a lot of text text text text… [/equalizer] [/equalizers]
To full documentation .