Bootstrap Shortcodes Ultimate

Descrizione

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

Screenshot

  • Button Styles
  • Accordion / Card

Installazione

  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]

Recensioni

26 Luglio 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.
26 Febbraio 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.
Leggi tutte le recensioni di 10

Contributi e sviluppo

“Bootstrap Shortcodes Ultimate” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

Traduci “Bootstrap Shortcodes Ultimate” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)

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.