I spent weeks mastering WordPress Layouts, I'll teach you in 3 minutes!

[@DavidStavegard]

Whenever you have your whiteboard, I know I will understand what you’re talking about in the video! Great video, as always!

[@CarlMadsen]

Love it when the whiteboard starts the video

[@jamiewp]

Thanks David- the whiteboard is very useful for me to clarify thoughts as well

[@jamiewp]

👍

[@Hanneslsm]

I think the toggle is it what causes the most of confusion. Good video again, Jamie! Well explained!

[@jamiewp]

thanks - yup i agree about the toggle

[@davidwhite6093]

Thank you so much I have wasted so much time blindly pushing buttons and getting the results but never fully understanding how I got them. I really enjoy the way you present the information in all your videos, cheers

[@jamiewp]

Great to hear it helped you 👍

[@parsonspig]

I was really struggling with this. Thanks so much for the explanation!

[@jamiewp]

My pleasure- glad it was useful 👍

[@jdccool]

Quick and painless! Ty, Jamie

[@jamiewp]

Cheers

[@RonNVids]

I JUST came against this question myself, and then you release a video about it. Thank you so much!

[@jamiewp]

My pleasure Ron

[@vishalmukadam]

You are the Master!

[@jamiewp]

🙏

[@_antaro]

Thank you, thank you, THANK YOU! You made it so easy.

[@jamiewp]

Great to hear

[@wells2671]

Jamie, you should make the videos for the Learn WordPress team. I'm a novice at all of this and have been wrestling with the different width options and what they affect and when. Your short video just clarified this for me. Thank you very much!

[@jamiewp]

thank you that's very kind 👍 I have helped out a little with the team at Learn WordPress and I'd love to do more. It's just there's not enough time to do everything i would like at the moment 🕰

[@iktech117]

Thanks for the effective tricks in minimum time. You are genious👍

[@jamiewp]

Thanks for watching 👍

[@karl-ford]

Jamie, you are the man!

[@jamiewp]

thanks Karl

[@gads_guy]

Amazingly simple. Thank you

[@jamiewp]

You're welcome!

[@MrBrady95]

Thanks, you're motivating me to like Wordpress again!

[@jamiewp]

My pleasure 😇

[@elliottrichmondwp]

Great take on this! I actually touched on this very topic in my last video. It's quite a challenge to grasp, even from a developer's perspective. Communicating and understanding it can be tricky, but you've done an excellent job here for users. 👏👏👏

[@jamiewp]

Thanks Elliot, yup it’s quite tough. Even though its a 4 min video it took a chunk of time to plan so it made sense 😉 btw your video was fab 👍

[@elliottrichmondwp]

thanks @@jamiewp I'm still a total newb 😂

[@MRMATTYMANN]

Thanks answered my question quickly without wasting my time : )

[@jamiewp]

Great to hear 👍

[@Mathijsvanderbeek]

Thank you. I made some changes. Very helpfull. Somehow I do not have the button when I select a group block to set the full width, wide width and normal width. I setup a test website and used the default 2022, 2023 and 2024 theme. Installed the Gutenberg editor changed view settings. It is visible when I select a title or featured image, but not the group block.... any ideas how to get this button active?

[@Bodmar22]

Thanks Jamie! Grossartig!

[@jamiewp]

👍

[@melvamosco5586]

Hello Jamie from Argetina, i love your videos! What about the responsive layout for images?Thaks!

[@jamiewp]

Ive got a video coming out about this tomorrow 👍

[@samuelbhatti878]

Great video! Thanks for your explanation.

[@jamiewp]

Thanks Samuel 👍

[@ohia5654]

This was definitely useful but I wish you would have showed us how that full width group behaved if you had made it Normal, Wide, and then back to Full. I've been working A LOT in the block editor lately and those settings are a bit confusing especially when you can then make custom page templates and have those a different widths. This is definitely inspiration to go set up a site clean install and play with just these elements and see how they react. Thanks for another stellar video dewd!

[@jamiewp]

Noted and thank you 🙏

[@visualmodo]

Very good content!

[@jamiewp]

Thanks!

[@stephansandner3094]

Thanks Jamie. This is Stephan from Germany. I really like your channel and learned a lot. Just one question: What do you think is the best size for content width and wide width? I`ve read a lot different opinions....

[@Hanneslsm]

Not Jamie, but let me answer your question: It depends on the content. If it's text, it even depends on the font size and even language. A rule of thumb is about 40 - 75 characters per line for western languages. 600-640px for the content width is mostly a good value when using standard font sizes (e.g. 16px). Wide width is then just your preferences.

[@jamiewp]

I really depends on the project:)

[@dennis_woo]

Amazing video as usual. Very insightful indeed

[@jamiewp]

Thanks Dennis 👍

[@davidjboozer]

Thanks , Jamie! That helps alot...

[@jamiewp]

Cool , great to hear David

[@andyburnett4918]

Thanks for a very informative video. Much appreciated

[@jamiewp]

Thanks Andy 👍

[@richmaniow]

Super helpful Jaime, more fog has lifted 👍I think your video also highlights how unnecessarily confusing WP is at times, the drop down setting is labelled "None" and the sidebar setting for the same thing is labelled "Content", I think it would have been a lot easier to understand if they had called both of these "normal" as in normal width, as per your explanation, which makes a lot more sense. PS- if you have the time a video on building a Header would be super useful, especially the difference between Rows and Columns and how you get content to sit in the right place within the header.

[@jamiewp]

Thanks Rich - yup i'm working on some ideas for the header.

[@richmaniow]

@@jamiewp fab 👍

[@shrikant6327]

thank you, superb helpful

[@jamiewp]

Thats great to hear 👍

[@goatcheeta]

Very helpful though just getting started with block themes trying to see if I can make a go of it from GPress and Pro - (Don't like their elements implementation). Microsoft may be interested in this video. You have been on a roll this week! Thanks!

[@jamiewp]

Thanks for watching 👍

[@SpiritOfTrboule]

Thank you for the video. I always wondered, why these page widths are usually in px and not percentage?

[@paulroos8517]

Thanks very very much. I have also struggled for weeks to figure it out. Nevertheless, your KZbin tutorial is useful!

[@jamiewp]

Thanks Paul - is there anything else that is confusing for you ?

[@paulroos8517]

@@jamiewp I come for an intensive development world. financial systems for banks and insurance. Most of the confusing issues are NOW cleared. Thanks for asking.

[@vidikman]

Great video, Jamie, Can you clarify why the padding settings effects on Full Width layout? So I had to move global padding to zero to make it real Full width.

[@jamiewp]

What theme are you using?

[@vidikman]

Regular one. Twenty Twenty Four

[@maartenklem2272]

Thanks Jamie, extremely useful! One question though, what is or what do you say is the best page width?

[@jamiewp]

It really depends on the nature of the website and personal preference.

[@pmmueller]

Jamie, I absolutely love that t-shirt. Is there any way to buy a "Learn Core Deeply" from you?

[@jamiewp]

Great minds think alike Peter :) I'm working on it :)

[@pmmueller]

@@jamiewp ... and fools seldom differ 😂 --- This fool's definitely looking forward to that t-shirt 🤗

[@MattMikulla]

How do these settings work when using column layouts? Are there default global settings you recommend for content and wide when designing common page layouts?

[@TheTwelfthEnt]

Great video as usual. I saw in one of your other videos you have a header template and it looks like it makes headers much more simple and customisable. Am I able to download this anywhere? Cheers for the great content!

[@jamiewp]

Thanks can you remember which video (i have over 400 now :)

[@WilhelmC]

Great! Thank you!

[@jamiewp]

thanks for watching Wilhelm

[@susanpearson-creativefibro]

That was really useful thank you.

[@jamiewp]

thanks Susan, this one confused me quite a few times, so hopefully it saves some people some time

[@kenyie8080]

What browser do you use to get that spit screen layout comparison?

[@jamiewp]

Vivaldi

[@PeterSzpakowski]

What are the best practice widths for normal and full?

[@jamiewp]

Hi Peter, full width is full width of the screen so there is no option for that :) Re normal width , it really depends on the project and the type of website you are building .

[@Aphazel]

Hi Jamie! what is the best, and lightest, plugin to integrate some functions or blocks that are missing on gutenberg? Thanks ;)

[@jamiewp]

It depends…what are you missing?

[@brucknerdevilliers]

Whiteboards are up there with air fryers. Well done and thank you.

[@jamiewp]

Hehe thank you 🙏

[@steveiws]

Have you noticed that if you add a group block, set it full-width and select "Inner blocks use content width"), then add 3 columns and set the columnS to wide-width. The columns only widen in the Editor view, in the browser they stay the default content width. Is that a bug? Thanks.

[@jamiewp]

Can I check what theme you are using?

[@steveiws]

@@jamiewp Astra Pro. Classic theme. Thanks

[@VijayKumarIM]

Super helpful tutorail. Please raise your volume little up. Thank you

[@jamiewp]

👍 volume improvements on the way

[@jeremyfairbrass]

That's super helpful, thanks!! :)

[@jamiewp]

Thanks Jeremy , this took me quite a while to get me head around so hopefully it clears things up

[@jeremyfairbrass]

@@jamiewp definitely does! I'm planning to (finally) migrate my website from an old Genesis-based theme - still using the classic page editor - to a block theme, and using Gutenberg for the first time, this year. So, lots of things for me to learn, and videos like yours are really helpful in that regard! (Still hoping to have a video comparing the Spectra One and Ollie themes one day - I'll probably go for one of those themes for my site, but I'm not sure which is the best - Spectra One also has the Spectra Pro addon, which gives it some nice extra features, but the Ollie website says they're working on releasing their own addon sometime soon)

[@jamiewp]

Hi @@jeremyfairbrass did you see this video kzbin.info/www/bejne/h3nRY6iBoLd9jassi=2uDlrQ8LYpAqsmRv - it's not a direct comparison but i do highlight some of the highlights of Ollie and Spectra One (they are both great)

[@jeremyfairbrass]

Thanks - I think I must have missed that one!

[@jamiewp]

👍@@jeremyfairbrass

[@mohdom6]

Hi Have you noticed a WordPress logo issue where in the editor it shows a white square with no upload button? I thought it was theme specific, but I'm encountering it with old sites I made and new installs. I think it is 6.4.3 issue

[@jamiewp]

Hi, I haven't noticed that one. I'll run some tests this end.

[@mohdom6]

@@jamiewp I think it has to do with the host, litespeed sever issue.

[@jamiewp]

@@mohdom6 👍

[@ontheruntonowhere]

I'm in WP 6.6, Twenty Twenty Four theme, and I added a group block to the Pages template. However, contrary to what is shown in the video at 4:00, there is no button in the toolbar to set the block to None, Full, or Wide layout. I have to uncheck the Constrain Inner Blocks toggle and set each child to Wide width individually. I feel I should be able to set the group block width and all the children will default to the parent's width. Where is my button? What's weird is my posts template group defaults to wide width. I don't get it and I've spent hours trying to figure it out. It's simple yet maddening things like this that make people throw up their hands at FSE, while I can put together a site in 2 days with full styling from scratch using a classic theme.

[@ontheruntonowhere]

I should be sure to say this is a rant at WP, not at Jamie, whose videos are always aces.

[@jamiewp]

@@ontheruntonowhere thanks 😊 Not 100% sure what is happening for you , but i'll check out when back from holiday in sunny greece.

[@ontheruntonowhere]

@@jamiewp Oh rub it in 🤬 Safe travels!

[@andrewf.7813]

I don´t have the controls when I have a block selected, I cannot change which width I want. The control buttons at the top are not visible.

[@jamiewp]

Hmm what theme are you using ?

[@steveiws]

Once you set the custom width why does the toggle button stay active,? 😁

[@jamiewp]

That is a very good question 🤔

[@steveiws]

@@jamiewp it took me a whole day to understand block layouts, mainly because, like most users, I don't use FSE, and therefore had never seen the global width settings in FSE styles. A few tool tips here and there would make the block editor much easier to use.

[@tobiaslofi]

Thanks!!

[@jamiewp]

Thanks Tobias

[@Malecare]

thanks

[@jamiewp]

my pleasure

[@jabeztadesse]

I've worked with wordpress for years, and I don't know this! 😅

[@arnelGo-fj7qc]

omg!

[@jamiewp]

hopefully that's an omg good