Bootstrap Shortcodes Ultimate

Mô tả

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

Ảnh màn hình

  • Button Styles
  • Accordion / Card

Cài đặt

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

Hỏi đáp

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]

Đánh giá

26 Tháng Bảy, 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 Tháng Hai, 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.
Đọc tất cả 10 đánh giá

Người đóng góp & Lập trình viên

“Bootstrap Shortcodes Ultimate” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi

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.