WP Foundation Shortcodes Plugin makes your ZURB Foundation website to the most powerful framework by styling your content with shortcodes.
WP Foundation Shortcodes Demo
https://www.youtube.com/watch?v=ZFeSUiAvfsc&feature=youtu.be
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 filesAll 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.
1.Upload:
Unzip wp-foundation-shortcode.zip file, and upload 'wp-foundation-shortcode' folder to your plugins folder: /wp-content/plugins/
2.Activate:
In the admin panel, click Plugins menu, active WP Foundation Shortcodes.
3.Use:
Now you can see the new button in the TinyMCE Editor, use these button to create great responsive pages/posts content. Pay attention, you need to use 'Visual' mode in TinyMCE Editor
1, 2, 3: You're done!