WordPress.org

Making WordPress.org

Opened 2 weeks ago

Last modified 10 days ago

#3609 new enhancement

Improve design of "Upgrading PHP" support page

Reported by: flixos90 Owned by:
Milestone: Priority: normal
Component: General Keywords: 2nd-opinion ui-feedback ux-feedback servehappy
Cc:

Description

With #2996, we created a first iteration of the "Upgrading PHP" information page and got it up on wordpress.org. This version is in a good state regarding content, however it never received proper design - the content was simply put on a page.

We'd like to have an improved design for this page, and also allow the page to have a dynamic header, depending on a php_version GET parameter that can be passed in the URL. If that parameter is passed and contains a PHP version that is considered outdated, a warning message can be shown and simulate better context, for example when WordPress core links to the page because of an outdated version detected. If no such parameter is passed, nothing will be shown, like it is at the moment.

There's an initial mockup for a design that @jaymanpandya created a while ago, which I'll upload as attachment to this ticket.

Here's the next steps we envision for this:

  1. Get feedback on the mockup from the design team, with emphasis on how this could be integrated with the general make.wordpress.org design.
  2. Get feedback from the meta team in terms of how freely we can work on the design, as it should probably still be coherent with the general design of make.wordpress.org support pages.
  3. Implement the dynamic page header using a php_version GET parameter as a simple shortcode, or alternatively Gutenberg block.
  4. Implement the design agreed on for both the static page content and the dynamic header.

Attachments (1)

upgrading-php-design-mockup.jpg (1.8 MB) - added by flixos90 2 weeks ago.
initial "Upgrading PHP" page design mockup

Download all attachments as: .zip

Change History (8)

@flixos90
2 weeks ago

initial "Upgrading PHP" page design mockup

#1 @flixos90
2 weeks ago

Notes on the above mockup (props @jaymanpandya for it):

  • We'll need to iterate to get a design that fits into make.wordpress.org/support/.
  • The sharing icons and the contextual bar at the top are not really necessary.
  • The scroll-to-top button may be useful, but is also optional, if it requires too many technical changes.

The original design discussion around it can be found at https://trello.com/c/XNTTAQIk/59-php-meeting

For reference, here is the current state of the page: https://wordpress.org/support/upgrade-php/

Last edited 2 weeks ago by flixos90 (previous) (diff)

This ticket was mentioned in Slack in #core-php by flixos90. View the logs.


2 weeks ago

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


2 weeks ago

#4 @Clorith
2 weeks ago

Drop by #docs, this seems like something that should be discussed alongside the HelpHub project which also includes a bit of designs for the support theme for standalone pages, and already has design team members on board.

This ticket was mentioned in Slack in #docs by clorith. View the logs.


2 weeks ago

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


2 weeks ago

This ticket was mentioned in Slack in #docs by clorith. View the logs.


10 days ago

Note: See TracTickets for help on using tickets.