{"id":103798,"date":"2019-06-13T10:11:53","date_gmt":"2019-06-13T10:11:53","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ff-block-advanced-columns\/"},"modified":"2019-06-24T08:44:47","modified_gmt":"2019-06-24T08:44:47","slug":"ff-block-advanced-columns","status":"closed","type":"plugin","link":"https:\/\/bs.wordpress.org\/plugins\/ff-block-advanced-columns\/","author":17101843,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"trunk","tested":"5.2.26","requires":"5.0","requires_php":"5.3.6","requires_plugins":"","header_name":"FF Block Advanced Columns","header_author":"FrisFruitig","header_description":"WordPress editor block that provides support for advanced inline grid layouts by extending each column in a columns block with the option to set its width per breakpoint.","assets_banners_color":"2b4037","last_updated":"2019-06-24 08:44:47","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&hosted_button_id=YWTRF8NPKGFQJ&source=url","header_plugin_uri":"https:\/\/www.frisfruitig.com\/ff-block-advanced-columns","header_author_uri":"https:\/\/www.frisfruitig.com","rating":4,"author_block_rating":0,"active_installs":0,"downloads":1771,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0.1":"<ul>\n<li>Fixed a bug caused by default styling of WordPress 5.2 that prevented the user from easily editing column widths<\/li>\n<\/ul>","1.0.0":"<ul>\n<li>This is our first release.<\/li>\n<\/ul>"},"ratings":{"1":0,"2":0,"3":0,"4":"1","5":0},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":"2105447","resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":"2105447","resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"frisfruitig\/block-advanced-columns":{"name":"frisfruitig\/block-advanced-columns","title":null}},"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"2105447","resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"2105447","resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Each column in your page or post is labelled as an advanced column.","2":"When a column is selected, you can set the width per breakpoint in the sidebar."}},"plugin_section":[163309],"plugin_tags":[1391,854,1332,6040,172766],"plugin_category":[46],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-103798","plugin","type-plugin","status-closed","hentry","plugin_section-blocks","plugin_tags-advanced","plugin_tags-columns","plugin_tags-editor","plugin_tags-grid","plugin_tags-inline-grid","plugin_category-editor-and-writing"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/ff-block-advanced-columns_2b4037.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/ff-block-advanced-columns\/assets\/screenshot-1.png?rev=2105447","caption":"Each column in your page or post is labelled as an advanced column."},{"src":"https:\/\/ps.w.org\/ff-block-advanced-columns\/assets\/screenshot-2.png?rev=2105447","caption":"When a column is selected, you can set the width per breakpoint in the sidebar."}],"raw_content":"<!--section=description-->\n<p>With <strong>FF Block Advanced Columns<\/strong> you get more control about the width per breakpoint of each column. The default columns block you can use in the editor is extended as such:<\/p>\n\n<ul>\n<li>Columns are labelled as an advanced column (in the editor interface only). This label enables you to select the corresponding column.<\/li>\n<li>When you have selected a column, you can set the widths per breakpoint in the sidebar of the editor.<\/li>\n<li>On save, this plugin adds CSS classes to the columns block and its columns. See more about this below.<\/li>\n<\/ul>\n\n<h3>Column widths<\/h3>\n\n<p>Please note that it currently is not yet possible to select <em>all<\/em> options for each breakpoint. \nWhen you save your page or post, CSS classes are added to each column that enables you to specify the width per breakpoint. The classnames are as follows:<\/p>\n\n<p><strong>1\/12<\/strong>\n    u-1\/12@md, and\/or <code>u-1\/12@lg<\/code><\/p>\n\n<p><strong>2\/12<\/strong>\n    u-2\/12@md, and\/or <code>u-2\/12@lg<\/code><\/p>\n\n<p><strong>3\/12<\/strong>\n    u-3\/12@md, and\/or <code>u-3\/12@lg<\/code><\/p>\n\n<p><strong>4\/12<\/strong>\n    u-4\/12@sm, <code>u-4\/12@md<\/code>, and\/or <code>u-4\/12@lg<\/code><\/p>\n\n<p><strong>5\/12<\/strong>\n    u-5\/12@md, and\/or <code>u-5\/12@lg<\/code><\/p>\n\n<p><strong>6\/12<\/strong>\n    u-6\/12@xs, <code>u-6\/12@sm<\/code>, <code>u-6\/12@md<\/code>, and\/or <code>u-6\/12@lg<\/code><\/p>\n\n<p><strong>7\/12<\/strong>\n    u-7\/12@md, and\/or <code>u-7\/12@lg<\/code><\/p>\n\n<p><strong>8\/12<\/strong>\n    u-8\/12@md, and\/or <code>u-8\/12@lg<\/code><\/p>\n\n<p><strong>9\/12<\/strong>\n    u-9\/12@md, and\/or <code>u-9\/12@lg<\/code><\/p>\n\n<p><strong>10\/12<\/strong>\n    u-10\/12@md, and\/or <code>u-10\/12@lg<\/code><\/p>\n\n<p><strong>11\/12<\/strong>\n    u-11\/12@md, and\/or <code>u-11\/12@lg<\/code><\/p>\n\n<p><strong>12\/12<\/strong>\n    u-12\/12@xs, <code>u-12\/12@sm<\/code>, <code>u-12\/12@md<\/code>, and\/or <code>u-12\/12@lg<\/code><\/p>\n\n<p><strong>inherit<\/strong>\nInstead of adding a CSS class for the corresponding breakpoint, the same value used for the previous breakpoint is inherited. For example: selecting '6\/12', 'inherit', '3\/12', and 'inherit' for the breakpoints extra-small, small, medium and large, respectively, will result in the classes <code>u-6\/12@xs u-3\/12@md<\/code> being added to a column.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/ff-block-advanced-columns<\/code> directory of your site or blog, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>Does this plugin work with the old editor?<\/dt>\n<dd><p>No. It is developed specifically for the new editor. Currently, there are no plans to support the old editor in any way.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Made column controls easily available in WordPress 5.2<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>This is our first release.<\/li>\n<\/ul>","raw_excerpt":"WordPress editor block that provides support for advanced inline grid layouts by extending each column in a columns block with the option to set its w &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/103798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=103798"}],"author":[{"embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/anonymized-17101843"}],"wp:attachment":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=103798"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=103798"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=103798"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=103798"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=103798"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=103798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}