4.9 About Page

[melchoyce]

Currently thinking about the design and copy for this.

[mavisllp]

May i know where to find resources?

[melchoyce]

In 41943:

About Page: Commit initial strings for 4.9.

Props kristastevens, dd32, hlashbrooke.
See #42087.

[melchoyce]

Hey @mavisllp! What do you mean by "resources?"

[melchoyce]

Have a copy update to tone down the colloquialism coming tomorrow (cc @casiepa). Let's try to keep feedback in this thread.

[melchoyce]

42087.diff​ introduces some updates, simpler strings. @casiepa can you review?

[Presskopp]

cut out double spaces, see #42292

[Presskopp]

@swissspidy made ​https://wordpress.org/plugins/gutenberg/ translatable

[afercia]

#42292 was marked as a duplicate.

[melchoyce]

In 41981:

About Page: Revised strings to be easier to translate.

Props kristastevens, Presskopp, swissspidy.
See #42087.

[casiepa]

Thx Mel, seems much clearer now. I'm sure it will be clear to all languages now how to move forward with the translation.

[melchoyce]

Replying to casiepa:

Thx Mel, seems much clearer now. I'm sure it will be clear to all languages now how to move forward with the translation.

Thanks! In that case, I'll move on to design now.

[transl8or]

I think, the string in https://core.trac.wordpress.org/browser/trunk/src/wp-admin/about.php?marks=125#L125 does somehow not express what the actual new feature does.

It says: '... and will recommend that you draft and test changes before update your file.'

Wouldn't it be better to have something like '... and will recommend that you refrain from that and backup your files, before they get overwritten by the next update.'

[melchoyce]

Replying to transl8or:

I think, the string in https://core.trac.wordpress.org/browser/trunk/src/wp-admin/about.php?marks=125#L125 does somehow not express what the actual new feature does.

It says: '... and will recommend that you draft and test changes before update your file.'

Wouldn't it be better to have something like '... and will recommend that you refrain from that and backup your files, before they get overwritten by the next update.'

Good catch — we've updated the content of the modal since writing this. I'll update.

[melchoyce]

In 42044:

About Page: Update the blurb in "Warning: Potential Danger Ahead!" to be more accurate.

Props transl8or, karmatosed, chanthaboune.
See #42087.

[melchoyce]

Uploaded a mockup of the page design: about-page-design.png​

[transl8or]

@melchoyce Really nice. I like the choice of colors.
Just one thing (actually the tile I liked the most from the beginning, but...):
I think the flatiron could get lost in translation. (In german for example we have a word for "to iron out" but it's difficult to bring that together in the context of the UX and I don't know the expression in all the other languages.)

A spontanous idea for an alternative image could be something like an abstract flowchart from the left to the right that contains arrows, plus signs and a checked mark. Like they do appear in the process to create a menu. Something like a weird Equation. Also because the equals sign doesnt need translation and is already in the headline. Just an idea. (going to do some real ironing now ;) Happy Halloween, y'all.

[melchoyce]

Thanks @transl8or, I agree. I struggled a lot with figuring out what to do with that one and I'm not satisfied with the iron. Your flowchart suggestion makes a lot of sense, I'll give that a try. :)

[melchoyce]

Uploaded an updated menu flow illustration.

[Presskopp]

'confused by the steps' reminds me of st:

[transl8or]

I think it's really good @melchoyce. More to the point than the flatiron.
Had something quite similar in mind and wasn't able to visualise it yesterday.
I upload what came out of yours and mine.

If you give it the special Mel 'look and feel' in color, proportions and adjustment to all the other squares, I think it's fine.

[melchoyce]

Updated!

[melchoyce]

about.diff​ applies the design mocked up in about-page-design.png​ to the page, courtesy of @ryelle. The images are temporarily hosted on her site until we upload them to the CDN and replace the source URLs. I'll attach a zip of the images we'll need to upload.

[obenland]

Just from looking at the diff, we'll need to debounce the callbacks that are registered to the scroll event. I'll do a complete review soon

[obenland]

@melchoyce about.diff​ looks good! I tweaked the JS part a bit in 42087.4.diff​ to throttle the scroll callback a little and select elements only once.

Just to double-check, the image in the zip are ready to be uploaded?

[melchoyce]

Replying to obenland:

@melchoyce about.diff​ looks good! I tweaked the JS part a bit in 42087.4.diff​ to throttle the scroll callback a little and select elements only once.

Thanks!

Just to double-check, the image in the zip are ready to be uploaded?

They are :) They've been optimized already, so they should be good to go.

[jmdarts007]

good

[melchoyce]

In 42121:

About Page: Implement design.

Props ryelle, karmatosed, transl8or, obenland, melchoyce.
See #42087.

[obenland]

In 42123:

About: Hardcoded image sources.

We're committed to these images now.

See #42087.

[melchoyce]

Looks like we're done here. If anyone finds any bugs with the About page, please open a new ticket.

[westonruter]

In 42157:

About: Synchronize 4.9 tagline across about pages for credits, freedoms, and privacy.

Props dave.pullig.
Amends [41943].
See #42087.
Fixes #42518 for trunk.

[westonruter]

In 42158:

About: Synchronize 4.9 tagline across about pages for credits, freedoms, and privacy.

Props dave.pullig.
Amends [41943].
See #42087.
Fixes #42518 for 4.9.

[westonruter]

In 42159:

About: Fix grammar typo with pluralization.

Props metodiew, westonruter.
Amends [42121].
See #42087.
Fixes #42476 for trunk.

[westonruter]

In 42160:

About: Fix grammar typo with pluralization.

Props metodiew, westonruter.
Amends [42121].
See #42087.
Fixes #42476 for 4.9.

[westonruter]

In 42161:

About: Add vertical alignment for developer happiness sections.

Also run CSS autoprefixer to add -ms- prefixes for CSS grid identifiers for IE11.

Props Presskopp.
Amends [42121].
See #42087.
Fixes #42524 for trunk.

[westonruter]

In 42162:

About: Add vertical alignment for developer happiness sections.

Also run CSS autoprefixer to add -ms- prefixes for CSS grid identifiers for IE11.

Props Presskopp.
Amends [42121].
See #42087.
Fixes #42524 for 4.9.

[westonruter]

In 42173:

About: Fix jumping behavior for titles and columns when scrolling.

Props ryelle.
See #42087.
Fixes #42514, #42526.

[westonruter]

In 42174:

About: Fix jumping behavior for titles and columns when scrolling.

Props ryelle.
See #42087.
Fixes #42514, #42526 for 4.9.

[westonruter]

In 42182:

About Page: Fix issue with overlapping images and text on IE11 and Edge 15.

Props Clorith, ryelle, afercia, la-geek, SergeyBiryukov.
See #42087.
Fixes #42545 for 4.9