Adds the tutorial video to the Overview screen.<\/p>","1.0.2":"
Text positions, combined hover effects, whole-tile links, and support for the Bento Grid Pro add-on.<\/p>","1.0.0":"
Initial release of BoldSpan Bento Grid.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3699801,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3699801,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3699801,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3699801,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"boldspan-bento\/grid":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"boldspan-bento\/grid","title":"Bento Grid","category":"design","icon":"grid-view","description":"A minimal, modern Bento-style grid layout block.","keywords":["bento","grid","layout"],"version":"1.0.3","textdomain":"boldspan-bento-grid","editorScript":"boldspan-bento-editor-script","editorStyle":"boldspan-bento-editor-style","style":"boldspan-bento-frontend-style","viewScript":"boldspan-bento-frontend-script","attributes":{"layoutPreset":{"type":"string","default":"hero-3"},"tileCount":{"type":"number","default":3},"gap":{"type":"number","default":16},"borderRadius":{"type":"number","default":16},"bgColor":{"type":"string","default":"#f4f4f5"},"padding":{"type":"object","default":{"top":0,"right":0,"bottom":0,"left":0}},"margin":{"type":"object","default":{"top":0,"right":0,"bottom":0,"left":0}},"rowHeight":{"type":"number","default":180},"rowSizing":{"type":"string","default":"fixed"},"scrollReveal":{"type":"string","default":"none"},"tiltStrength":{"type":"number","default":8},"containerWidth":{"type":"string","default":""}},"supports":{"html":false,"align":["wide","full"]}},"boldspan-bento\/tile":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"boldspan-bento\/tile","title":"Bento Tile","category":"design","icon":"format-image","description":"A single image or content tile inside a Bento Grid.","keywords":["bento","tile","card"],"version":"1.0.2","textdomain":"boldspan-bento-grid","parent":["boldspan-bento\/grid"],"editorScript":"boldspan-bento-editor-script","editorStyle":"boldspan-bento-editor-style","style":"boldspan-bento-frontend-style","viewScript":"boldspan-bento-frontend-script","attributes":{"contentMode":{"type":"string","default":"image-overlay"},"mediaUrl":{"type":"string","default":""},"mediaId":{"type":"number","default":0},"mediaAlt":{"type":"string","default":""},"title":{"type":"string","default":""},"caption":{"type":"string","default":""},"linkUrl":{"type":"string","default":""},"overlayOpacity":{"type":"number","default":40},"hoverEffect":{"type":"string","default":"lift"},"bgColor":{"type":"string","default":""},"bgGradient":{"type":"string","default":""},"textColor":{"type":"string","default":""},"borderWidth":{"type":"number","default":0},"borderColor":{"type":"string","default":""},"titleTag":{"type":"string","default":"h3"},"linkNewTab":{"type":"boolean","default":false},"linkNofollow":{"type":"boolean","default":false},"glass":{"type":"boolean","default":false},"textPosition":{"type":"string","default":"bottom-left"}},"supports":{"html":false,"reusable":false}}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3700420,"resolution":"1","location":"assets","locale":"","width":909,"height":646},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3700420,"resolution":"2","location":"assets","locale":"","width":839,"height":591},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3700420,"resolution":"3","location":"assets","locale":"","width":1164,"height":594},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3700420,"resolution":"4","location":"assets","locale":"","width":1573,"height":754}},"screenshots":{"1":"The Bento Grid block in the editor with the visual layout picker.","2":"A four-tile \"Showcase\" bento layout on the front end.","3":"Tile settings: content, text position, hover effects, colours and borders.","4":"The same grid stacking into a single column on mobile."}},"plugin_section":[],"plugin_tags":[238889,76538,210,16555,148076],"plugin_category":[50],"plugin_contributors":[281302],"plugin_business_model":[],"class_list":["post-367179","plugin","type-plugin","status-publish","hentry","plugin_tags-bento-grid","plugin_tags-elementor","plugin_tags-gallery","plugin_tags-grid-layout","plugin_tags-gutenberg","plugin_category-media","plugin_contributors-boldspan","plugin_committers-boldspan"],"banners":{"banner":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/banner-772x250.png?rev=3699801","banner_2x":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/banner-1544x500.png?rev=3699801","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/icon-128x128.gif?rev=3699801","icon_2x":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/icon-256x256.gif?rev=3699801","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/screenshot-1.png?rev=3700420","caption":"The Bento Grid block in the editor with the visual layout picker."},{"src":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/screenshot-2.png?rev=3700420","caption":"A four-tile \"Showcase\" bento layout on the front end."},{"src":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/screenshot-3.png?rev=3700420","caption":"Tile settings: content, text position, hover effects, colours and borders."},{"src":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/screenshot-4.png?rev=3700420","caption":"The same grid stacking into a single column on mobile."}],"raw_content":"\n
[youtube https:\/\/www.youtube.com\/watch?v=6G67F61WzB0]<\/p>\n\n
BoldSpan Bento Grid<\/strong> helps you build bento grid layouts in WordPress: the clean, boxy, modern sections you see on product and SaaS websites. It works as a Gutenberg block<\/strong> and an Elementor widget<\/strong>, and you don't need to write any CSS.<\/p>\n\n Pick a layout, drop in your images and text, and publish. The grid is responsive, lightweight, and looks the same in the editor as on your live site.<\/p>\n\n Most page sections end up as rows of equal columns. A bento grid mixes large and small tiles, so the most important content stands out and the page feels designed, not assembled. BoldSpan Bento Grid gives you that look in a few clicks:<\/p>\n\n A bento grid is a layout of rectangular tiles of different sizes, arranged like the compartments of a Japanese bento box. It is a popular web design trend because it shows several pieces of content at once while keeping a clear visual hierarchy: one hero tile, a few supporting tiles, all aligned on one grid.<\/p>\n\n Bloggers, designers, photographers, freelancers, agencies, small businesses, store owners and anyone building with the block editor or Elementor. Beginners get sensible defaults; designers get control over spacing, colours, borders and typography levels.<\/p>\n\n Layouts<\/strong><\/p>\n\n Tiles<\/strong><\/p>\n\n Hover effects<\/strong><\/p>\n\n Responsive by default<\/strong><\/p>\n\n Fast and lightweight<\/strong><\/p>\n\n Works with your theme<\/strong><\/p>\n\n Accessible, secure, translation-ready<\/strong><\/p>\n\n Use whichever editor you like. In the block editor, the grid is a native block with its own tile blocks. In Elementor, the widget lives under the BoldSpan Bento<\/strong> category and has the same layouts, tile options and hover effects. The front-end output is identical.<\/p>\n\n The free plugin is complete on its own. If you want more, the separate Bento Grid Pro<\/a><\/strong> add-on adds:<\/p>\n\n Pro options appear in the editor with a small lock badge so you can see what they do. If a Pro licence ever expires, your published pages keep their Pro layouts and effects. Nothing on your site breaks.<\/p>\n\n Questions, bugs or ideas? Post in the support forum here on WordPress.org, or email bentogrid@boldspan.tech<\/strong>.<\/p>\n\n This plugin ships compiled JavaScript and CSS in the https:\/\/github.com\/boldspantechnologies\/Bold-Bento-Grid<\/p>\n\n Build tools: Node.js<\/a> 18+ and npm, with\n@wordpress\/scripts<\/a> (webpack).<\/p>\n\n The text domain is Yes. The plugin is free and fully functional, with 9 layouts, patterns, tile styling and hover effects. Bento Grid Pro is an optional paid add-on for more layouts and motion.<\/p><\/dd>\n A grid of tiles in different sizes, like the compartments of a bento box. It shows several pieces of content at once with a clear hierarchy, which is why it has become a popular modern web design style.<\/p><\/dd>\n No. The plugin works in the standard WordPress block editor (Gutenberg) on its own. If you use Elementor, you also get a Bento Grid widget with the same features.<\/p><\/dd>\n Yes. It works with block themes and classic themes. Tiles take your theme's font and colours, while the grid's spacing is protected so theme styles can't break the layout.<\/p><\/dd>\n Yes. Every layout stacks into one column on phones and steps down to two columns on tablets, automatically.<\/p><\/dd>\n No. Layout and free hover effects are pure CSS, there is no jQuery, and the stylesheet loads only on pages that contain a grid.<\/p><\/dd>\n Yes. Use image tiles with a title and caption, choose where the text sits, and link each tile to a project, post or larger image. The whole tile is clickable.<\/p><\/dd>\n Two to five in the free plugin, with a layout for every count. Bento Grid Pro allows up to 12.<\/p><\/dd>\nWant a clean, modern website without hiring a designer?<\/h3>\n\n
\n
What is a bento grid?<\/h3>\n\n
What you can build<\/h3>\n\n
\n
Who it is for<\/h3>\n\n
Key features<\/h3>\n\n
\n
\n
rel=\"nofollow\"<\/code> options.<\/li>\n<\/ul>\n\n\n
\n
\n
\n
\n
aria-label<\/code> from their title, heading levels are yours to choose, and motion respects prefers-reduced-motion<\/code>.<\/li>\nboldspan-bento-grid<\/code> text domain).<\/li>\n<\/ul>\n\nHow it works<\/h3>\n\n
\n
Gutenberg and Elementor<\/h3>\n\n
Bento Grid Pro (optional)<\/h3>\n\n
\n
Support<\/h3>\n\n
Source Code<\/h3>\n\n
build\/<\/code> directory. The\nhuman-readable sources - TypeScript and SCSS under src\/<\/code>, the block metadata,\nand the full build pipeline - live in the public development repository:<\/p>\n\n\n
npm install<\/code> - install the build toolchain.<\/li>\nnpm run build<\/code> - compile src\/<\/code> into build\/<\/code> (boldspan-bento\/grid<\/code> block, tile block, front-end runtime, stylesheet).<\/li>\nnpm run package<\/code> - clean, build, and produce dist\/boldspan-bento-grid.zip<\/code> containing only the files WordPress needs.<\/li>\n<\/ul>\n\nboldspan-bento-grid<\/code> throughout (plugin header, every __()<\/code> \/\n _e() call, both block.json<\/code> files, and wp_set_script_translations()<\/code>).\nTranslations are handled by translate.wordpress.org.<\/p>\n\n\n\n
boldspan-bento-grid<\/code> folder to \/wp-content\/plugins\/<\/code>.)<\/li>\n\n
Is BoldSpan Bento Grid free?<\/h3><\/dt>\n
What is a bento grid layout?<\/h3><\/dt>\n
Do I need Elementor?<\/h3><\/dt>\n
Does it work with my theme?<\/h3><\/dt>\n
Is it mobile responsive?<\/h3><\/dt>\n
Will it slow down my site?<\/h3><\/dt>\n
Can I use it as an image gallery or portfolio?<\/h3><\/dt>\n
How many tiles can a grid have?<\/h3><\/dt>\n