Uwe Jacobs

<h3>Just The Shortcodes, Please</h3>
<p>Plenty of great WordPress plugins focus on providing or including the Bootstrap library into your site. <strong>Bootstrap Shortcodes for WordPress</strong> 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.</p>
<p>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!</p>
<p>Check the demo page “Bootstrap 4 Shortcodes Demo 4.6.5” after activation for ready to use shortcodes examples.</p>
<p>For questions, support, or to contribute to this plugin, check out <a href="https://github.com/uwejacobs/complete-bootstrap-4-shortcodes" rel="nofollow ugc">our GitHub project</a>.</p>
<h3>Overview</h3>
<h4>Layout:</h4>
<ul>
<li>Grid</li>
<li>Responsive Embeds</li>
<li>Responsive Utilities</li>
</ul>
<h4>Components:</h4>
<ul>
<li>Cards</li>
<li>Icons</li>
<li>Buttons</li>
<li>Button Groups</li>
<li>Button Dropdowns</li>
<li>Navs</li>
<li>Navigation Bars</li>
<li>Breadcrumbs</li>
<li>Badges</li>
<li>Jumbotron</li>
<li>Alerts</li>
<li>Progress Bars</li>
<li>Media Objects</li>
<li>List Groups</li>
</ul>
<h4>Content:</h4>
<ul>
<li>Code</li>
<li>Tables</li>
<li>Figures</li>
<li>Images</li>
<li>Blockquote</li>
<li>Lead body copy</li>
<li>Wrap section</li>
</ul>
<h4>Utilities:</h4>
<ul>
<li>Border</li>
<li>Color</li>
<li>Flex</li>
<li>HTML snippets</li>
<li>Line Breaks</li>
<li>Lorem Ipsum Text Generator</li>
<li>Floats and Clearfix</li>
</ul>
<h4>Javascript:</h4>
<ul>
<li>Tooltip</li>
<li>Popover</li>
<li>Collapse</li>
<li>Carousel</li>
<li>Modal</li>
</ul>


Bootstrap 4 Shortcodes for WordPress

Implements Bootstrap 4 styles and components in WordPress through shortcodes.

Phil Ewels

<p>A custom post type for choosing images and content which outputs a <a href="http://getbootstrap.com/javascript/#carousel" rel="nofollow ugc">carousel</a> from <a href="http://www.getbootstrap.com" rel="nofollow ugc">Twitter Bootstrap</a> using the shortcode <code>[image-carousel]</code>.</p>
<p>The plugin assumes that you’re already using Bootstrap, so you need to load the Bootstrap javascript and CSS separately.</p>
<ul>
<li><a href="http://getbootstrap.com/" rel="nofollow ugc">Download Twitter Bootstrap</a></li>
<li><a href="http://www.bootstrapcdn.com/" rel="nofollow ugc">Bootstrap CDN</a> <em>(hotlink CSS and javascript files)</em></li>
<li><a href="https://getbootstrap.com/docs/4.4/components/carousel/" rel="nofollow ugc">Bootstrap Carousel in action</a></li>
</ul>
<p>This plugin is available from the WordPress Plugins Directory: <a href="https://wordpress.org/plugins/cpt-bootstrap-carousel/" rel="ugc">https://wordpress.org/plugins/cpt-bootstrap-carousel/</a>.<br />
The source code is maintained on GitHub: <a href="https://github.com/ewels/cpt-bootstrap-carousel" rel="nofollow ugc">https://github.com/ewels/cpt-bootstrap-carousel</a>.</p>
<h4>Shortcode Options</h4>
<p>As of version 1.5, nearly all of these options can be set in the CPT Bootstrap Carousel Settings page. However, if you’d like different settings for different carousels, you can override these by using shortcode options…</p>
<ul>
<li>
<p><code>interval</code> <em>(default 5000)</em></p>
<ul>
<li>Length of time for the caption to pause on each image. Time in milliseconds.</li>
<li><code>[image-carousel interval="12000"]</code></li>
</ul>
</li>
<li>
<p><code>showcaption</code> <em>(default true)</em></p>
<ul>
<li>Whether to display the text caption on each image or not. <code>true</code> or <code>false</code>.</li>
<li><code>[image-carousel showcaption="false"]</code></li>
</ul>
</li>
<li>
<p><code>showcontrols</code> <em>(default true)</em></p>
<ul>
<li>Whether to display the control arrows or not. <code>true</code> or <code>false</code>.</li>
<li><code>[image-carousel showcontrols="false"]</code></li>
</ul>
</li>
<li>
<p><code>orderby</code> and <code>order</code> <em>(default <code>menu_order</code> <code>ASC</code>)</em></p>
<ul>
<li>What order to display the posts in. Uses <a href="https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" rel="nofollow ugc">WP_Query terms</a>.</li>
<li><code>[image-carousel orderby="rand"]</code></li>
<li><code>[image-carousel orderby="date" orderby="DESC"]</code></li>
</ul>
</li>
<li>
<p><code>category</code> <em>(default all)</em></p>
<ul>
<li>Filter carousel items by a comma separated list of carousel category slugs.</li>
<li><code>[image-carousel category="homepage,highlights"]</code></li>
</ul>
</li>
<li>
<p><code>id</code> <em>(default all)</em></p>
<ul>
<li>Specify the ID of a specific carousel post to display only one image.</li>
<li>Find the image ID by looking at the edit post link, eg. post 109 would be <code>/wp-admin/post.php?post=109&action=edit</code></li>
<li><code>[image-carousel id="109"]</code></li>
</ul>
</li>
<li>
<p><code>twbs</code> <em>(default 2)</em></p>
<ul>
<li>Output markup for Twitter Bootstrap Version 2 or 3.</li>
<li><code>[image-carousel twbs="3"]</code></li>
</ul>
</li>
</ul>
<h4>Credits</h4>
<p>This plugin was written by @tallphil with help and suggestions from several others including (but not limited to) @reddo, @joshgerdes, @atnon, @grahamharper, @rchq, @oheijo, @smtk, @cla63, @cookierebes and @sipman.</p>
<p>The Serbo-Croation translation was kindly provided by Borisa Djuraskovic from <a href="http://www.webhostinghub.com" rel="nofollow ugc">http://www.webhostinghub.com</a></p>
<p>The Spanish translation was provided by Chema Bescós from <em>IBIDEM GROUP</em> (<a href="https://www.ibidemgroup.com" rel="nofollow ugc">https://www.ibidemgroup.com</a>)</p>
<h4>Contributing</h4>
<p>If you would like to contribute to this plugin, please make a personal fork of the GitHub repository and then submit a pull request. For more details please see the <a href="https://github.com/ewels/CPT-Bootstrap-Carousel/CONTRIBUTING.md" rel="nofollow ugc">contributing guide</a>.</p>


CPT Bootstrap Carousel

A custom post type for choosing images and content which outputs Bootstrap Image Carousel (slider) from the [image-carousel] shortcode.

Bootstrap 4 Shortcodes for WordPress vs CPT Bootstrap Carousel