How to create Bento Grids with the WordPress Gutenberg Block Editor, using no code, no plugins and no CSS ๐ฅ
๐ FREE THEMES https://www.pootlepress.com/free-wordpress-themes/
๐ Stay in touch with WordPress news: https://www.pootlepress.com/sign-up-to-my-newsletter/
๐ Get WordPress help : https://www.pootlepress.com/get-wordpress-help/
๐ Channel Sponsorship opportunities https://www.pootlepress.com/youtube-videos/
This tutorial demonstrates creating Bento grids using WordPress Gutenberg, using columns and cover blocks.
– Key steps include adjusting block size and layout, adding videos and text, and customizing text position, line height, and block radius.
– The video highlights features like making blocks reusable by saving them as patterns, locking blocks to prevent edits, and copying blocks between sites.
– I just use Gutenberg’s core blocks without needing custom CSS or plugins.
source
Is there a way to magically query fx products into the grid. Such as new arrival or maybe random from a category?
Another edutaitional WordPress vid! Thanks for continuing to be a thought leader and inspiration source in this space ๐
A really cool and visual idea! I wonder! Is it possible to make the blocks clickable?
As I already said below, many thanks for this video. I've already started trying it out on my site. However, I can't see how to create a link from a cover to another page, only from the text or a button within the cover. Any suggestions about the best way to make the whole cover a link?
Really good content! =D
Hi Jamie.
I've been following you for a long time and always love your tips. I have two questions that you could perhaps show in a video. In relation to twenty twenty four.
1) how do you get 4 columns on the mobile phone to 2 columns?
2.) How can you customise the mobile menu? E.g. full screen, centred, button
I look forward to your answer.
Best regards
Oliver
please do a full ecommerce store design
I love that design
Ha! just in time as am about to start working on a bento website๐
Amazing look and easy work Jamie. Great inspiration
How do I get the Border option to show up under Cover block style? I only see Dimensions and under there is only the Minimum height of cover.
Nice. Gutenberg coming along nicely (slowly) but nicely. If I wanted to add some custom CSS what would you recommend? I don't want a child theme.
Nice, one.
You are a machine! Another great video Jamie. Well done.
Can we put single post per rid section ?
Well done Jamie great video as per normal I love yor videos they are quick and straight to the point thank you.
Interesting & nice concept, but cell phones reduce it to one column viewโฆstill nice thoโฆmight be useful for an e-commerce store tooโฆ
Beautiful! I love the look. Great tutorial!
So glad you've done this, thank you!
Hi Everyone….fyi I'm publishing a website recreation video this Thursday for https://procreate.com/