This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Easy Foundation Shortcode

Description

WordPress 3.9 ready

Easy Foundation Shortcode is Zurb Foundation 5.0/4.0 compatible plugin which add icons to wordpress editor (tinyMCE Shortcode Buttons) and one can add foundation style to their website just by clicking on tinyMCE editor icon.

Easy Foundation Shortcode Demo

Looking for Bootstrap Shortcode Plugin, check this Easy Bootstrap Shortcode

For best results use with Zurb Foundation 5.0/4.0 responsive theme

Features:

  • simplest zurb foundation style plugin ever.
  • Zurb Foundation 5.0/4.0 compatible.
  • No need to paste shortcode in editor.
  • Add icons to editor.
  • Shortcode added to editor by clicking on icon.
  • Customize grid size on small, extra-small and medium sized screens.
  • More control over the css, you can add your own custom class to shortcodes.
  • Now you can use js file from CDN or disable the plugin js.
  • You can use your own css file by disabling the plugin css, which gives you more flexibility over styling.

Easy Foundation Shortcode provides following styles

Grid Columns

  1. Add multiple columns in a row
  2. Choose desired column width
  3. Add offset to columns
  4. Provide facility to customize a column according to medium, small and extra-small sized screens.
  5. Responsive columns

Shortcodes for

  1. Accordion (Collapsible Menus)
  2. Tabs
  3. List
  4. Notification
  5. Popover
  6. Tooltip
  7. Panel
  8. Progress Bars
  9. Icons
  10. Labels
  11. Buttons
  12. Icon Heading
  13. Tables
  14. Responsive Image
  15. Responsive videos
  16. Price Tables
  17. Button Dropdown
  18. Button Groups
  19. Interchange
  20. Visibility
  21. Sidenav
  22. Subnav

Screenshots

  • how it looks after installation
  • different shortcode options this plugin provides

Installation

1.Upload:
Unzip easy-foundation-shortcode.zip file, and upload all files to your blog folder: /wp-content/plugins/easy-foundation-shortcode

2.Activate:
In the admin panel, find Plugins->Plugins,click it, active Easy Foundation Shortcode.

3.Use:
Now you can see the few new buttons in the TinyMCE Editor in post and pages, use these buttons to create great responsive pages/posts content.

It’s that simple … just what the name suggests

Reviews

Foundation 6 support?

This works great for Foundation 5. But I now need this for Foundation 6! Any plans to update this plugin, or can you point me to alternative plugins?

Read all 12 reviews

Contributors & Developers

“Easy Foundation Shortcode” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.5.0

  • [Update] New Interchange shortcode added
  • [Update] New Visibility shortcode added
  • [Update] New Sidenav shortcode added
  • [Update] New Subnav shortcode added

2.4.0

  • [Fixes] Unable to edit values in popup issue resolved.

2.3.0

  • [Fixes] WordPress 3.9 ready.

2.2.0

  • [Fixes] Resolved the tabs issues and other CSS issues.

2.1.0

  • [Fixes] Medium columns error in Foundation 4.

2.0.0

  • [Update] Now support medium columns in Foundation 4.
  • [Fixes] Custom classes not working issue is resolved

1.3.0

  • [Update] Now user can set either he/she want to use Foundation 4 or 5 in the settings page

1.2.1

  • New TinyMCE Dropdown Menu button option.
  • CSS modification of Admin Edit CSS

1.2.0

  • [Update] Updated to Zurb Foundation 5.0.

1.1.0

  • [Fixed] Panels radius class issue fixed.
  • [Fixed] Four Columns issue fixed.
  • [Fixed] Fixed some typos :-).
  • [Fixed] Large Screen Tabs issues are fixed.
  • [Fixed] Extra div removed to fix the Thumbnails Shortcode.