WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Easy Bootstrap Shortcode

Easy Bootstrap Shortcode enable you to add bootstrap 3.0.3 styles in your pages, post and custom post in simplest manner.

Ready for WordPress 3.9

Easy Bootstrap Shortcode is bootstrap 3.0.3 compatible plugin which add icons to wordpress editor (tinyMCE Shortcode Buttons) and one can add bootstrap style to their website just by clicking on tinyMCE editor icon.

= New improved EBS-Pro Version=

DEMO | PRO VERSION | DOCUMENTATION

Just by one setting, you can use bootstrap styles in your themes, which are not bootstrap based themes using Bootstrap Shortcodes

Features:

  • simplest bootstrap style plugin ever.
  • IE 6+ compatible
  • Bootstrap 3.0.3 compatible.
  • 500+ Font-Awesome & Glyphicons Icon Fonts
  • 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.
  • New sidebar widget to show shortcodes in sidebars and footer
  • New option to give custom shortcode prefix.

Note : This settings is provided to remove the shortcode confliction with any other existing shortcode, but be careful while changing the Shortcode Prefix, as existing shortcodes (created with EBS Plugin) will not work if changed the existing prefix. So we advice to change it when you install the plugin.

Easy Bootstrap 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 with labels
  9. Icons
  10. Labels
  11. Buttons
  12. Icon Heading
  13. Tables
  14. Responsive Image
  15. Image Effects (Round, Thumbnail, Square)
  16. Well
  17. Button Dropdown
  18. Button Group
  19. Button Group Toolbar
  20. Description List
  21. Service Box
  22. Responsive slider

Many more shortcodes coming soon.....

Note : we have removed the Line Separator, Dropcaps, Youtube & Vimeo video, Boxesframes, Horizontal Rule, Testimonial, Section Heading, Social, Lead,Page Header, Highlights shortcodes as these are PRO version features, which were committed to free version by mistake.

How to embed this plugin to your theme

We have provided few new settings so that anybody can give inbuilt compatibility with our plugin. Such as if you are creating theme/plugin and want to use our plugin, to give your users more flexibility to add responsive content, however you like to use your own custom css/js files. So now you can do this.

People's view

Now we are supporting filters so that you can easily give inbuilt support of this plugin in your themes/plugins

You can Write these filter into your theme's functions.php to make plugin compatible to your theme, You can use any of these filters as per your requirements.

Filter for Custom options

function apply_ebs_custom_option( $prevent ) {
    return true;
}
add_filter( 'ebs_custom_option', 'apply_ebs_custom_option' );

Filter for bootstrap_admin.css

function apply_ebs_custom_bootstrap_admin_css( $prevent ) {
    return true;
}
add_filter( 'ebs_custom_bootstrap_admin_css', 'apply_ebs_custom_bootstrap_admin_css' );

Filter for bootstrap.min.js url this filter is only applicable if you selected js inclusion from plugin in EBS Settings

function apply_ebs_bootstrap_js_url( $url ) {
    $ebs_js_url='';// write your desired bootstrap.min.js url here
    return $ebs_js_url;
}
add_filter( 'ebs_bootstrap_js_url', 'apply_ebs_bootstrap_js_url' );

Filter for bootstrap.min.js CDN path this filter is only applicable if you selected js inclusion from CDN in EBS Settings

function apply_ebs_bootstrap_js_cdn( $url ) {
    $ebs_cdn_url='';// write your bootstrap.min.js cdn path here
    return $ebs_cdn_url;
}
add_filter( 'ebs_bootstrap_js_cdn', 'apply_ebs_bootstrap_js_cdn' );

Filter for bootstrap.min.css urlthis filter is only applicable if you selected css inclusion from plugin in EBS Settings

function apply_ebs_bootstrap_css_url( $url ) {
    $ebs_css_url='';// write your bootstrap.min.css  url here
    return $ebs_css_url;
}
add_filter( 'ebs_bootstrap_css_url', 'apply_ebs_bootstrap_css_url' );

Filter for bootstrap-icon.min.css url this filter is only applicable if you selected css inclusion from plugin or theme in EBS Settings

function apply_ebs_bootstrap_icon_css_url( $url ) {
    $ebs_icon_url='';// write your bootstrap-icon.min.css url here
    return $ebs_icon_url;
}
add_filter( 'ebs_bootstrap_icon_css_url', 'apply_ebs_bootstrap_icon_css_url' );

We have removed the support of the following options

After adding this code user will not be able to change the files location for EBS plugin as user can't see the EBS Settings link of LHS menu in admin panel
update_option( 'EBS_CUSTOM_OPTION', 1 );
update_option( 'EBS_BOOTSTRAP_JS_LOCATION', 2 );
update_option( 'EBS_BOOTSTRAP_CSS_LOCATION', 2 );

To give use the custom css for icons

update_option( 'EBS_CUSTOM_BOOTSTRAP_ICON_CSS', 1 );

And to give use the custom css for admin

update_option( 'EBS_CUSTOM_BOOTSTRAP_ADMIN_CSS', 1 );

If you'd like to contribute to this plugin, you can find it hosted on GitHub.

Follow us @Twitter, @facebook, @google+

Requires: 3.0 or higher
Compatible up to: 3.9.1
Last Updated: 2014-6-17
Downloads: 57,988

Ratings

4 stars
4.8 out of 5 stars

Support

11 of 21 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,2,2 100,1,1
0,1,0
100,1,1
100,1,1 33,3,1