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
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.