4.2 About Page

[DrewAPicture]

Over the last couple of weeks, a few of us (@helen, @markjaquith, @nacin, @samsidler, @siobhan) have been working out strings for the 4.2 About page.

@melchoyce and @ryelle have kindly volunteered to design and engineer it once those are ready.

Features (in order):

• Press This
• Extended Character Support
• Theme Switcher
• Shiny Updates
• oEmbed: Tumblr and Kickstarter

Under the Hood:

• Taxonomy Roadmap: Term splitting
• utf8mb4 Support: utf8 to utf8mb4
• JavaScript accessibility: wp.a11y.speak
• Complex Query Ordering: named meta query clauses

[pento]

Related meta ticket for the credits API, adding Twemoji to the external libraries credits: ​#meta958.

[DrewAPicture]

First-run strings

[DrewAPicture]

31929.diff​ adds the first-run strings (untranslatable).

[ocean90]

In 32118:

4.2 about page text, rough cut.

props helen, siobhan, DrewAPicture, samuelsidler, markjaquith, nacin.
see #31929.

[extendwings]

Emoji in about.php

[extendwings]

How about using emoji in description of Extended Character Support?

[jamescollins]

Fixes a typo with mdash character

[jamescollins]

[32118] has a typo in the Streamlined plugin updates section.

31929-dash.diff fixes this by changing endash to mdash.

[SergeyBiryukov]

In 32123:

Fix typo on About page.

props jamescollins.
see #31929.

[jorbin]

I don't know about the "of course" part before emoji in the Extended Character Support section. I would say the vast majority of people don't know what unicode 7.0 is or that it contains emoji. I also think there are a number of people who don't know what emoji are.

I think we can make it playful by changing it to:

WordPress now supports displaying a host of new characters included with Unicode 7.0, extending support for native Chinese, Japanese, and Korean characters, musical and mathematical symbols, hieroglyphs, and there modern equivalent, emoji.

[siobhan]

Revised about page

[siobhan]

Added revised about page text. The oEmbeds text seemed very user-focused instead of being an under the hood thing. I've amended the text and think it should be moved up under the user features. This would be consistent with 4.0, in which oembed improvements were a user feature.

If it's to remain under "under-the-hood" I need to know what developers need to know about it instead of users.

[DrewAPicture]

31929.2.patch​:

• Adds emoji to the character encoding section, and slightly adjusts the text. Not sure we should refer to them as "icons"
• Moves the oembed blurb up out of Under the Hood, and rearranges the Under the Hood blurbs a bit to accommodate

The design adjustments are simply to enable easier gauging of priority. @melchoyce is working on the actual design as separate effort.

[ocean90]

In 32130:

Update about page for 4.2.

props siobhan, DrewAPicture.
see #31929

[ocean90]

Should we link "emojis" to ​http://codex.wordpress.org/Emoji?

[pavelevap]

"Thank you for updating! WordPress 4.2 helps you communicate and share, globally." string should be same for all tabs (also Credits and License)?

[DrewAPicture]

31929.3.patch​:

• Changes the subhead strings on credits.php and freedoms.php to match about.php, hat tip @pavelevap
• Links the Emoji Codex article in the emoji blurb

[ocean90]

Improved i18n for codex link

[DrewAPicture]

More text for the JavaScript accessibility item

[DrewAPicture]

31929.5.patch​:

• Adds a second sentence to the JavaScript Accessibility blurb
• Switches positions for the JavaScript Accessibility and Complex Query Ordering sections for balance

[SergeyBiryukov]

In 32131:

About page updates.

• Change the subhead strings on credits.php and freedoms.php to match about.php.
• Link the Emoji Codex article in the emoji blurb.
• Add a second sentence to the JavaScript Accessibility blurb.
• Switch positions for the JavaScript Accessibility and Complex Query Ordering sections for balance.

props DrewAPicture, ocean90, pavelevap.
see #31929.

[DrewAPicture]

final string tweaks

[pento]

The plural of "emoji" is "emoji".

[DrewAPicture]

seriously, final

[SergeyBiryukov]

In 32132:

About page: Two more string tweaks.

props DrewAPicture, pento.
see #31929.

[DrewAPicture]

31929.8.patch​:

• Fixes headings to not be camel-cased
• Removes the "Press This Modernized" header per design feedback from @melchoyce
• Adds a link to tools.php in the Press This blurb
• Reuses a press this string from tools.php and adds a non-string [bookmarklet] placeholder
• Slightly shortens the theme switcher blurb to prevent an orphan
• Disables autoplay from the placeholder videos, because RAM

[helen]

In 32135:

About page: A last round of text updates.

props DrewAPicture, johnbillion, afercia, helen.
see #31929.

[ocean90]

In 32136:

About page: All strings are available for translation.

• Remove AJAX call added in [30840].
• Remove <code> tags out of localized strings.

props johnbillion, ocean90.
see #31929.

[melchoyce]

31929.9.diff​ is a first pass at the 4.2 About Page design.

[DrewAPicture]

At this juncture, I think we two viable options considering strings are frozen:

1) Switch to duplicating the actual bookmarklet on the about page and swap out the code
2) Remove the bookmarklet feature from the about page, and remove the duplicate string along with it

[DrewAPicture]

Update: @ryelle is on the case on adding the full bookmarklet to the about page.

Also working with @melchoyce to change up the screenshot for the Press This section.

[ryelle]

31929.10.diff​ switches over to the bookmarklet instead of pressing the about page.

[helen]

Looking good - are we seeking any feedback and/or changes before a final commit (save CDN URLs for media)?

[DrewAPicture]

31929.10.diff​ looks good and installing the bookmarklet works as expected. Let's commit that and then tackle the new screenshot/uploading to the CDN afterward.

[SergeyBiryukov]

In 32260:

About page design for 4.2.

props melchoyce, ryelle.
see #31929.

[valendesigns]

Hey Guys,

I just noticed the video is not responsive on the about page, and I assume it's not the final one either since it's showing 4.0. Should we be adding something to allow the video to be fluid when the screen is resized, like FitVids.js or something similar?

[helen]

Replying to valendesigns:

Should we be adding something to allow the video to be fluid when the screen is resized, like FitVids.js or something similar?

That's a lot to add just for the about page. Third party libraries are not to be taken lightly. It's a fixed size, we can use CSS to deal with it as was done in 4.0. Not concerned about that happening pre-freeze, either.

[helen]

Holding on a patch to replace all the final media, just wanted to leave a note here for posterity/reference: the video is being included for all locales this time and should come with subtitles at release or shortly thereafter. However, because of the desire to include subtitles and subtitle format differences between WordPress.tv and MediaElement.js, at this time we need to use the WordPress.tv player. It is unfortunately Flash and appears to disallow scaling up/down with the window. Note that it will load in the correct size for your browser width, but will not change with window resizing.

[iseulde]

@ocean90 I was just thinking that. :)

[helen]

In 32277:

About page: Finalize media for 4.2.

props ocean90, Nao.
fixes #31929.