Bootstrap 4 Shortcodes for WordPress

Description

Just The Shortcodes, Please

Plenty of great WordPress plugins focus on providing or including the Bootstrap library into your site. Bootstrap Shortcodes for WordPress assumes you’re working with a theme that already includes Bootstrap 4 and focuses on giving you a great set of shortcodes to use it with.

This plugin creates a simple, out of the way button just above the WordPress TinyMCE editor (next to the “Add Media” button) which pops up the plugin’s documentation and shortcode examples for reference and handy “Insert Example” links to send the example shortcodes straight to the editor. There are no additional TinyMCE buttons to clutter up your screen, just great, easy to use shortcodes!

Check the demo page “Bootstrap 4 Shortcodes Demo 4.6.0” after activation for ready to use shortcodes examples.

For questions, support, or to contribute to this plugin, check out our GitHub project.

Overview

See the shortcodes in action on our demo page.

Layout:

  • Grid
  • Responsive Embeds
  • Responsive Utilities

Components:

  • Cards
  • Icons
  • Buttons
  • Button Groups
  • Button Dropdowns
  • Navs
  • Navigation Bars
  • Breadcrumbs
  • Badges
  • Jumbotron
  • Alerts
  • Progress Bars
  • Media Objects
  • List Groups

Content:

  • Code
  • Tables
  • Figures
  • Images
  • Blockquote
  • Lead body copy
  • Wrap section

Utilities:

  • Border
  • Color
  • Flex
  • HTML snippets
  • Line Breaks
  • Lorem Ipsum Text Generator
  • Floats and Clearfix

Javascript:

  • Tooltip
  • Popover
  • Collapse
  • Carousel
  • Modal

Screenshots

  • Rows and Columns
  • Nested Rows And Columns
  • Card Columns
  • Button Styles and Colors
  • Jumbotron
  • Alert Colors
  • Progress Bar Styles
  • Media Objects
  • Border Examples
  • Flex
  • Tooltips and Popovers
  • Accordion
  • The Bootstrap Shortcodes button in TinyMCE
  • The Modal with the Shortcode Reference
  • Shortcode example in TinyMCE
  • The above shortcode example rendered with WordPress

Reviews

There are no reviews for this plugin.

Contributors & Developers

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

Contributors

Changelog

4.6.0

  • Updated bootstrap to 4.6
  • Updated fontawesome to 5.15.4
  • Escaped all output consistently
  • PHP 7.0 required
  • Added donation link (thanks for your consideration)

4.5.12

  • Tested with WordPress 5.8
  • Added option to assign class to the nav-item itself in addition to the link
  • Deleted the embedded video example because it creates considerable network load

4.5.11

  • Added collapsible vertical and horizontal navigation bar
  • Added bootstrap button to classic editor
  • Added [br] shortcode for linebreak
  • Fixed extra linebreaks from editor in shortcode contents
    • Added utility classes to demo page for proper spacing
    • Note: This might require minor reformatting for existing pages
  • Fixed linefeed when inserting sample snippets in visual and text mode
  • Fixed embeded video in help file
  • Fixed minor spelling errors
  • All plugin generated HTML ids start now with bs4-

4.5.10

  • Fixed all HTML errors reported by https://validator.w3.org
  • Fixed list group with linked items
  • Fixed several id options

4.5.9

  • Fixed empty modal body and footer
  • Fixed warnings in WP_DEBUG mode
  • Fixed embedded image source on demo page

4.5.8

  • Added id option to most shortcodes
  • Added new [wrapper] shortcode
  • Added id and size options to [container]
  • Added center option to [img]
  • Added plus/minus icons for accordion header
  • Added keyboard option to [modal]
  • Fix: Renamed [icon] option “type” to “name” in help files, see 4.5.3
  • Deleted all blocks in demo page

4.5.7

  • Added clearfix shortcode
  • Added float shortcode
  • Bugfix: Fixed spelling of dismissible for alerts
  • Clarified img-thumbnail functionality in documentation
  • Minor fixes for shortcode demo page

4.5.6

  • [button] can now create tag a with href and target

4.5.5

  • Bugfix: [card-footer] didn’t insert “class” parameter
  • Bugfix: [img-gen] will crash when PHP extensions GD and/or FreeType are not installed

4.5.4

  • Bugfix: [list-group] without “linked” flag treated all inline links as [list-group-items]
  • Bugfix: Delete all [br] tags, inserted by TinyMCE around shortcodes, during rendering
  • Bugfix: will no longer push down class “card-header” to header tags inside card header
  • Minor documentation fixes

4.5.3

  • Changed the [icon] attribute “type” to “name” to use same attributes as Font Awesome plugin
  • Minor documentation fixes

4.5.2

  • Tested and working in the latest version 4.5.2 of Bootstrap

4.5.0

  • Tested and working in the latest version of Bootstrap!