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

Add headers #52

Merged
merged 17 commits into from
Aug 20, 2024
Merged

Add headers #52

merged 17 commits into from
Aug 20, 2024

Conversation

carolinan
Copy link
Contributor

@carolinan carolinan commented Aug 18, 2024

Description
Add four header patterns. This PR does not include the headers that are sidebars.
Partial for #37

Testing Instructions
Activate Gutenberg. Note that I am testing with Gutenberg trunk.
If you don't want to test with Gutenberg, then just switch the header patterns manually by inserting them, since you wont see the "Design" panel.

Since the font sizes and font family is not in yet, the main thing to test in this PR is that:

  • The blocks are the same as in the designs.
  • The spacing to the top, bottom, left and right of the header content matches the designs in Figma closely.

Apply the PR.
Confirm that the default header is used and displays correctly in the editor and front.
Test with different screen widths.

Then select the different heading patterns from the Design panel in the sidebar in the Site Editor, and repeat the test.
There is no need to test the patterns that are added by core. The patterns from the theme should be the four first patterns, at the top of the Design panel.

@carolinan carolinan marked this pull request as ready for review August 20, 2024 07:50
@carolinan carolinan changed the title WIP Add headers Add headers Aug 20, 2024
Copy link

github-actions bot commented Aug 20, 2024

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: carolinan <poena@git.wordpress.org>
Co-authored-by: juanfra <juanfra@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

},
{
"area": "footer",
"name": "Footer"
"name": "footer",
"title": "Footer"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This is the same change as in #55, I wasn't sure which would get merged first.

Copy link
Member

@juanfra juanfra left a comment

Choose a reason for hiding this comment

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

Thanks so much for working on this, Carolina! It looks fantastic. I left a comment about one tiny thing I found with spacing for the default header.

patterns/header.php Outdated Show resolved Hide resolved
"typography": {
"fontSize": "var:preset|fontSize|medium",
"fontWeight": "700",
"letterSpacing": "-2"
Copy link
Member

Choose a reason for hiding this comment

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

I see in the figma that for some variations we go with -2 and for some others 0. We may want to revisit this in the future.

Copy link
Member

@juanfra juanfra left a comment

Choose a reason for hiding this comment

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

Thanks, Carolina!

✅ LGTM

@juanfra juanfra merged commit 191133f into trunk Aug 20, 2024
5 checks passed
@juanfra juanfra deleted the add/headers branch August 20, 2024 17:37
@juanfra juanfra mentioned this pull request Aug 20, 2024
6 tasks
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.

2 participants