Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pendant: layout for index template #5751

Merged
merged 8 commits into from
Mar 31, 2022
Merged

Pendant: layout for index template #5751

merged 8 commits into from
Mar 31, 2022

Conversation

MaggieCabrera
Copy link
Contributor

@MaggieCabrera MaggieCabrera commented Mar 25, 2022

Changes proposed in this Pull Request:

This PR introduces the changes to the index template to fit the design. I don't know what to do about the heading on top of the page, so for now I made it to be static text. If we go with that we should make it a hidden pattern for i18n.

There are a few GB PRs needed for some of the blocks to work like in the design. They have been recently merged or are about to:

WordPress/gutenberg#39796
WordPress/gutenberg#39835

Screenshot 2022-03-29 at 11-52-08 Skatepark – Tagline

Screenshot 2022-03-29 at 11 51 54

Related issue(s):

May address #5681

@MaggieCabrera MaggieCabrera changed the title layout for index template Pendant: layout for index template Mar 25, 2022
@MaggieCabrera MaggieCabrera force-pushed the pendant-index-template branch from c5d9a47 to 4e0d33d Compare March 29, 2022 08:31
@MaggieCabrera MaggieCabrera requested a review from a team March 29, 2022 09:56
@MaggieCabrera MaggieCabrera added this to the Pendant milestone Mar 29, 2022
@MaggieCabrera MaggieCabrera self-assigned this Mar 29, 2022
Copy link
Contributor

@jffng jffng left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Couple minor comments but generally LGTM!

"typography": {
"fontWeight": "500",
"textTransform": "uppercase",
"fontSize": "var(--wp--preset--font-size--small)"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comps suggest this is the "extra small" font size (15px), but it doesn't look like that variable is configured yet via custom theme.json settings. Should we add it?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah I think you are right

<!-- wp:query {"queryId":1,"query":{"perPage":4,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"tagName":"main","displayLayout":{"type":"flex","columns":2},"layout":{"inherit":true}} -->
<main class="wp-block-query"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"1em","bottom":"1.5em"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:1em;padding-bottom: 1.5em"><!-- wp:post-template -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"2em","bottom":"2em"}}}} -->
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think the comps suggest there is less spacing here but I think yours looks good so maybe we leave it to the design pass of the templates.

@MaggieCabrera MaggieCabrera marked this pull request as ready for review March 30, 2022 08:55
@MaggieCabrera
Copy link
Contributor Author

What do you folks think about the heading up top?

@jffng
Copy link
Contributor

jffng commented Mar 30, 2022

What do you folks think about the heading up top?

Could we make it a query-title block instead? That way we wouldn't need a separate archive template, since they are the same from a design perspective, as far as I can tell.

If we can't, I think static that we replace with a hidden pattern for translation purposes works too.

@MaggieCabrera
Copy link
Contributor Author

What do you folks think about the heading up top?

Could we make it a query-title block instead? That way we wouldn't need a separate archive template, since they are the same from a design perspective, as far as I can tell.

If we can't, I think static that we replace with a hidden pattern for translation purposes works too.

This makes me think when index.html will ever appear if we have home.html and archive.html defined... According to https://developer.wordpress.org/themes/basics/template-hierarchy/ that's... never

@jffng
Copy link
Contributor

jffng commented Mar 30, 2022

True — if we define home and archive, index will never be used. Since Pendant will have a home template, should we switch this one to archive?

@MaggieCabrera
Copy link
Contributor Author

MaggieCabrera commented Mar 31, 2022

True — if we define home and archive, index will never be used. Since Pendant will have a home template, should we switch this one to archive?

Well, we need index.html because without it the theme isn't detected as a block theme and the editor doesn't work. We could add the query title to index and remove the archive template instead but I think I'm going to open a GB issue about this because this doesn't make much sense in this case.

WordPress/gutenberg#39931

@pbking
Copy link
Contributor

pbking commented Mar 31, 2022

Made a few minor tweaks but going to bring this in. Leaving the attached issue open for final design sign off.

@pbking pbking merged commit 48c5436 into trunk Mar 31, 2022
@pbking pbking deleted the pendant-index-template branch April 12, 2022 14:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants