About Page - 6.7

[davidbaumwald]

This ticket will serve as a hub for the discussion, planning, design, and other related work for creating the WordPress 6.7 About page.

Anyone involved in the release is invited to follow this ticket as part of their release-related duties and offer their input.

[parinpanjari]

Hello @davidbaumwald,

I would like to contribute to the About page. Do we need to create a Figma design for this page? Could you please explain the exact process to create it?

Thank you!

[davidbaumwald]

@parinpanjari I believe @joen will be working on the microsite and the About page design starting after Beta 1.

[Joen]

Now that Beta 1 is behind us, I do indeed plan to work on these, and I will be working in ​this Figma file. The work should largely be based on ​the source of truth document.

You'll be most welcome to contribute. There's a lot of nuance to the Figma process (​read more) so perhaps it's best to discuss in the Slack #design channel. Always happy to chat details there!

I'm starting with a bit of highlight grid material, the pieces built for that are often easy to repurpose for imagery on the About page.

[parinpanjari]

@Joen Thank you for your response! I would love to contribute to the design of the page. Since edit access isn't necessary at this stage, we're happy to create the Figma designs in our own account and share them with the WordPress.org community.

This way, there’s no need to provide us with access to any paid accounts. Please let us know if this works for the community.

Looking forward to collaborating and contributing!

[Joen]

Sounds great!

[Joen]

Placholder About page

[Joen]

Noting still that I'm working in ​this Figma file. While the attached is barely nascent, I'm sharing the above attachment in case it, for folks subscribed, inspires anything.

Notably this iteration includes placeholder text, a placeholder suggestion of feature highlights, and a placeholder intro. Past experience tells me it's useful to see these placeholders when actually formulating the final text content, and choosing the final set of features, so you can tune the amount of text visually.

[parinpanjari]

Hi @Joen ,

I noticed that the icons for Performance Updates and Accessibility Improvements appear a bit smaller in comparison to the other icons on the page. To ensure a consistent and visually balanced layout, would it be possible to adjust the size of these icons so they match the others? This small change will help create a more cohesive and professional look across the entire interface.

Please let me know your thoughts.

Screenshot : ​https://prnt.sc/etHPteGCSs9P

[Joen]

Good eye, yes let's fix that, thank you!

[parinpanjari]

Hi @Joen ,

I’ve made the following updates to the icons.

Icon Size Increase: The icons for Performance Updates and Accessibility Improvements have been enlarged to improve visibility and balance within the design.

Thickness Adjustment: I’ve refined these icon: ​https://prnt.sc/tMKJRI3A9FeX by slightly reducing their thickness to create a cleaner, more polished appearance.

Let me know if there are any further adjustments or other feedback.

Thank you!

[ndiego]

The copy for the About page is now in a pretty good spot. You can view it in the ​Figma mockup.

[Joen]

About page with final copy and suggested image features

[Joen]

With the suggested text finalized, I tried filling in image material from the highlight grid above as well. ​Here, in Figma.

This PR introduces the new content for the 6.7 About page. This release, the layout is staying the same as the previous release, so the changes here are only content updates. I've also removed the images for now (there are some proposed in the ticket but I don't think they're final). The SVG icons have are also now slightly larger.

@ndiego could you take a look at the screenshot here and just make sure I copied from the correct Figma artboard and there are no copy-paste issues? (feel free to tag someone else in)

Trac ticket: https://core.trac.wordpress.org/ticket/61961

[ryelle]

I've added a ​PR with the content updates.

@Joen @ndiego Can you drop the usernames of everyone who helped out for props? I have a few, but I don't think it's a full list. (we'll have at least one another commit for the images, if I don't get everyone today)

The main section looks great, thanks @ryelle! The bottom section is a tad different in the ​mockup (screenshot below).

The font in the "Learn more about WordPress 6.7" is slightly larger, and there are linked heading in the release notes and field guide sections.

Yeah, it's been mocked up like that every release, but we've kept that section the same to reduce string changes - I think it's just an artifact of copying the previous mockup which was never updated. However, if changing it is a strong opinion this release I can do it.

[ndiego]

Yeah, it's been mocked up like that every release, but we've kept that section the same to reduce string changes - I think it's just an artifact of copying the previous mockup which was never updated. However, if changing it is a strong opinion this release I can do it.

If you can, that would be great 🙏 Then, this will be the formatting moving forward.

@Joen @ndiego Can you drop the usernames of everyone who helped out for props? I have a few, but I don't think it's a full list. (we'll have at least one another commit for the images, if I don't get everyone today)

Yup, @annezazu and @provenself tackled the majority of the copy.

I've updated the final section:

[ryelle]

In 59234:

Help/About: Update the About page for 6.7.

Introducing the new content for the 6.7 About page. As with the last release, this About page has a simple layout, and links off to WordPress.org for a full overview.

Props ndiego, annezazu, provenself, ryelle, joen, parinpanjari.
See #61961.

Committed in r59234.

[joedolson]

Adding accessibility focus to ensure this gets a review.

[Joen]

Noting as I'm working on the microsite for the moment, a possible type in the accessibility section:

65+ accessibility fixes and enhancements focus on foundational aspects of the WordPress experience, from improving user interface components and keyboard navigation in the Editor, to an accessible heading on WordPress login screens and clearer labeling throughout.

It should be "labelling", two l's right?

[ndiego]

It should be "labelling", two l's right?

Ah American English versus British English. American is one l, British is two.

[Joen]

Thanks for clarifying 👌, we'll keep one l!

[Joen]

Props ndiego, annezazu, provenself, ryelle, joen, parinpanjari.

Beyond these, props to:

• beafialho for the Twenty Twenty Five material as well as advice on these bits.
• markoserb for general Figma design advice and comments

juanfra and carolinan have also contributed by proxy, and I know I'm forgetting others. I'll defer to you on props best practices!

Replaces "6.7" in the performance section with "WordPress 6.7" for consistency with other mentions on the page.

I don't think it's a blocker but will check with the polyglots.

Trac ticket: https://core.trac.wordpress.org/ticket/61961

@ryelle I'm still confirming with folks in the polyglots channel whether it's an issue and will commit or close this according to their response.

[peterwilsoncc]

In 59266:

Help/About: Update version name in performance string.

Updates the version from 6.7 to WordPress 6.7 in the performance string for consistency with other mentions on the about page.

Props ryelle, peterwilsoncc.
See #61961.

r59266 / ​https://github.com/WordPress/wordpress-develop/commit/815f0c3f2c045b5be4a4a882e466c8b8277984d0

[ugyensupport]

@peterwilsoncc Does the above changes included in our WordPress 6.7 RC 1?

[peterwilsoncc]

@ugyensupport Yes, the above is included in RC1.

[ugyensupport]

About Page - 6.7

Description

This ticket will serve as a hub for the discussion, planning, design, and other related work for creating the WordPress 6.7 About page.

Environment

• WordPress: 6.7-RC1
• PHP: 8.3.10
• Server: nginx/1.21.4
• Database: mysqli (Server: 5.7.44-log / Client: mysqlnd 8.3.10)
• Browser: Chrome 130.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Two 1.8
• MU Plugins: None activated
• Plugins:
  • Gutenberg 19.5.0
  • Test Reports 1.1.0
  • WordPress Beta Tester 3.6.1

Patches already included to WordPress 6.7 RC 1

​https://github.com/WordPress/wordpress-develop/pull/7566
​https://github.com/WordPress/wordpress-develop/pull/7593

Expected Results

1. ✅ Working Perfectly

Additional Notes

• Looking forwards for Images for each descriptions about WordPress 6.7

Supplemental Artifacts

Add Inline:

[Joen]

Archive of the 4 images for the About page

[Joen]

I've added what I believe to be the final images for use with the about page. Those are PNG crushed too, so should be relatively small. Let me know if these work! They are from ​this Figma file.

The images have been uploaded to the w.org CDN and added into the About page.

I converted two of the images to .webp, which cut down the filesizes by 80%. The other two were already well optimized as png. The images are:

• ​https://s.w.org/images/core/6.7/feature-tt5.webp
• ​https://s.w.org/images/core/6.7/feature-zoom.webp
• ​https://s.w.org/images/core/6.7/feature-block-bindings.png
• ​https://s.w.org/images/core/6.7/feature-font-presets.png

Trac ticket: https://core.trac.wordpress.org/ticket/61961

[ryelle]

I've added the images in the PR ​https://github.com/WordPress/wordpress-develop/pull/7689

Are there any other changes that need to go into the page? I haven't seen anything, so I think once that PR is committed & backported the About page will be complete.

[peterwilsoncc]

In 59329:

Help/About: Add images to the About page.

Updates the images in the About page source with the final versions on the w.org CDN.

Props ryelle, joen.
See #61961.

Merged r59329 / ​https://github.com/WordPress/wordpress-develop/commit/721047921388419936fc1310c135fc65d01cab64

[peterwilsoncc]

r59329 will need to be backported to the 6.7 branch upon another committers sign-off.

[ryelle]

I'm pretty sure since a committer made the patch, that counts as the first sign-off, but either way [59329] looks good for backport.

[ryelle]

In 59345:

Help/About: Add images to the About page.

Updates the images in the About page source with the final versions on the w.org CDN.

Reviewed by peterwilsoncc.
Merges [59329] to the 6.7 branch.

Props ryelle, joen.
See #61961.

[ryelle]

Closing this as now that the images are backported, the page is complete ✅

[Joen]

Possibility of image updates

[Joen]

V2 assets in case feasible

[Joen]

I recognize this issue is now closed, so if we are unable to update the 4 feature images, the ones already added will work just fine.

But we have received some very lovely color updates for the microsite version by @sfougnier and @fcoveram, ​here. In case it's possible to update the images—it's a straight swap, alt text remains the same—it would be a nice bit of connective tissue.

If not, totally fine, sorry about this very late addition, and thanks for all the help!

[peterwilsoncc]

Reopening for consideration of the image update request from @Joen.

@ryelle @davidbaumwald Do you have thoughts?

It's pretty low risk, the images can be updated on the CDN easily enough but we would need to update the cache busting strings in core. A patch can't be created until after the CDN update as it would risk priming the cache with the incorrect images.

[davidbaumwald]

@peterwilsoncc Yeah, let's do it! I can also update the release post with the updated URLs to the images once they are on the CDN.

[ryelle]

New images on the CDN:

• ​https://s.w.org/images/core/6.7/feature-tt5-2.webp
• ​https://s.w.org/images/core/6.7/feature-zoom-2.webp
• ​https://s.w.org/images/core/6.7/feature-block-bindings-2.webp
• ​https://s.w.org/images/core/6.7/feature-font-presets-2.png

One last update of the about page images.

As this PR is against trunk, some of the text in the screenshot refers to WordPress 6.8. This is expected as trunk is 6.8-alpha.

Trac ticket: Core-61961

[peterwilsoncc]

In 59374:

Help/About: Update the about page images for WordPress 6.7.

Updates the about page images with more colourful imagery.

Props sfougnier, fcoveram, Joen, davidbaumwald, ryelle.
Fixes #61961.

[peterwilsoncc]

Reopening for backport of [59374] to the 6.7 branch following approval by another committer.

Merged r59374 / ​https://github.com/WordPress/wordpress-develop/commit/8f42bad4cdcb5fb6c4ff96fcf050fb29ff6d30bf

[ryelle]

[59374] looks good to backport 👍🏻

[peterwilsoncc]

In 59375:

Help/About: Update the about page images for WordPress 6.7.

Updates the about page images with more colourful imagery.

Reviewed by ryelle.
Merges [59374] to the 6.7 branch.

Props sfougnier, fcoveram, Joen, davidbaumwald, ryelle.
Fixes #61961.

[Joen]

🙏