About Page - 6.8

[karmatosed]

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.

[ryelle]

In the last release, we had ​the "microsite" (a page on wordpress.org) for the release. This page has the full "About" content, including feature videos. The About page bundled in core had a subset of this content, and static images.

I've opened an issue to ​track changes on the WordPress.org site. This includes:

• Update the homepage "See what's new" blurb & image which directly reference 6.7
• Build the release page: once we have content, I can work with someone (maybe a designer) to build up the page in the editor. We can coordinate that on GitHub.

Typically I've aimed to commit a "final draft" of the About content for beta 3, so ideally it would be finished by beta 2 to allow for dev time. This cycle, that's March 11. This date is flexible, the hard deadline is RC1 (March 25). Image assets can also be added later, provided they don't need any alt text, so design is a bit more flexible too. That said, earlier is better! I'm happy to code this, also happy to just review & commit 🙂

[karmatosed]

We now have a [Figma file]​https://www.figma.com/design/Tu6XRKHSVJggftUSbRgsjb/6.8-Highlight-Grid%2C-Microsite%2C-About-Page-(Copy)?node-id=0-1&t=PUtIaOMY4wD6xFfM-1 based on the past 6.7 one for microsite, highlight grid and about page.

[JeffPaul]

Sharing the ​source copy Google Doc from @michelleames and @marybaum as well.

[karmatosed]

I am going to share the design direction that has been voted on by release leads. This is a pastel design and it draws on the work of Vera Molnar, but also nods to the season of spring. Taking her use of simple colors and shapes into the page.

@ryelle please let me know what else I can provide as I think you have most if not all of everything to unblock for string freeze.

[karmatosed]

It is also worth noting that the two sections for performance and accessibility are currently being worked on to come back again, so the above attachment should be considered just for visuals right now. I will add that to this once agreed.

[Benjamin_Zekavica]

It looks fantastic! :) Great job, @karmatosed! I'm not entirely sure, but it seems like the spacing between the feature sections isn't consistent.

[karmatosed]

@Benjamin_Zekavica I was working on the copy updates and yes the divider was causing some issues. This should be resolved but also @ryelle will be following in code a template so this is just for the visual direction, to set expectations.

[Benjamin_Zekavica]

@karmatosed Perfect, thank you :) I don't have anything else to mention 👍

[ryelle]

@karmatosed What do you think of using the one-column styling on the first section of text? I've just attached what that looks like on the page

[karmatosed]

@ryelle I don't mind it at all. I can see why it was wide before but it really is a long reading length and this feels more comfortable. Thank you for exploring.

This PR introduces the new content for the 6.8 About page. This release introduces a new header image, but otherwise only minor tweaks to the layout and colors. I've also gone through and replaced a few instances of "6.7" with the dynamic $display_version, so we won't need to change those in the future.

@karmatosed I've left the "Take a load off the database" & "Prevent vulnerabilities…" sections in, reorganized slightly so things line up nicely at the default desktop size. I also grabbed the query ♾️ icon for the database section, but I can swap that out if you have a different one in mind.

Other pages:

And on RTL languages:

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

I've updated the "Style Book" section to show the classic theme details only on classic themes, with a link to the Style Book if the user has permission and the classic theme supports it.

If the user does not have permission or the classic theme doesn't have theme.json/editor styles, text still shows, but no link appears.

If the current theme is a block theme, the whole blurb is hidden.

[ryelle]

​The PR is up with screenshots. I'd appreciate a once-over from someone else just to make sure no copy-paste errors cropped up, and if it looks good I can do the commit in the morning before the release party.

Is the content here just some filler text or is this what should be in the final version?
The warning for potentially insecure configurations wasn't actually implemented yet

[karmatosed]

This looks good to me design wise @ryelle thank you.

@benniledl It's supposed to be final, there were content reviews over the last two weeks. Is the text inaccurate?

See https://core.trac.wordpress.org/ticket/43936#comment:68
The warning about open registration and high-level default user was not implemented yet.

Is that the "Prevent vulnerabilities" section? should that whole section be removed?

Yes, it is the "Prevent vulnerabilities" section. yes, I think it should be removed/changed.

We can quickly remove it, so that translators don't work on an incorrect text. IMO this could be shipped as-is, but we could also drop in another section to make this a 2-by-2 grid again in later RC.

[ryelle]

In 60087:

Help/About: Update the About page for 6.8.

Introducing the new content for the 6.8 About page. This release introduces a new header image, but otherwise only minor tweaks to the layout and colors.

See #63025.
Props michelleames, marybaum, jeffpaul, flixos90, krupajnanda, vgnavada, karmatosed, benjamin_zekavica, ryelle, peterwilsoncc, benniledl, audrasjb.

Committed in r60087

Committed in r60087

[devsahadat]

[edit by @audrasjb: irrelevant AI-generated comment removed]

[densinakum]

Title: Modify Page Layout to Follow Container and Page Guidelines

Description:
In WordPress 6.8, I have implemented a layout update for about.php to align with the container and page guidelines. The new layout ensures proper spacing and a visually appealing design.

I have attached before and after screenshots for reference:

Before: ​https://prnt.sc/uY9GXdSGzplt

After: ​https://prnt.sc/Qh0y_Z1Msv7Y

I suggest this update to maintain design consistency and enhance the user experience. Let me know if any modifications are needed.

suggestion: 1

.about__section.has-1-column {
    max-width: 100%;
}

suggestion: 2

.about__container p.is-subheading {
    font-size: 1.125rem;
    font-weight: 500;
}

[densinakum]

Before : ​https://prnt.sc/vAFXD95mOPXH
After : ​https://prnt.sc/F4d6yx3LMZgQ

The updated design on the about.php page looks much better compared to the previous version. The layout appears more refined and visually appealing. However, if possible, consider optimizing spacing and readability further for an improved user experience. Let me know if any refinements are needed!

.about__section.has-1-column {
    max-width: 100%;
}

[densinakum]

Before : ​https://prnt.sc/_xui-3ifb0VX
After : ​https://prnt.sc/rmTRz_mBzIjD Or ​https://prnt.sc/ZLait5MfogKX

The background color in the updated design does not align well with the guideline colors and affects readability. It would be better to adjust it to a more suitable shade that enhances contrast and maintains consistency with the overall design.

.about__container .has-subtle-background-color {
    background-color: #f6f5f2;
}

OR

.about__container .has-subtle-background-color {
    background-color: #e1e1e1;
}

[karmatosed]

@densinakum that color has been there since the last version. I hadn't updated it. I am more than happy to change it if @ryelle is but that wasn't a change done in this version.

[ryelle]

No that yellow color was a total mistake— I was testing out whether the color was used anywhere. I'll switch that back to the previous color in the next patch.

As for your other suggestions @densinakum, a single column of text shouldn't be full-width at body text size because it makes the line length too long to be comfortably readable. The other styles have been standard on the page for the last few releases, so I don't think we'll change that with this release.

[ryelle]

In 60136:

Help/About: Revert subtle color to actually subtle color on Get Involved.

Props densinakum, courane01.
See #63025.

[ryelle]

[60136] fixes the yellow color mentioned above, and could use a backport signoff.

I also can't upload the images to the CDN at the moment, but hopefully that should be sorted soon. If not in the next few days, I'll ping someone else to get that done.

[peterwilsoncc]

[60136] very much approved for backport. Thanks Kelly

[ryelle]

In 60138:

Help/About: Revert subtle color to actually subtle color on Get Involved.

Reviewed By peterwilsoncc.
Merges [60136] to the 6.8 branch.

Props densinakum, courane01.
See #63025.

[ryelle]

I haven't had my access restored yet, so I need someone else to upload the images to the CDN. I've attached the optimized images in about-68-images.zip​ (two are webp, two png— png is better with fewer colors). @dd32 would you be able to do this?

Then we'll need one more commit (and backport) to update the URLs before the dry-run, but I'll keep an eye out to make that when it's ready.

[dd32]

Added the images to the CDN:

https://s.w.org/images/core/6.8/feature-01.webp?v=23478
https://s.w.org/images/core/6.8/feature-02.png?v=23478
https://s.w.org/images/core/6.8/feature-03.webp?v=23478
https://s.w.org/images/core/6.8/feature-04.png?v=23478

Update about page images to use w.org CDN

Trac ticket: https://core.trac.wordpress.org/ticket/63025#comment:38

[peterwilsoncc]

In 60154:

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, dd32.
See #63025.

[peterwilsoncc]

Adding dev-feedback for another committer's sign off to backport [60154] to the 6.8 branch.

[ryelle]

[60154] looks good to backport.

[peterwilsoncc]

In 60155:

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 ryelle.
Merges [60154] to the 6.8 branch.

Props ryelle, dd32.
See #63025.

[phanduynam]

Is the issue resolved? If so, please close it.