{"id":71379,"date":"2017-07-08T04:16:12","date_gmt":"2017-07-08T04:16:12","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/bulma-shortcodes\/"},"modified":"2017-07-08T04:16:12","modified_gmt":"2017-07-08T04:16:12","slug":"bulma-shortcodes","status":"closed","type":"plugin","link":"https:\/\/sr.wordpress.org\/plugins\/bulma-shortcodes\/","author":15542193,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"4.7.34","requires":"2.5","requires_php":"","requires_plugins":"","header_name":"Bulma Shortcodes","header_author":"Joshua Bartlett","header_description":"Adds a collection of WordPress shortcodes for Bulma components as well as a simple TinyMCE dropdown to use them.","assets_banners_color":"","last_updated":"2017-07-08 04:16:12","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/bartboy011","header_plugin_uri":"https:\/\/github.com\/bartboy011\/bulma-shortcodes","header_author_uri":"https:\/\/www.joshuarbartlett.com","rating":5,"author_block_rating":0,"active_installs":10,"downloads":1688,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog","faq"],"tags":[],"upgrade_notice":{"1.0":"<p>This is the initial release.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1692804","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1692804","resolution":"2","location":"assets"}},"screenshots":{"1":"<p>The Bulma shortcode dropdown in the editor.<\/p>","2":"<p>Example of an inserted shortcode.<\/p>"}},"plugin_section":[],"plugin_tags":[357],"plugin_category":[43],"plugin_contributors":[143614],"plugin_business_model":[],"class_list":["post-71379","plugin","type-plugin","status-closed","hentry","plugin_tags-shortcodes","plugin_category-customization","plugin_contributors-bartboy011","plugin_committers-bartboy011"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/bulma-shortcodes.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/bulma-shortcodes\/assets\/screenshot-1.png?rev=1692804","caption":"<p>The Bulma shortcode dropdown in the editor.<\/p>"},{"src":"https:\/\/ps.w.org\/bulma-shortcodes\/assets\/screenshot-2.png?rev=1692804","caption":"<p>Example of an inserted shortcode.<\/p>"}],"raw_content":"<!--section=description-->\n<p>This plugin adds a collection of WordPress shortcodes for <a href=\"http:\/\/bulma.io\/\">Bulma<\/a> components as well as a simple TinyMCE dropdown to add them.<\/p>\n\n<h3>Usage<\/h3>\n\n<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>\n\n<h3>Columns<\/h3>\n\n<p>Columns are used to create a responsive grid:<\/p>\n\n<pre><code>[bulma-columns]\n[bulma-column]\nYour content...\n[\/bulma-column]\n[bulma-column]\nYour content...\n[\/bulma-column]\n[\/bulma-columns]\n<\/code><\/pre>\n\n<p>The <code>[bulma-column]<\/code> shortcode accepts a type argument:<\/p>\n\n<pre><code>[bulma-column type=\"is-8\"][\/bulma-column]\n<\/code><\/pre>\n\n<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>\n\n<pre><code>\/\/ Will break\n[bulma-columns]\n    [bulma-column]\n        [bulma-columns]\n            [bulma-column][\/bulma-column]\n            [bulma-column][\/bulma-column]\n        [\/bulma-columns]\n    [\/bulma-column]\n    [bulma-column]\n        [bulma-columns]\n            [bulma-column][\/bulma-column]\n            [bulma-column][\/bulma-column]\n        [\/bulma-columns]\n    [\/bulma-column]\n[\/bulma-columns]\n\n\/\/ Will Work\n[bulma-columns]\n    [bulma-column]\n        [bulma-columns-1]\n            [bulma-column-1][\/bulma-column-1]\n            [bulma-column-1][\/bulma-column-1]\n        [\/bulma-columns-1]\n    [\/bulma-column]\n    [bulma-column]\n        [bulma-columns-1]\n            [bulma-column-1][\/bulma-column-1]\n            [bulma-column-1][\/bulma-column-1]\n        [\/bulma-columns-1]\n    [\/bulma-column]\n[\/bulma-columns]\n<\/code><\/pre>\n\n<p>You can nest up to five levels deep with this system (column, column-1, column-2, column-3, column-4).<\/p>\n\n<h3>Button<\/h3>\n\n<p>Creates the tag <code>&lt;a href=\"#\" class=\"button\"&gt;Your Content&lt;\/a&gt;<\/code>.<\/p>\n\n<p>Accepts three arguments:<\/p>\n\n<ul>\n<li><code>type<\/code> - Accepts class names - defaults to 'is-primary'<\/li>\n<li><code>link<\/code> - Accepts strings - defaults to '#'<\/li>\n<li><code>icon<\/code> - Accepts valid <a href=\"http:\/\/fontawesome.io\/\">font-awesome<\/a> icon names<\/li>\n<\/ul>\n\n<p>Ex: <code>[bulma-button type=\"is-primary\" link=\"www.example.com\" icon=\"github\"]Star on GitHub[\/bulma-button]<\/code>.<\/p>\n\n<h3>Icon<\/h3>\n\n<p>Creates the tag <code>&lt;span class=\"icon\"&gt;&lt;i class=\"fa fa-&lt;icon name&gt;&gt;&lt;\/i&gt;&lt;\/span&gt;\"<\/code>.<\/p>\n\n<p>Accepts two arguments:<\/p>\n\n<ul>\n<li><code>type<\/code> - Accepts class names - defaults to 'is-primary'<\/li>\n<li><code>icon<\/code> - Accepts valid <a href=\"http:\/\/fontawesome.io\/\">font-awesome<\/a> icon names<\/li>\n<\/ul>\n\n<h3>Box<\/h3>\n\n<p>Adds a Bulma box element.<\/p>\n\n<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>\n\n<p>Ex:<\/p>\n\n<pre><code>\/\/ NOT full-width\n[bulma-box]Your content...[\/bulma-box]\n\n\/\/ Full-width\n[bulma-box type=\"full-width\"]Your Content...[\/bulma-box]\n<\/code><\/pre>\n\n<h3>Notification<\/h3>\n\n<p>Adds a Bulma notification element.<\/p>\n\n<p>Accepts one argument, type.<\/p>\n\n<p>Ex: <code>[bulma-notification type=\"is-primary\"]Alert[\/bulma-notification]<\/code><\/p>\n\n<h3>Card<\/h3>\n\n<p>Creates a Bulma Card element. This shortcode has several child codes:<\/p>\n\n<pre><code>[bulma-card]\n[bulma-card-header][\/culma-card-header]\n[bulma-card-content][\/bulma-card-content]\n[bulma-card-footer][\/bulma-card-footer]\n[\/bulma-card]\n<\/code><\/pre>\n\n<p>None of the shortcodes accept arguments.<\/p>\n\n<pre><code>[bulma-card-footer] can be given multiple footer items:\n\n\n[bulma-card-footer]Item1|Item2|Item3[\/bulma-card-footer]\n\n\/\/ Will generate:\n\n&lt;footer class=\"card-footer\"&gt;\n    &lt;div class=\"card-footer-item\"&gt;\n        Item1\n    &lt;\/div&gt;\n    &lt;div class=\"card-footer-item\"&gt;\n        Item2\n    &lt;\/div&gt;\n    &lt;div class=\"card-footer-item\"&gt;\n        Item3\n    &lt;\/div&gt;\n&lt;\/footer&gt;\n<\/code><\/pre>\n\n<h3>Menu<\/h3>\n\n<p>Creates a Bulma menu.<\/p>\n\n<p>Ex:<\/p>\n\n<pre><code>[bulma-menu]\n[bulma-menu-label]Label[\/bulma-menu-label]\n[bulma-menu-list]&lt;a href=\"#\"&gt;Item1&lt;\/a&gt;|&lt;a href=\"#\"&gt;Item2&lt;\/a&gt;[\/bulma-menu-list]\n[\/bulma-menu]\n<\/code><\/pre>\n\n<!--section=installation-->\n<ol>\n<li>Ensure that you have the most recent version of Bulma CSS added to your theme.<\/li>\n<li>Upload the plugin files to <code>\/wp-content\/plugins\/plugin-name<\/code> or install directly through WordPress.<\/li>\n<li>Activate the plugin!<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><ol>\n<li>Ensure that you have the most recent version of Bulma CSS added to your theme.<\/li>\n<li>Upload the plugin files to <code>\/wp-content\/plugins\/plugin-name<\/code> or install directly through WordPress.<\/li>\n<li>Activate the plugin!<\/li>\n<\/ol><\/dd>\n\n<\/dl>","raw_excerpt":"This plugin adds a collection of WordPress shortcodes for Bulma components as well as a simple TinyMCE dropdown to use them.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/71379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=71379"}],"author":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bartboy011"}],"wp:attachment":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=71379"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=71379"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=71379"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=71379"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=71379"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=71379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}