WordPress.org

Make WordPress Core

Opened 12 days ago

Last modified 14 hours ago

#40721 assigned task (blessed)

4.8 About Page

Reported by: melchoyce Owned by: melchoyce
Milestone: 4.8 Priority: normal
Severity: normal Version:
Component: Help/About Keywords:
Focuses: Cc:

Description

We'll want to highlight:

  • Link boundary feature
  • New media widgets
  • Updates to the text widget
  • Dashboard news upgrade
  • Anything else?

I can handle the design.

Attachments (4)

WordPress 4.8 Idea 1.png (303.3 KB) - added by melchoyce 8 days ago.
WordPress 4.8 Idea 2.png (259.5 KB) - added by melchoyce 8 days ago.
WordPress 4.8 Idea 3.png (308.4 KB) - added by melchoyce 8 days ago.
40721.diff (15.2 KB) - added by ryelle 4 days ago.

Download all attachments as: .zip

Change History (22)

#1 @melchoyce
12 days ago

  • Owner set to melchoyce
  • Status changed from new to assigned

#2 @matt
11 days ago

Let's get this done way ahead of time.

#3 @jbpaul17
11 days ago

@melchoyce for the "under the hood" / "developer happiness" section at the end you can reference the various dev notes being created: https://core.trac.wordpress.org/query?keywords=~needs-dev-note&milestone=4.8

#4 @bridgetwillard
9 days ago

I'd love to help write the copy but I would need to know what those things do in order to translate it into marketing copy.

:)

#5 @melchoyce
8 days ago

Thanks for taking a look at this, @bridgetwillard! Here's some more information about the features.


TinyMCE Update / Link Boundaries

From the Beta 1 post:

An improved visual editor experience, with a new TinyMCE that allows you to navigate more intuitively in and out of inline elements like links. (Try it out to see, it’s hard to describe.)

Have you ever tried updating a link, or your text around a link, and you just can't seem to edit it correctly? Either you're trying to add a work after the link and your new text also ends up linked, or you try to add some more words to your link and you end up outside the link. Overall it's an annoying, confusing experience. This new feature makes the link itself clear. Here's a video: https://cldup.com/ZCFn1a43Cp.mp4

Love this tweet about it from @jorbin: https://twitter.com/aaronjorbin/status/863189401874157568

Because this feature is so hard to describe, I'm thinking we should add a looping video instead of a screenshot to showcase it.


Media Widgets

We have three new widgets: Image, Video, and Audio. They make it easy to add media to your widget areas.

https://cldup.com/lZzhk5Uf9W.pnghttps://cldup.com/6SMMvm7s62.pnghttps://cldup.com/j9ryrmua5p.png

I thought this commit message from @westonruter was rather clever:

Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.

The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!

I wrote up a merge proposal for the image widget that can kind of speak for all three.

These are the first of a series of new widgets we have planned for the future.


Rich Text Widget

https://cldup.com/lC04pW7L5o.png

Possibly my favorite of all the updates this release. Some basic formatting has been added to the text widget. Now you don't need to write HTML in order to include:

  • Bold
  • Italics
  • Lists
  • Links

I wrote this tweet about it: https://twitter.com/melchoyce/status/862754763225673729

If you still want to write HTML by hand, there's a text tab, like the editor.

This is an update to the existing text widget, rather than a new widget.


Dashboard News Upgrade

A revamp of the dashboard news widget to bring in nearby and upcoming events including meetups and WordCamps.

Here's what that looks like, for reference:

https://cldup.com/RbiZu0peEx.png


Under the Hood

We're going to need a developer to write this section, so don't worry about it for now.


I'm still thinking about the overall hierarchy of the page — debating between grouping the new media widgets into one section and highlighting it at the top, or breaking them out and giving everything on the page the same kind of weight. See some attached ideas for reference.

#6 follow-up: @jenblogs4u
7 days ago

This looks like a fun project! I'd love to help with writing the copy. Can we work together on it @bridgetwillard ? :D

#7 in reply to: ↑ 6 ; follow-ups: @bridgetwillard
7 days ago

For sure @jenblogs4u There is a link to the GDoc we started with @melchoyce in Marketing Slack. Sara Rosso is going to help, too.

Go Team.

Replying to jenblogs4u:

This looks like a fun project! I'd love to help with writing the copy. Can we work together on it @bridgetwillard ? :D

#8 in reply to: ↑ 7 @jenblogs4u
7 days ago

Awesome!! Want to meet in the doc at 8:30pm tonight? @bridgetwillard
Replying to bridgetwillard:

For sure @jenblogs4u There is a link to the GDoc we started with @melchoyce in Marketing Slack. Sara Rosso is going to help, too.

Go Team.

Replying to jenblogs4u:

This looks like a fun project! I'd love to help with writing the copy. Can we work together on it @bridgetwillard ? :D

#9 in reply to: ↑ 7 @jenblogs4u
7 days ago

Awesome!! Want to meet in the doc at 8:30pm tonight? @bridgetwillard
Replying to bridgetwillard:

For sure @jenblogs4u There is a link to the GDoc we started with @melchoyce in Marketing Slack. Sara Rosso is going to help, too.

Go Team.

Replying to jenblogs4u:

This looks like a fun project! I'd love to help with writing the copy. Can we work together on it @bridgetwillard ? :D

#10 @iandunn
7 days ago

More information about the Events widget is available in the following posts:

Let me know if anyone needs more info about it or anything.

#11 @bridgetwillard
7 days ago

@melchoyce

Thanks for including the Marketing team on this, firstly. It's an honor to help.

Secondly, as a user (I definitely still consider myself a beginner end user), I am STOKED about these features. (Where have you been my whole life?)

Thirdly, @jenblogs4u and I worked on the copy tonight and here is the GDoc. I went kitschy based upon what I think will resonate with users and our overall audience. A bit of spice is good. And @jenblogs4u heavily edited me.

We like your first wireframe.

https://docs.google.com/document/d/1G9LyiBFD3YSllc3hYZwuqd8CW0w-j9cdmxM1k_jhzWo/edit?usp=sharing

Here's to 4.8 and the Mystery Jazz Musician!

Cheers.

@ryelle
4 days ago

#12 @ryelle
4 days ago

40721.diff is a first-pass to add the content from the google doc to the about page. I didn't change any of the images or remove the video code, those can be swapped out once we have the new images/videos. I also didn't remove the "Under the hood" section, as that still needs to be written.

#13 @obenland
4 days ago

In 40791:

About: Let's get a headstart on 4.8 about strings

Strings have been reviewed and are ready for translation—design will come soon.

Props bridgetwillard, jenblogs4u, michelleweber, ryelle, melchoyce.
See #40721.

#14 @obenland
4 days ago

In 40798:

About: Optimize strings for l10n

Uses html entities for quotes and adds translator comment for event links.

Props ocean90.
See #40721.

This ticket was mentioned in Slack in #design by netweb. View the logs.


20 hours ago

#16 @hedgefield
19 hours ago

Good stuff! I added some suggestions to the Gdoc after I saw the current copy in the nightly build.

#17 @ocean90
14 hours ago

  • Component changed from Administration to Help/About

#18 @ocean90
14 hours ago

In 40814:

About: Remove a stray quotation mark.

Props odysseygate.
See #40721.
Fixes #40837.

Note: See TracTickets for help on using tickets.