osCitas Themes

<blockquote>
<p>WordPress 3.9 ready</p>
</blockquote>
<p>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.</p>
<p><a href="http://demo.oscitasthemes.com/efs/" rel="nofollow ugc">Easy Foundation Shortcode Demo</a></p>
<p>Looking for Bootstrap Shortcode Plugin, check this <a href="https://wordpress.org/plugins/easy-bootstrap-shortcodes/">Easy Bootstrap Shortcode</a></p>
<h4>For best results use with Zurb Foundation 5.0/4.0 responsive theme</h4>
<h4>Features:</h4>
<ul>
<li>simplest zurb foundation style plugin ever.</li>
<li>Zurb Foundation 5.0/4.0 compatible.</li>
<li>No need to paste shortcode in editor.</li>
<li>Add icons to editor.</li>
<li>Shortcode added to editor by clicking on icon.</li>
<li>Customize grid size on small, extra-small and medium sized screens.</li>
<li>More control over the css, you can add your own custom class to shortcodes.</li>
<li>Now you can use js file from CDN or disable the plugin js.</li>
<li>You can use your own css file by disabling the plugin css, which gives you more flexibility over styling.</li>
</ul>
<p>Easy Foundation Shortcode provides following styles</p>
<h4>Grid Columns</h4>
<ol>
<li>Add multiple columns in a row</li>
<li>Choose desired column width</li>
<li>Add offset to columns</li>
<li>Provide facility to customize a column according to medium, small and extra-small sized screens.</li>
<li>Responsive columns</li>
</ol>
<h4>Shortcodes for</h4>
<ol>
<li>Accordion (Collapsible Menus)</li>
<li>Tabs</li>
<li>List</li>
<li>Notification</li>
<li>Popover</li>
<li>Tooltip</li>
<li>Panel</li>
<li>Progress Bars</li>
<li>Icons</li>
<li>Labels</li>
<li>Buttons</li>
<li>Icon Heading</li>
<li>Tables</li>
<li>Responsive Image</li>
<li>Responsive videos</li>
<li>Price Tables</li>
<li>Button Dropdown</li>
<li>Button Groups</li>
<li>Interchange</li>
<li>Visibility</li>
<li>Sidenav</li>
<li>Subnav</li>
</ol>


Easy Foundation Shortcode

Easy Foundation Shortcode enable you to add Zurb Foundation 5.0/4.0 styles in your pages, post and custom post in simplest manner, based on the settin …

Adam Pery

<p>WP Foundation Shortcodes Plugin makes your ZURB Foundation website to the most powerful framework by styling your content with shortcodes.</p>
<p><a href="http://foundation.tadam.co.il/" rel="nofollow ugc">WP Foundation Shortcodes Demo</a></p>
<p><iframe loading="lazy" title="WP Foundation Shortcodes Plugin installation" width="750" height="422" src="https://www.youtube.com/embed/ZFeSUiAvfsc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>For best results use with Zurb Foundation 5 responsive theme</h4>
<p>You can use ‘{}’ in every shortcode item, e.g. ‘[row {data-equalizer}]’, to get ‘<div class=”row” data-equalizer>’.</p>
<h4>Features:</h4>
<ul>
<li>Shortcodes are easy to use (first of all, make sure that the editing mode is set to Visual)</li>
<li>No need to paste shortcode in editor</li>
<li>Add button control to TinyMCE editor</li>
<li>Select the shortcode you want to insert</li>
<li>Popup with choices of parameters</li>
<li>No additional JS or CSS files </li>
</ul>
<p>All available shortcodes are conditionally divided into these groups:</p>
<ol>
<li>Posts: posts grid, posts list, posts lightbox, posts cycle</li>
<li>Buttons: button, button groups, radio button group, split buttons, dropdown, button option group</li>
<li>Elements: label, blockquotes, icon, address, inline list, keystroke, horisontal rule, clear </li>
<li>Callouts & Prompts: alert box, panel, tooltip, banner, comments, service box, categories, tags </li>
<li>Content: pricing table, progressbar, table, accordion, tabs, equalizer</li>
<li>Grid: grid, block grid</li>
<li>Widgets: google map, product card, product card with hover effects, social login buttons, pricing table recommended, pricing table animated</li>
<li>Media: orbit slider, silck slider, thumbnail, cliaring lightbox, video</li>
<li>Forms: switchers, range slider</li>
</ol>
<p>The plugin contains a lot of shortcodes and widgets, we worked hard to make it easy for you.</p>
<h3>Arbitrary section</h3>
<p>Requires a theme built with Foundation 5.</p>
<h3>A brief Markdown Example</h3>
<ol>
<li>[label color=”secondary” corners=”round”]Round Secondary Label[/label]</li>
<li>[button color=”alert” size=”large” icon=”fa fa-exclamation-triangle”]Large Alert Button[/button]</li>
<li>[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]</li>
<li>[icon icon=”fa-warning” size=”40px” color=”red” class=”my_custom_class”]Alert[/icon]</li>
<li>[range_slider direction=”horizontal” corners=”radius” class=”my_custom_class” initial_value=”10″ start_value=”0″ end_value=”100″ step=”0″]</li>
<li>[address title=”Gaius Baltar” class=”my_custom_class”]123 Colonial Ave.<br />
Caprica City<br />
Caprica, 12345<br />
g.baltar@example.com[/address]</li>
<li>[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]</li>
<li>[dropdown button_text=”Down” button_size=”small” button_color=”alert” dropdown_autoclose=”yes” dropdown_open_on_hover=”no”]This is a link<br />
This is another<br />
Yet another[/dropdown]</li>
<li>[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”]</li>
<li>[progressbar value=”60″ color=”success” corners=”round” class=”my_custom_class”]</li>
<li>[table caption=”Foundation table” colwidth=”20|100|50″ colalign=”left|left|center|left|right”]<br />
num|head1|head2|head3|head4<br />
1|row1col1|row1col2|row1col3|100<br />
2|row2col1|row2col2|row2col3|200<br />
3|row3col1|row3col2|row3col3|300<br />
4|row4col1|row4col2|row4col3|400<br />
[/table]</li>
<li>[accordions] [accordion title=”title1″ active=”yes”] tab content [/accordion] [accordion title=”title2″] another content tab<br />
[/accordion] [/accordions]</li>
<li>[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]</li>
<li>[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]</li>
</ol>
<p><a href="http://foundation.tadam.co.il/" rel="nofollow ugc">To full documentation</a>.</p>


WP Foundation Shortcodes

WP Foundation Shortcodes Plugin makes your ZURB Foundation website to the most powerful framework by styling your content with shortcodes

Easy Foundation Shortcode vs WP Foundation Shortcodes