bartboy011

<p>This plugin adds a collection of WordPress shortcodes for <a href="http://bulma.io/" rel="nofollow ugc">Bulma</a> components as well as a simple TinyMCE dropdown to add them.</p>
<h3>Usage</h3>
<p>The easiest way to add shortcodes is through the Bulma dropdown in the WordPress editor. Alternatively, you can manually type out the shortcodes.</p>
<h3>Columns</h3>
<p>Columns are used to create a responsive grid:</p>
<pre><code>[bulma-columns]
[bulma-column]
Your content...
[/bulma-column]
[bulma-column]
Your content...
[/bulma-column]
[/bulma-columns]
</code></pre>
<p>The <code>[bulma-column]</code> shortcode accepts a type argument:</p>
<pre><code>[bulma-column type="is-8"][/bulma-column]
</code></pre>
<p>Due to limitations within the WordPress shortcode system, nesting identical shortcodes will break. To work around this, there are additional shortcodes you can use that will also produce columns:</p>
<pre><code>// Will break
[bulma-columns]
    [bulma-column]
        [bulma-columns]
            [bulma-column][/bulma-column]
            [bulma-column][/bulma-column]
        [/bulma-columns]
    [/bulma-column]
    [bulma-column]
        [bulma-columns]
            [bulma-column][/bulma-column]
            [bulma-column][/bulma-column]
        [/bulma-columns]
    [/bulma-column]
[/bulma-columns]

// Will Work
[bulma-columns]
    [bulma-column]
        [bulma-columns-1]
            [bulma-column-1][/bulma-column-1]
            [bulma-column-1][/bulma-column-1]
        [/bulma-columns-1]
    [/bulma-column]
    [bulma-column]
        [bulma-columns-1]
            [bulma-column-1][/bulma-column-1]
            [bulma-column-1][/bulma-column-1]
        [/bulma-columns-1]
    [/bulma-column]
[/bulma-columns]
</code></pre>
<p>You can nest up to five levels deep with this system (column, column-1, column-2, column-3, column-4).</p>
<h3>Button</h3>
<p>Creates the tag <code><a href="#" class="button">Your Content</a></code>.</p>
<p>Accepts three arguments:</p>
<ul>
<li><code>type</code> – Accepts class names – defaults to ‘is-primary’</li>
<li><code>link</code> – Accepts strings – defaults to ‘#’</li>
<li><code>icon</code> – Accepts valid <a href="http://fontawesome.io/" rel="nofollow ugc">font-awesome</a> icon names</li>
</ul>
<p>Ex: <code>[bulma-button type="is-primary" link="www.example.com" icon="github"]Star on GitHub[/bulma-button]</code>.</p>
<h3>Icon</h3>
<p>Creates the tag <code><span class="icon"><i class="fa fa-<icon name>></i></span>"</code>.</p>
<p>Accepts two arguments:</p>
<ul>
<li><code>type</code> – Accepts class names – defaults to ‘is-primary’</li>
<li><code>icon</code> – Accepts valid <a href="http://fontawesome.io/" rel="nofollow ugc">font-awesome</a> icon names</li>
</ul>
<h3>Box</h3>
<p>Adds a Bulma box element.</p>
<p>Accepts one argument, type. Defaults to NOT full-width box as this element in WordPress is mostly helpful for adding emphasis to an item like a photo. If type is set to full-width, it’ll behave like a normal Bulma box.</p>
<p>Ex:</p>
<pre><code>// NOT full-width
[bulma-box]Your content...[/bulma-box]

// Full-width
[bulma-box type="full-width"]Your Content...[/bulma-box]
</code></pre>
<h3>Notification</h3>
<p>Adds a Bulma notification element.</p>
<p>Accepts one argument, type.</p>
<p>Ex: <code>[bulma-notification type="is-primary"]Alert[/bulma-notification]</code></p>
<h3>Card</h3>
<p>Creates a Bulma Card element. This shortcode has several child codes:</p>
<pre><code>[bulma-card]
[bulma-card-header][/culma-card-header]
[bulma-card-content][/bulma-card-content]
[bulma-card-footer][/bulma-card-footer]
[/bulma-card]
</code></pre>
<p>None of the shortcodes accept arguments.</p>
<pre><code>[bulma-card-footer] can be given multiple footer items:


[bulma-card-footer]Item1|Item2|Item3[/bulma-card-footer]

// Will generate:

<footer class="card-footer">
    <div class="card-footer-item">
        Item1
    </div>
    <div class="card-footer-item">
        Item2
    </div>
    <div class="card-footer-item">
        Item3
    </div>
</footer>
</code></pre>
<h3>Menu</h3>
<p>Creates a Bulma menu.</p>
<p>Ex:</p>
<pre><code>[bulma-menu]
[bulma-menu-label]Label[/bulma-menu-label]
[bulma-menu-list]<a href="#">Item1</a>|<a href="#">Item2</a>[/bulma-menu-list]
[/bulma-menu]
</code></pre>


Bulma Shortcodes

This plugin adds a collection of WordPress shortcodes for Bulma components as well as a simple TinyMCE dropdown to use them.

MyThemeShop

<p>Add sexy-buttons, spoiler warnings, column layouts and much more to WordPress. WP Shortcode makes it happen with a click of a button. Until now, this premium plugin was available to premium members of <a href="http://mythemeshop.com/" rel="nofollow ugc">MyThemeShop</a>, but now everyone can use this premium plugin.</p>
<p>Why use WP Shortcode plugin? Tired of using a theme with built-in shortcodes, switching themes and then losing all your awesome styles? WP Shortcode offers over 24 useful shortcodes, so you’ll never lose anything when changing your theme. Now you can add buttons, highlights, boxes, toggles, tabs, pricing tables, among other awesomeness, and take them with you no matter what theme you decide to use.</p>
<p>We at MyThemeShop realise there are already some free shortcode plugins out, but they either only include a very few amount of shortcodes, they are way too complex, not well-coded, not styled to our liking or they weren’t free. We wanted to create something that was 100% GPL so you can use it and abuse it on all of your websites and client projects – and of course that’s very easy to use and minimally styled, so it can fit most sites right out of the box or be easily customized.</p>
<p>To see a full list of options available with this powerful plugin, try this page: <a href="http://demo.mythemeshop.com/spike/shortcodes-examples/" rel="nofollow ugc">http://demo.mythemeshop.com/spike/shortcodes-examples/</a></p>
<h4>Shortcodes Included</h4>
<p>Buttons, Videos, Alerts, Google Maps, Toggle, Tabs, dividers, Columns And much more! Easily add nice looking elements to your WordPress website without any knowledge of coding!</p>
<h4>Support</h4>
<p>All support for this plugin is provided through our forums. If you have not registered yet, you can do so here for <strong>FREE</strong> <br />
<a href="//mythemeshop.com/#signup”" rel="nofollow ugc">https://mythemeshop.com/#signup</a></p>
<p>If after checking our Free WordPress video tutorials here:<br />
<a href="//mythemeshop.com/wordpress-101/”" rel="nofollow ugc">https://mythemeshop.com/wordpress-101/</a><br />
&<br />
<a href="//community.mythemeshop.com/tutorials/category/2-free-video-tutorials/“" rel="nofollow ugc">https://community.mythemeshop.com/tutorials/category/2-free-video-tutorials/</a></p>
<p>you are still stuck, please feel free to open a new thread, and a member of our support team will be happy to help.</p>
<p>Support link:<br />
<a href="//community.mythemeshop.com/forum/11-free-plugin-support/”" rel="nofollow ugc">https://community.mythemeshop.com/forum/11-free-plugin-support/</a></p>


WP Shortcode by MyThemeShop

WP Shortcode is a premium WP plugin for free, that provides easy to use over 24 shortcodes. You can easily add buttons, alerts, videos and more.

Bulma Shortcodes vs WP Shortcode by MyThemeShop