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.

FuturioWP

<p>Futurio Extra add extra features and options to <a href="https://futuriowp.com/" rel="nofollow ugc">Futurio</a> and <a href="https://wordpress.org/themes/futurio-storefront/" rel="ugc">Futurio Storefront</a> theme.<br />
This plugin require the free WP theme – <a href="https://wordpress.org/themes/futurio/" rel="ugc">Futurio</a> or <a href="https://wordpress.org/themes/futurio-storefront/" rel="ugc">Futurio Storefront</a> – to be installed.</p>
<p>Futurio Extra brings new widgets to be used in Elementor and allows you to import beautiful page templates for Elementor page builder. It also comes with 100% WooCommerce support and custom options. With the one click demo import feature you can import all our 10+ demo sites.</p>
<p><strong>Features:</strong><br />
– One click demo import – import starter sites with one click. <a href="https://futuriowp.com/demos/" rel="nofollow ugc">Demos here</a><br />
– Customizer options (Color presets, Google fonts, Layout desings…)<br />
– Page/post custom options and features<br />
– Custom Elementor widgets and addons<br />
– Custom widgets (social icons, about me, recent & popular posts)<br />
– 100% WooCommerce support and custom WooCommerce options and features<br />
– Custom Elementor 404 page <a href="https://futuriowp.com/docs/futurio/customizer-settings/footer-credits/#custom-footer-with-elementor" rel="nofollow ugc">How to?</a><br />
– Custom Elementor header <a href="https://futuriowp.com/docs/futurio/customizer-settings/custom-header/" rel="nofollow ugc">How to?</a><br />
– Custom Elementor footer credits <a href="https://futuriowp.com/docs/futurio/customizer-settings/custom-404-error-page/" rel="nofollow ugc">How to?</a><br />
– Custom Elementor blog feed builder <a href="https://futuriowp.com/docs/futurio/customizer-settings/custom-404-error-page/" rel="nofollow ugc">How to?</a><br />
– And much more….</p>
<p><a href="https://futuriowp.com/docs/futurio/" rel="nofollow ugc">Documentation</a></p>
<h4>Page Builders Friend</h4>
<p>Futurio & Futurio Extra is best friend with the popular pagebuilders like Elementor, Beaver Builder, King Composer, Brizy, Visual Composer, SiteOrigin, Divi or Gutenberg.</p>
<h4>Custom look with Elementor</h4>
<p>With Elementor you can design your header, footer, 404 error page or the blog page look</p>
<h4>20+ free demos sites</h4>
<p>20+ free demo websites ready to import are included. Importing is easy with a few clicks.</p>
<h4>100% WooCommerce support</h4>
<p>Extend the WooCommerce with new options and features. Import full WooCommerce demo websites with few clicks and be ready to start your new store in few minutes.</p>
<h3>Credits & Copyright</h3>
<h4>Typed.js, Copyright 2014 Matt Bold</h4>
<p>Licenses: MIT<br />
Source: https://github.com/mattboldt/typed.js</p>
<h4>Kirki, Copyright (c) 2017, Aristeides Stathopoulos</h4>
<p>Licenses: MIT<br />
Source: https://github.com/aristath/kirki</p>
<h4>Dilaz Metabox, by WebDilaz Team</h4>
<p>Licenses: GPL-2.0+<br />
Source: https://github.com/Rodgath/Dilaz-Metaboxes-Plugin</p>


Futurio Extra

Futurio Extra add extra features to Futurio theme like widgets, WooCommerce options, Elementor widgets, one click demo import and much more.

Bulma Shortcodes vs Futurio Extra