Name: Bulma Shortcodes
Rating: 5 (1 reviews)
Author: bartboy011

Back to plugins

Homepage WordPress

Actions

Download Author page See on WordPress

Plugin info

Total downloads: 1,622

Active installs: 10

Total reviews: 1

Average rating: 5

Support threads opened: 0

Support threads resolved: 0 (0%)

Available in: 1 language(s)

Contributors: 2

Last updated: 7/8/2017 (3145 days ago)

Added to WordPress: 7/8/2017 (8 years old)

Minimum WordPress version: 2.5

Tested up to WordPress version: 4.7.31

Minimum PHP version: f

Maintenance & Compatibility

Maintenance score

Possibly abandoned • Last updated 3145 days ago • 1 reviews

22/100

Is Bulma Shortcodes abandoned?

Possibly abandoned (last update 3145 days ago).

Compatibility

Requires WordPress: 2.5

Tested up to: 4.7.31

Requires PHP: f

Ratings

0 See all reviews

Developers

bartboy011 (Owner)1 bartboy0111

Languages

Similar & Alternatives

Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.

Shortcoder — Create Shortcodes for Anything

Rating 4.9/5 (224 reviews) • Active installs 100,000

Compare

Column Shortcodes

Rating 4.8/5 (134 reviews) • Active installs 70,000

Compare

Sidebar Widgets by CodeLights

Rating 4.7/5 (35 reviews) • Active installs 50,000

Compare

Shortcodes by Angie Makes

Rating 4.8/5 (30 reviews) • Active installs 30,000

Compare

ND Shortcodes

Rating 3.1/5 (14 reviews) • Active installs 20,000

Compare

Meks Flexible Shortcodes

Rating 4.2/5 (10 reviews) • Active installs 20,000

Compare

See more alternatives to Bulma Shortcodes

Description

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

Usage

The easiest way to add shortcodes is through the Bulma dropdown in the WordPress editor. Alternatively, you can manually type out the shortcodes.

Columns

Columns are used to create a responsive grid:

[bulma-columns]
[bulma-column]
Your content...
[/bulma-column]
[bulma-column]
Your content...
[/bulma-column]
[/bulma-columns]

The [bulma-column] shortcode accepts a type argument:

[bulma-column type="is-8"][/bulma-column]

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:

// 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]

You can nest up to five levels deep with this system (column, column-1, column-2, column-3, column-4).

Button

Creates the tag Your Content.

Accepts three arguments:

type – Accepts class names – defaults to ‘is-primary’
link – Accepts strings – defaults to ‘#’
icon – Accepts valid font-awesome icon names

Ex: [bulma-button type="is-primary" link="www.example.com" icon="github"]Star on GitHub[/bulma-button].

Icon

Creates the tag .


Accepts two arguments:

type – Accepts class names – defaults to ‘is-primary’
icon – Accepts valid font-awesome icon names

Box
Adds a Bulma box element.
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.
Ex:
// NOT full-width
[bulma-box]Your content...[/bulma-box]

// Full-width
[bulma-box type="full-width"]Your Content...[/bulma-box]

Notification
Adds a Bulma notification element.
Accepts one argument, type.
Ex: [bulma-notification type="is-primary"]Alert[/bulma-notification]
Card
Creates a Bulma Card element. This shortcode has several child codes:
[bulma-card]
[bulma-card-header][/culma-card-header]
[bulma-card-content][/bulma-card-content]
[bulma-card-footer][/bulma-card-footer]
[/bulma-card]

None of the shortcodes accept arguments.
[bulma-card-footer] can be given multiple footer items:


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

// Will generate:


    
        Item1
    
    
        Item2
    
    
        Item3
    


Menu
Creates a Bulma menu.
Ex:
[bulma-menu]
[bulma-menu-label]Label[/bulma-menu-label]
[bulma-menu-list]Item1|Item2[/bulma-menu-list]
[/bulma-menu]

`Installation`


Ensure that you have the most recent version of Bulma CSS added to your theme.
Upload the plugin files to /wp-content/plugins/plugin-name or install directly through WordPress.
Activate the plugin!

`Frequently Asked Questions`


Installation Instructions


Ensure that you have the most recent version of Bulma CSS added to your theme.
Upload the plugin files to /wp-content/plugins/plugin-name or install directly through WordPress.
Activate the plugin!

`Review feed`

No reviews available

`Screenshots`

The Bulma shortcode dropdown in the editor.
Example of an inserted shortcode.

`Changelog`

`1.0`



Initial release

Back to plugins