{"id":185562,"date":"2024-02-10T20:44:37","date_gmt":"2024-02-10T20:44:37","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/autogrid\/"},"modified":"2024-10-20T09:23:31","modified_gmt":"2024-10-20T09:23:31","slug":"autogrid","status":"publish","type":"plugin","link":"https:\/\/bal.wordpress.org\/plugins\/autogrid\/","author":16026050,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.7","stable_tag":"2.0.7","tested":"6.6.5","requires":"6.4","requires_php":"7.0","requires_plugins":null,"header_name":"Autogrid","header_author":"Andreslav","header_description":"A\u00a0block for the WordPress block editor that allows you to\u00a0create responsive columns.","assets_banners_color":"000000","last_updated":"2024-10-20 09:23:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/profiles.wordpress.org\/andreslav","rating":5,"author_block_rating":0,"active_installs":10,"downloads":2207,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq","changelog"],"tags":{"2.0.1":{"tag":"2.0.1","author":"andreslav","date":"2024-02-10 20:44:20"},"2.0.2":{"tag":"2.0.2","author":"andreslav","date":"2024-03-17 00:34:23"},"2.0.4":{"tag":"2.0.4","author":"andreslav","date":"2024-04-20 21:39:36"},"2.0.5":{"tag":"2.0.5","author":"andreslav","date":"2024-05-12 10:44:42"},"2.0.6":{"tag":"2.0.6","author":"andreslav","date":"2024-05-25 13:08:28"},"2.0.7":{"tag":"2.0.7","author":"andreslav","date":"2024-10-20 09:23:31"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3034037,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3034037,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":3034037,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500-ru_RU.jpg":{"filename":"banner-1544x500-ru_RU.jpg","revision":3052333,"resolution":"1544x500","location":"assets","locale":"ru_RU"},"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3052333,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250-ru_RU.jpg":{"filename":"banner-772x250-ru_RU.jpg","revision":3052333,"resolution":"772x250","location":"assets","locale":"ru_RU"},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3052333,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3172262,"resolution":false,"location":"assets","locale":"","contents":"{\"landingPage\":\"\\\/wp-admin\\\/plugins.php\",\"preferredVersions\":{\"php\":\"8.0\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"installPlugin\",\"pluginZipFile\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"autogrid\"},\"options\":{\"activate\":true}},{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"}]}"}},"all_blocks":{"andreslav\/autogrid":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"andreslav\/autogrid","version":"2.0.7","title":"Autogrid","category":"design","icon":"smiley","description":"Autogrid Block. The elements inside this block are automatically distributed in\u00a0columns, filling the available space.","example":{"attributes":{"columnCount":2,"minWidth":200}},"supports":{"html":false,"color":{"text":true,"background":true,"gradients":true,"heading":true,"button":true,"link":true,"__experimentalDefaultControls":{}},"spacing":{"margin":["top","bottom"],"padding":true,"__experimentalDefaultControls":{"margin":false,"padding":false}},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{}},"position":{"sticky":true},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalFontWeight":true,"__experimentalFontStyle":true,"__experimentalTextTransform":true,"__experimentalTextDecoration":true,"__experimentalLetterSpacing":true,"__experimentalDefaultControls":{}},"anchor":true,"align":["wide","full"],"interactivity":{"clientNavigation":true},"shadow":true},"attributes":{"columnCount":{"type":"number","default":4},"minWidth":{"type":"number","default":300},"gaps":{"type":"array","default":[{"value":"var:preset|spacing|10","min":"","max":""}]},"childrenPaddings":{"type":"array","default":[{"value":"var:preset|spacing|20","min":"","max":""}]},"childItemColor":{"type":"string"},"customChildItemColor":{"type":"string"}},"providesContext":{"autogrid\/columnCount":"columnCount","autogrid\/minWidth":"minWidth"},"textdomain":"autogrid","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","render":"file:.\/render.php"},"andreslav\/autogrid-item":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"andreslav\/autogrid-item","version":"2.0.7","title":"Autogrid Item","category":"design","icon":"smiley","description":"Autogrid Block Item.","example":{},"supports":{"html":false,"background":{"backgroundImage":true,"backgroundSize":true,"__experimentalDefaultControls":{}},"color":{"text":true,"background":true,"gradients":true,"heading":true,"button":true,"link":true,"__experimentalDefaultControls":{"background":true,"text":true}},"spacing":{"margin":true,"padding":true,"blockGap":true,"__experimentalDefaultControls":{"blockGap":false,"margin":false,"padding":false}},"dimensions":{"minHeight":true,"__experimentalDefaultControls":{"minHeight":false}},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{}},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalFontWeight":true,"__experimentalFontStyle":true,"__experimentalTextTransform":true,"__experimentalTextDecoration":true,"__experimentalLetterSpacing":true,"__experimentalDefaultControls":{}},"layout":{"allowSwitching":false,"allowEditing":true,"allowInheriting":false,"allowSizingOnChildren":false,"allowVerticalAlignment":true,"allowJustification":true,"allowOrientation":true,"allowCustomContentAndWideSize":false,"default":{"type":"flex","orientation":"vertical"}},"interactivity":{"clientNavigation":true},"shadow":true},"attributes":{"indexNode":{"type":"number","default":0},"sizes":{"type":"array","default":[]}},"parent":["andreslav\/autogrid"],"usesContext":["autogrid\/columnCount","autogrid\/minWidth"],"textdomain":"autogrid","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","render":"file:.\/render.php"}},"tagged_versions":["2.0.1","2.0.2","2.0.4","2.0.5","2.0.6","2.0.7"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3034037,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3034037,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3034037,"resolution":"3","location":"assets","locale":""},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3034037,"resolution":"4","location":"assets","locale":""},"screenshot-5.gif":{"filename":"screenshot-5.gif","revision":3034037,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Example of Autogrid block","2":"Autogrid Block Settings","3":"Autogrid block cell Settings","4":"Autogrid block cell Settings","5":"How the Autogrid block looks on the site"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[9519,1220,854,6040,4036],"plugin_category":[],"plugin_contributors":[224317],"plugin_business_model":[],"class_list":["post-185562","plugin","type-plugin","status-publish","hentry","plugin_tags-auto-fill","plugin_tags-block","plugin_tags-columns","plugin_tags-grid","plugin_tags-layout","plugin_contributors-andreslav","plugin_committers-andreslav"],"banners":{"banner":"https:\/\/ps.w.org\/autogrid\/assets\/banner-772x250.jpg?rev=3052333","banner_2x":"https:\/\/ps.w.org\/autogrid\/assets\/banner-1544x500.jpg?rev=3052333","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/autogrid\/assets\/icon.svg?rev=3034037","icon":"https:\/\/ps.w.org\/autogrid\/assets\/icon.svg?rev=3034037","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/autogrid\/assets\/screenshot-1.jpg?rev=3034037","caption":"Example of Autogrid block"},{"src":"https:\/\/ps.w.org\/autogrid\/assets\/screenshot-2.jpg?rev=3034037","caption":"Autogrid Block Settings"},{"src":"https:\/\/ps.w.org\/autogrid\/assets\/screenshot-3.jpg?rev=3034037","caption":"Autogrid block cell Settings"},{"src":"https:\/\/ps.w.org\/autogrid\/assets\/screenshot-4.jpg?rev=3034037","caption":"Autogrid block cell Settings"},{"src":"https:\/\/ps.w.org\/autogrid\/assets\/screenshot-5.gif?rev=3034037","caption":"How the Autogrid block looks on the site"}],"raw_content":"<!--section=description-->\n<p>Autogrid is\u00a0a\u00a0block for the WordPress block editor that allows you to\u00a0create adaptive columns. The elements inside it\u00a0are automatically distributed into columns, filling the available space.<\/p>\n\n<p>The order of\u00a0customization<\/p>\n\n<ol>\n<li>Set the maximum number of\u00a0columns and their minimum width, after reaching which the cells will be\u00a0redistributed.<\/li>\n<li>Specify the size of spacing between cells and their padding. These parameters can be configured adaptively, for example by setting min. the size of the container when the value should be applied.<\/li>\n<li>If\u00a0necessary, set the width of\u00a0certain cells by\u00a0specifying the number of\u00a0columns they should occupy. You can specify the minimum and maximum number of\u00a0columns to\u00a0be\u00a0displayed when the value should be\u00a0applied.<\/li>\n<li>Done! Test.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='what%20browsers%20are%20supported%3F'><h3>What browsers are supported?<\/h3><\/dt>\n<dd><p>The grid works well in modern browsers:\nChrome 79+, Firefox 76+, Edge 79+, Safari 16+.<\/p>\n\n<p>Adaptability starts working only with:\nChrome 106+, Firefox 110+, Edge 106+, Safari 16+.<\/p>\n\n<p>The information is obtained based on a comparison of the support of the CSS features used: <a href=\"https:\/\/caniuse.com\/css-grid\">CSS Grid<\/a>, <a href=\"https:\/\/caniuse.com\/?search=min()\">CSS math function min()<\/a>, <a href=\"https:\/\/caniuse.com\/?search=repeat()\">CSS function repeat()<\/a>, <a href=\"https:\/\/caniuse.com\/css-container-queries\">CSS Container Queries<\/a>.<\/p><\/dd>\n<dt id='are%20the%20adaptability%20settings%20working%20strangely%3F'><h3>Are the adaptability settings working strangely?<\/h3><\/dt>\n<dd><p>The Min and Max values in the adaptivity settings \"Spacing between cells\" and \"Padding of cells\" are set in px and indicate the width of the Autogrid container, not the width of the viewport.<\/p>\n\n<p>The Min and Max values in the adaptability settings of the \"Cell Size\" are set in integers and literally indicate the number of columns displayed when the rule should be applied.<\/p><\/dd>\n<dt id='where%20can%20i%20see%20the%20source%20code%3F'><h3>Where can I see the source code?<\/h3><\/dt>\n<dd><p>You can check out the source files on <a href=\"https:\/\/github.com\/Andreslav\/autogrid\">Github<\/a>.<\/p><\/dd>\n<dt id='where%20can%20i%20test%20the%20plugin%20without%20installing%20it%20on%20my%20site%3F'><h3>Where can I test the plugin without installing it on my site?<\/h3><\/dt>\n<dd><p>The plugin can be tried on a free dummy site from TasteWP. To create a fictitious website with the Autogrid plug-in installed, follow the link: <a href=\"https:\/\/tastewp.org\/plugins\/autogrid\">https:\/\/tastewp.org\/plugins\/autogrid<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.7<\/h4>\n\n<ul>\n<li>Added possibility to set color for all autogrid child items at once.<\/li>\n<\/ul>\n\n<h4>2.0.6<\/h4>\n\n<ul>\n<li>Fixed a bug in Safari.<\/li>\n<\/ul>\n\n<h4>2.0.5<\/h4>\n\n<ul>\n<li>Fixed PHP warning and formatted .php<\/li>\n<\/ul>\n\n<h4>2.0.3<\/h4>\n\n<ul>\n<li>Fixed an issue where increasing the cell spacing increases the outer margins as well.<\/li>\n<li>Updated the supported settings (supports).<\/li>\n<li>Autogrid is now displayed correctly inside the \"Group\" blocks.<\/li>\n<\/ul>","raw_excerpt":"Create a\u00a0grid with a\u00a0variable number of\u00a0columns! Set the number of\u00a0columns and their minimum width, after which the cells will be\u00a0redistributed.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/185562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=185562"}],"author":[{"embeddable":true,"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/andreslav"}],"wp:attachment":[{"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=185562"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=185562"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=185562"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=185562"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=185562"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bal.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=185562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}