Skip to content
This repository has been archived by the owner on Oct 28, 2022. It is now read-only.

Styles: Have more variations that don't offset Post Title #186

Closed
kathrynwp opened this issue Sep 20, 2022 · 4 comments
Closed

Styles: Have more variations that don't offset Post Title #186

kathrynwp opened this issue Sep 20, 2022 · 4 comments
Labels

Comments

@kathrynwp
Copy link

In most of the style variations (9 out of 10), the Post Title block is set to use Wide alignment and be left-aligned, which offsets it to the left of the content below it on desktop – like this, for example:

Editor__beta__‹Twenty_Twenty-Three_Testing—_WordPress

In my experience working with WordPress users, a lot of folks often don't like things that are offset from the content like this, as it can look unbalanced. Instead, many people prefer to have the post/page title either aligned with the content below it, or centered above it. In the past, this usually took custom CSS to achieve, but with FSE they can now de-select the Wide alignment option instead in the Page and Single templates. I'll certainly document that route, but I'm still concerned that this manual avenue isn't going to be intuitive or obvious to many folks.

Could we perhaps consider modifying at least a couple of the variations so that the title is aligned with the content, or centered? Examples would look like:

Editor__beta__‹Twenty_Twenty-Three_Testing—_WordPress

Editor__beta__‹Twenty_Twenty-Three_Testing—_WordPress

This would also help provide a bit more layout variety when users are browsing Styles.

Thanks for considering!

@carolinan
Copy link
Collaborator

This is not possible to do with style variations.
Theme.json can not be used to align blocks to left/right/center/none/wide or full.
Please see WordPress/gutenberg#44007

It can only be achieved in the template or with custom CSS (it was decided not to use CSS).

@kathrynwp
Copy link
Author

kathrynwp commented Sep 20, 2022

Oh interesting, thanks for letting me know, @carolinan!

Could we perhaps consider a different method, such as what the yellow-background variation did. It's the only one of the ten variations to have the post title aligned with the content. I see that the Post Title block is still set to Wide alignment, but the width is defined as 650px:

Editor__beta__‹Twenty_Twenty-Three_Testing—_WordPress

@mikachan mikachan added the [Type] Enhancement New feature or request label Sep 21, 2022
@mikachan
Copy link
Member

Could we perhaps consider a different method, such as what the yellow-background variation did.

This variation (Canary) is setting the settings.layout.wideSize to 650px, which is why the post title is aligned with the content here. So in order to replicate this, we'd need to set this smaller wideSize width on more variations, which will probably have significant affects on the rest of the variation.

@beafialho, do you think any of the current variations would work well with the reduced wideSize content width, similar to Canary?

Alternatively, there are plans to continue building more variations for TT3 beyond the WP 6.1 release (for fun/learning etc!), perhaps we could consider trying this out then?

@mikachan
Copy link
Member

I'm going to close this as we removed the wide alignment used on page and post titles as part of #272, so I don't believe any titles are now offset.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

3 participants