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.

Bootstrap Shortcodes Ultimate

Description

Simple Plugin for Enqueue Bootstrap 4 CSS, JS, and Some Helpful WordPress Shortcodes for visual usages.

ShortCode List

Container Fluid

[containerfluid] contents [/containerfluid]

Container

[container] contents [/container]

Row

[row] contents [/row]

Equal Columns

[col] contents [/col]

Colunm for Extra small Devices – screen width: <576px

[col num="12"] contents [/col]

Colunm for small Devices – screen width: >=576px

[col sm="12"] contents [/col]

Colunm for Medium Devices – screen width: >=768px

[col md="12"] contents [/col]

Colunm for Large Devices – screen width: ≥992px

[col lg="12"] contents [/col]

Colunm for Extra Large Devices – screen width: ≥1200px

[col xl="12"] contents [/col]

Colunm for Multi Devices

[col sm="3" md="6" xl="12"] contents [/col]

Button Group

Parameters:

  • class=”” ( add extra class with ‘btn-group’ )
[btngroup]
    [button tag='button' href="#" type="button" style='primary']Button 1[/button]
    [button tag='button' href="#" type="button" style='primary']Button 2[/button]
[/btngroup]

Buttons

Parameters:

  • tag=”button” ( button | a | input )
  • href=”#” ( any link you want to set. NB: tag should be ‘a’ )
  • type=”button” ( button | submit | etc. )
  • style=”primary” ( primary | secondary | success | info | warning | danger | dark | light | link ) See Button Ref
[button tag="button" href="#" type="button" style="primary"]Click Me[/button]

Card

Parameters:

  • class=”” ( add extra class with ‘card’ )
[card class="mycard"]
    [cardtitle]
        This is title.
    [/cardtitle]

    [cardbody]
        This is card body really cool?
    [/cardbody]
[/card]

Accordion

Parameters:

  • id=”” ( required: a unique id for working correctely )
  • class=”some-class” ( optional: if you need to add custom class for styling )
  • title=”This is the title of the accordion” ( described the title )
  • open=”no” ( optional: no | yes – Accordion item will be open or closed? by default: no )
[accordion id="unique-id" class="some-class" title="This is the title of the accordion" open="no"]

    Accordion Content will goes here

[/accordion]

More Shortcodes Coming Soon

Screenshots

  • Button Styles
  • Accordion / Card

Installation

  1. Upload bootstrap-shortcode-ultimate.zip” to the “wp-content/plugins/” directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.

FAQ

Will you do more shortcodes?

yes, i will in every update.

What version of Bootstrap did you used?

Latest (4.x)

How can I add Buttons?

[button tag="button" href="#" type="button" style="primary"]Click Me[/button]

see description for more info

How can I add Button Group?

[btngroup]
    [button tag='button' href="#" type="button" style='primary']Button 1[/button]
    [button tag='button' href="#" type="button" style='primary']Button 2[/button]
[/btngroup]

Reviews

Hulyo 26, 2020
I find Bootstrap an easy way to begin any design. It gives you a lot of components to add without having to write everything from the beginning. The idea of having shortcodes for the markup in WordPress is great as it looks less messy to clients unfamiliar with HTML. This plugin works well for some items, like the accordions work well, but some items need improvement. In particular, the grid needs to be improved. The short codes are great, the issue becomes when it turns it into HTML, it is putting the .col behind the size, i.e. .col-md-6 which basically overrides the size. So, when I want to have columns start on a medium screen, I'm seeing them on phone. This isn't acceptable and I cannot use the short code that way. I also found that I cannot add classes, like clearfix to the short code for row. So, my finding is that while some of the shortcode is great, it is not fully functional and still needs improvement.
Pebrero 26, 2020
This plugin is too helpful to make responsive pages with bootstrap. Thanks a lot to the developer for investing time to create this item.
Read all 11 reviews

Contributors & Developers

“Bootstrap Shortcodes Ultimate” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

4.3.0 : 24 Feb 2021

  • Capibility fixed
  • Code improved

4.2.3 : 23 Feb 2020

  • Fixed: Spaces/ tags removed inside shortcodes
  • Button Group shortcode added
  • Button shotcode added

4.2.2 : 22 Feb 2020

  • Fixed: Spaces/ tags removed inside shortcodes
  • Button Group shortcode added
  • Button shotcode added

0.1

  • Initial release.