Master WordPress Grid Layouts

No video

Master WordPress Grid Layouts

Рет қаралды 3,593

Күн бұрын

Most great-looking websites utilize some sort of grid pattern in their page layout. But while many designers accomplish this using CSS Grid, new WordPress blocks let you do it right in the editor.
In today’s “Build and Beyond” video, Jamie Marsland shows you how to use Grid and Grid Layout blocks to create a beautiful, functional WordPress site.
Ready to get building on WordPress.com? wordpress.com/...
Need more help? Please visit wordpress.com/...
ABOUT WORDPRESS.COM
With more than 15 years powering the open web, we’re here to support your WordPress.com journey: your successes, your learning experiences, and your fabulous ideas. Wherever you are on your path, we’ve got you covered.
#WordPress #wordpresstutorial #createawebsite

Пікірлер: 26

@goatcheeta 4 ай бұрын

I thought I had seen that basic layout - Kevin Powell is one I try to digest every week. What a gift to all of us! Thanks for all the work you have done in making Gutenberg real and useful for the rest of us. You were the first to publicize CSS Grid in 6.5

@jamiewp 4 ай бұрын

Thank you 🙏

@taunado 3 ай бұрын

Thanks. It'll great to see more dynamic content, such as pulling in your posts to populate the grid content and rendering styles from a style guide.

@ArambhAcademy. 3 ай бұрын

Thanks. you add imp techniques and information in my knowledge.

@the-khutinati-tech Ай бұрын

Thank You

@hitmaninblood 4 ай бұрын

Really love watching your videos Jamie - please continue 👏🏻🥳

@wordpress-com 4 ай бұрын

More to come!

@kaysha 4 ай бұрын

Jamie, you're the best

@jamiewp 4 ай бұрын

Thank you 🙏

@tim78723 4 ай бұрын

always Brilliant Jamie. How did I miss this last week? What a great use case for using Gutenberg. Thanks.

@jamiewp 4 ай бұрын

Super tks Tim 🙏

@chrislanejones 4 ай бұрын

This is great, thanks for sharing!

@jamiewp 4 ай бұрын

Thanks for watching Chris, glad it was helpful 👍

@CasualRelief 4 ай бұрын

Is the Grid Block going to hit WordPress Core?

@jamiewp 3 ай бұрын

Yup 👍

@mikeryan2802 2 ай бұрын

Nice.

@pshemekm 4 ай бұрын

Thanks for presentation; grid is so powerful! However, in the real world, we have to do such things with dynamic outputs like query loops. So still with CSS (nth-child)

@jamiewp 3 ай бұрын

Did you know the query loop block supports CSS grid?

@pshemekm 3 ай бұрын

@jamiewp Yes, however it does not provide as powerful controls as the Grid block does. So we have to rely on CSS if we want something more.

@jamiewp 3 ай бұрын

@@pshemekm yup 👍

@spitsparrow 23 күн бұрын

I dont get the options to select a width for the grid block. Any clues as to why some and some dont get to see it? is it a theme thing. You have spectra i think im just on 2024

@erling5148 Ай бұрын

which blocks editor did you use there is no naming of it

@wordpress-com Ай бұрын

It's the default editor on WordPress.com :)

@KariposTheOne 29 күн бұрын

Couldn't you develop a better CSS grid builder, like the one from Cwicly? It looks like WP is putting in no effort.

@tuulistewart5875 4 ай бұрын

Very cool!! Thanks Note: The option "align grid wide" comes with creator package, not with the lower ones. When I tried it on Creator plan, it still doesn't give me wide option = just 3 columns t play with & not those rounded corners and all. Investigating further (tried on three different sites, different underling themes and WP plans) - not all, just some themes give those opportunities. Just saying...

@wordpress-com 4 ай бұрын

Hey there! The block alignment functionality is available on all WordPress.com plans. If you have any issues setting up a page or post, feel free to reach out! wordpress.com/help