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.1","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"}},"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.1","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}},"supports":{"html":false,"reusable":false}}},"tagged_versions":["1.0.0","1.0.1"],"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-preset picker.","2":"A four-tile \"Showcase\" layout on the front end.","3":"Per-tile content-mode, hover, colour, and border controls, with Pro features marked.","4":"The same grid collapsing to a single column on mobile."}},"plugin_section":[],"plugin_tags":[238889,76538,148076,57531,281301],"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-gutenberg","plugin_tags-responsive-layout","plugin_tags-wordpress-grid","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-preset picker."},{"src":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/screenshot-2.png?rev=3700420","caption":"A four-tile \"Showcase\" layout on the front end."},{"src":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/screenshot-3.png?rev=3700420","caption":"Per-tile content-mode, hover, colour, and border controls, with Pro features marked."},{"src":"https:\/\/ps.w.org\/boldspan-bento-grid\/assets\/screenshot-4.png?rev=3700420","caption":"The same grid collapsing to a single column on mobile."}],"raw_content":"\n
BoldSpan Bento Grid is a free WordPress bento grid plugin for building modern, responsive websites in Gutenberg and Elementor. Create magazine-style homepages, image galleries, portfolios, blog sections, service grids, team sections, product highlights, and landing page layouts without writing CSS.<\/p>\n\n
Choose a professional bento box layout, add your content, and publish a polished responsive grid in minutes. The same lightweight CSS Grid engine powers the editor preview and the front end, so your layout looks the way you designed it.<\/p>\n\n
Unlike a generic column block, this responsive grid plugin gives you curated bento layouts, per-tile content controls, image overlays, typography-friendly heading levels, and optional hover effects in one focused interface.<\/p>\n\n
It is made for freelancers, agencies, bloggers, photographers, designers, creators, small businesses, online stores, and anyone who wants a more visual WordPress website layout without hiring a developer.<\/p>\n\n
Why site owners choose BoldSpan Bento Grid<\/strong><\/p>\n\n Choose a curated preset, drop in your tiles, and the grid takes care of the geometry. Every tile can show an image with an overlay, text above or below its image, or a free-form stack of inner blocks.<\/p>\n\n Get started in one click<\/strong><\/p>\n\n Layout<\/strong><\/p>\n\n Tiles<\/strong><\/p>\n\n Responsive<\/strong><\/p>\n\n Built for real sites<\/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 Two to five, with a curated preset for every count. A separate commercial add-on, BoldSpan Bento Grid Pro (https:\/\/bentogrid.boldspan.tech), lifts the tile cap and adds six more presets, glassmorphism, advanced hover motion, and dynamic WooCommerce\/query grids. Those extras are shown in the editor with a lock badge so you can see what they do; this plugin is fully functional on its own without them.<\/p><\/dd>\n Yes. Tiles inherit your theme's font family and body colour, but the grid gap, tile padding, and heading\/caption sizing are locked to the plugin's own values inside the Yes - both produce the same HTML wrapper, classes, and Yes. When the operating system requests reduced motion, all hover transitions and transforms are disabled.<\/p><\/dd>\n No. The front-end stylesheet and runtime are only enqueued on requests that actually render a Bento Grid block or widget.<\/p><\/dd>\n Only when you press a button that says it will, and never from the front end.<\/p>\n\n Three actions contact Discord, where the BoldSpan team receives them:<\/p>\n\n That is the whole list. No version numbers, no server details, no environment report. Nothing is sent on page loads, on activation, or from visitor-facing pages, and no data about your visitors or your content ever leaves the site. The first and third need a logged-in editor and a valid nonce; the second runs inside the deactivation request WordPress has already authorised. Site owners who want all of it switched off can return false from the The service is Discord, operated by Discord Inc. Terms: https:\/\/discord.com\/terms Privacy policy: https:\/\/discord.com\/privacy<\/p><\/dd>\n\n<\/dl>\n\n\n\n
\n
\n
\n
\n
\n
.boldspan-bento-wrapper<\/code> namespace so active themes and Elementor global styles cannot override the grid gap, tile padding, or typography.<\/li>\naria-label<\/code> from their title, the title heading level is author-controlled, and all motion respects prefers-reduced-motion<\/code>.<\/li>\nesc_url()<\/code>, CSS values are filtered, and numeric ranges are clamped before output.<\/li>\nboldspan-bento-grid<\/code> text domain.<\/li>\n<\/ul>\n\nSource 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>, or install the plugin through the Plugins > Add New<\/strong> screen.<\/li>\n\n
How many tiles can a grid have?<\/h3><\/dt>\n
Will it match my theme?<\/h3><\/dt>\n
.boldspan-bento-wrapper<\/code> namespace so theme rules can't distort the layout.<\/p><\/dd>\nIs the Elementor output the same as the block output?<\/h3><\/dt>\n
data-bento-grid<\/code> attribute, and share one stylesheet.<\/p><\/dd>\nDoes it support reduced motion?<\/h3><\/dt>\n
Does the plugin load anything on pages that don't use a grid?<\/h3><\/dt>\n
Does the plugin send anything to an external service?<\/h3><\/dt>\n
\n
boldspan_bento_grid_notifications_enabled<\/code> filter.<\/p>\n\n1.0.0<\/h4>\n\n
\n
boldspan-bento\/grid<\/code> + boldspan-bento\/tile<\/code>) with a static save renderer.<\/li>\nboldspan_bento_grid_is_pro_active<\/code> filter.<\/li>\n.boldspan-bento-wrapper<\/code> CSS isolation namespace.<\/li>\naria-label<\/code>s and full prefers-reduced-motion<\/code> support.<\/li>\nesc_url()<\/code> \/ esc_html()<\/code> \/ esc_attr()<\/code> on all output, CSS-value filtering, and clamped numeric ranges.<\/li>\nboldspan-bento-grid<\/code> text domain).<\/li>\n<\/ul>","raw_excerpt":"Create responsive WordPress bento grids in Gutenberg and Elementor with ready-made layouts, image tiles, hover effects, and CSS Grid.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/367179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=367179"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/boldspan"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=367179"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=367179"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=367179"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=367179"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=367179"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=367179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}