Description
WP Foundation Shortcodes Plugin makes your ZURB Foundation website to the most powerful framework by styling your content with shortcodes.
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
g.baltar@example.com[/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]
Screenshots
Installation
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!
FAQ
- Can I use this if my theme isn’t built with Foundation 5?
-
Some elements will work if the theme is built with Foundation 4, but other than that, no. See how to upgrade Foundation 4.
Reviews
Contributors & Developers
“WP Foundation Shortcodes” is open source software. The following people have contributed to this plugin.
Contributors“WP Foundation Shortcodes” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “WP Foundation Shortcodes” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
0.8.3
Release Date – 03 July 2015
* Added option to switch off loading Font awesome
* Added option âfree attributesâ for all shrortcode items
* Font awesome CDN link updated to latest version
0.7
Release Date – 24 September 2015
*Bugs fixing
0.6
Release Date – 24 September 2015
* Allow shortcodes in widgets
0.5.1
- small design changes
0.5
Release Date – 18 September 2015
* Added âPosts Lightboxâ shortcode
* Added âTagsâ shortcode
* Added âCategoriesâ shortcode
* Added âCommentsâ shortcode
* Added âBannerâ shortcode
* Added âService Boxâ shortcode
* Added options in dashboard plugin settings to enable/disable google map api and slick slider JS/CSS upload. It’s necessary to avoid unnecessary scripts uploading
* Font-awesome styles changed to CDN
* Google map api script changed to CDN
* Slick slider script/styles changed to CDN
* Added âPosts Cycleâ shortcode
0.4
Release Date – 10 September 2015
* Added âPosts Gridâ shortcode
* Added âPosts Listâ shortcode
0.3
Release Date – 10 September 2015
* PHP Class structure changed
* Added âSlick Sliderâ shortcode
* Added âClearing Lightboxâ shortcode
* Admin menu page added
* Added âButton Groupsâ shortcode
* Added âSplit Buttonsâ shortcode
* Added âSwitchâ shortcode
* Added âInline Listâ shortcode
* Added âLinkâ shortcode
* Added âPanelâ shortcode
* Added âTooltipâ shortcode
* Added âHrâ shortcode
* âAlert Boxâ shortcode improved, added types
* Added âProduct Cardâ widget
* Added âProduct Card with hover effectsâ widget
* âProgressâ shortcode improved, added colors
* Added SCSS files based on Compass
* âSwitchâ shortcode improved: added On & Off label
* Added âRadio Button Groupâ shortcode
* Added âOption Button Groupâ shortcode
* Added âSocial Login Buttonâ shortcode
0.2
Release Date – 04 September 2015
* Fixed bug in âtabsâ shortcode
* Fixed php notice messages
* Documentation improved
* Added â2 Columns Gridâ shortcode
* Added â3 Columns Gridâ shortcode
* Added â4 Columns Gridâ shortcode
* Added âBlocks gridâ shortcode
* Added âGoogle Mapâ shortcode
* Added âVideoâ shortcode
* Added âOrbitâ shortcode
* Added âThumbnailâ shortcode
0.1
Release Date – 01 September 2015
* first version