Help/About: Update the 5.3 About page for RC2.

This includes numerous improvements:

- Removes the jazzer name.
- Ensures `WordPress` is translatable for consistency with other occurrences in Core.
- Changes all instances of `Block Editor` to `block editor` to match the spelling best practices.
- Updates the PHP 7.4 compatibility section with more suitable text.
- Introduction in `credits.php`, `freedoms.php`, and `privacy.php` have been updated to be consistent with the About page.
- Fixes the `aria-current` attribute in tab navigation.

Reviewed by SergeyBiryukov, desrosj.
Props SergeyBiryukov, audrasjb, desrosj, ryelle, afercia.
See #47708.
Built from https://develop.svn.wordpress.org/trunk@46572


git-svn-id: http://core.svn.wordpress.org/trunk@46369 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
desrosj 2019-10-22 19:19:07 +00:00
parent 16e5753b48
commit 27994975f9
5 changed files with 212 additions and 207 deletions

View File

@ -14,20 +14,15 @@ $title = _x( 'About', 'page title' );
list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
$version_label = sprintf(
/* translators: The current WordPress version number */
__( 'WordPress %s' ),
$display_version
);
include( ABSPATH . 'wp-admin/admin-header.php' );
?>
<div class="wrap about-wrap full-width-layout">
<div class="about__header">
<div class="about__header-title">
<h1 aria-label="<?php echo esc_attr( $version_label ); ?>">
<h1>
<span><?php echo $display_version; ?></span>
WordPress <?php /* @todo Does this need translation? */ ?>
<?php _e( 'WordPress' ); ?>
</h1>
</div>
@ -46,7 +41,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Introducing our most refined user experience with the improved Block Editor in WordPress %s &#147;Name&#148;!' ),
__( 'Introducing our most refined user experience with the improved block editor in WordPress %s!' ),
$display_version
);
?>
@ -63,7 +58,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<div class="about__section is-feature">
<p>
<?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with new blocks, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the Block Editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
<?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with new blocks, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
</p>
</div>
@ -82,7 +77,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
</p>
<p>
<?php _e( 'Accessibility improvements include the integration of block editor styles in the admin interface. These improved styles fix many accessibility issues: color contrast on form fields and buttons, consistency between editor and admin interfaces, new snackbar notices, standardizing to the default WordPress color scheme, and the introduction of Motion to make interacting with your blocks feel swift and natural. For people who use a keyboard to navigate the dashboard, the Block Editor now has a Navigation mode. This lets you jump from block to block without tabbing through every part of the block controls.' ); ?>
<?php _e( 'Accessibility improvements include the integration of block editor styles in the admin interface. These improved styles fix many accessibility issues: color contrast on form fields and buttons, consistency between editor and admin interfaces, new snackbar notices, standardizing to the default WordPress color scheme, and the introduction of Motion to make interacting with your blocks feel swift and natural. For people who use a keyboard to navigate the dashboard, the block editor now has a Navigation mode. This lets you jump from block to block without tabbing through every part of the block controls.' ); ?>
</p>
</div>
</div>
@ -90,7 +85,15 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<div class="about__section has-2-columns">
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'Expanded Design Flexibility' ); ?></h3>
<p><?php _e( '&#147;Name&#148; adds even more robust tools for creating amazing designs.' ); ?></p>
<p>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'WordPress %s adds even more robust tools for creating amazing designs.' ),
$display_version
);
?>
</p>
<ul>
<li><?php _e( 'The new Group block lets you easily divide your page into colorful sections' ); ?></li>
<li><?php _e( 'The Columns block now supports fixed column widths' ); ?></li>
@ -109,13 +112,13 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<div class="about__section has-2-columns has-subtle-background-color">
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'Introducing Twenty Twenty' ); ?></h3>
<p><?php _e( 'As the Block Editor celebrates its first birthday, we are proud that Twenty Twenty is designed with flexibility at its core. Show off your services or products with a combination of columns, groups, and media blocks. Set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column!' ); ?></p>
<p><?php _e( 'As the block editor celebrates its first birthday, we are proud that Twenty Twenty is designed with flexibility at its core. Show off your services or products with a combination of columns, groups, and media blocks. Set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column!' ); ?></p>
<p>
<?php
printf(
/* translators: 1: Link to the Inter font website. */
__( 'As befits a theme called Twenty Twenty, clarity and readability is also a big focus. The theme includes the typeface <a href="%1$s">Inter</a>, designed by Rasmus Andersson. Inter comes in a Variable Font version, a first for default themes, which keeps load times short by containing all weights and styles of Inter in just two font files.' ),
/* translators: %s: Link to the Inter font website. */
__( 'As befits a theme called Twenty Twenty, clarity and readability is also a big focus. The theme includes the typeface <a href="%s">Inter</a>, designed by Rasmus Andersson. Inter comes in a Variable Font version, a first for default themes, which keeps load times short by containing all weights and styles of Inter in just two font files.' ),
'https://rsms.me/inter/'
);
?>
@ -169,12 +172,12 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<h3 class="is-section-header"><?php _e( 'For Developers' ); ?></h3>
<div class="column">
<h4><?php _e( 'Time/Date Component Fixes' ); ?></h4>
<h4><?php _e( 'Date/Time Component Fixes' ); ?></h4>
<p>
<?php
printf(
/* translators: 1: Link to the date/time developer notes. */
__( 'Developers can now work with <a href="%1$s">dates and timezones</a> in a more reliable way. Date and time functionality has received a number of new API functions for unified timezone retrieval and PHP interoperability, as well as many bug fixes.' ),
/* translators: %s: Link to the date/time developer notes. */
__( 'Developers can now work with <a href="%s">dates and timezones</a> in a more reliable way. Date and time functionality has received a number of new API functions for unified timezone retrieval and PHP interoperability, as well as many bug fixes.' ),
'https://make.wordpress.org/core/2019/09/23/date-time-improvements-wp-5-3/'
);
?>
@ -185,8 +188,8 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<p>
<?php
printf(
/* translators: 1: Link to the PHP 7 developer notes. */
__( 'The WordPress core team is actively preparing to support PHP 7.4 when it is released later this year. WordPress 5.3 contains <a href="%1$s">multiple changes</a> to remove deprecated functionality and ensure compatibility. Please test 5.3 with PHP 7.4 to ensure all functionality continues to work as expected and does not raise any new warnings.' ),
/* translators: %s: Link to the PHP 7 developer notes. */
__( 'WordPress 5.3 aims to fully support PHP 7.4. This release contains <a href="%s">multiple changes</a> to remove deprecated functionality and ensure compatibility. WordPress continues to encourage all users to run the latest and greatest versions of PHP.' ),
'https://make.wordpress.org/core/2019/10/11/wordpress-and-php-7-4/'
);
?>

View File

@ -18,27 +18,15 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
?>
<div class="wrap about-wrap full-width-layout">
<div class="about__header">
<div class="about__header-title">
<h1>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Welcome to WordPress&nbsp;%s' ),
$display_version
);
?>
<span><?php echo $display_version; ?></span>
<?php _e( 'WordPress' ); ?>
</h1>
</div>
<p class="about-text">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Congratulations on updating to WordPress %s! This update makes it easier than ever to fix your site if something goes wrong.' ),
$display_version
);
?>
</p>
<div class="wp-badge">
<div class="about__header-badge wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
@ -48,12 +36,25 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
?>
</div>
<nav class="nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<div class="about__header-text">
<p>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Introducing our most refined user experience with the improved block editor in WordPress %s!' ),
$display_version
);
?>
</p>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
</nav>
</div>
<div class="about-wrap-content">
<?php

View File

@ -20,31 +20,18 @@ $title = __( 'Freedoms' );
list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
include( ABSPATH . 'wp-admin/admin-header.php' );
?>
<div class="wrap about-wrap full-width-layout">
<div class="about__header">
<div class="about__header-title">
<h1>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Welcome to WordPress&nbsp;%s' ),
$display_version
);
?>
<span><?php echo $display_version; ?></span>
<?php _e( 'WordPress' ); ?>
</h1>
</div>
<p class="about-text">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Congratulations on updating to WordPress %s! This update makes it easier than ever to fix your site if something goes wrong.' ),
$display_version
);
?>
</p>
<div class="wp-badge">
<div class="about__header-badge wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
@ -54,12 +41,25 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
?>
</div>
<nav class="nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<div class="about__header-text">
<p>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Introducing our most refined user experience with the improved block editor in WordPress %s!' ),
$display_version
);
?>
</p>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
</nav>
</div>
<div class="about-wrap-content">
<div class="feature-section has-1-columns">

View File

@ -17,27 +17,15 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
?>
<div class="wrap about-wrap full-width-layout">
<div class="about__header">
<div class="about__header-title">
<h1>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Welcome to WordPress&nbsp;%s' ),
$display_version
);
?>
<span><?php echo $display_version; ?></span>
<?php _e( 'WordPress' ); ?>
</h1>
</div>
<p class="about-text">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Congratulations on updating to WordPress %s! This update makes it easier than ever to fix your site if something goes wrong.' ),
$display_version
);
?>
</p>
<div class="wp-badge">
<div class="about__header-badge wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
@ -47,12 +35,25 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
?>
</div>
<nav class="nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<div class="about__header-text">
<p>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Introducing our most refined user experience with the improved block editor in WordPress %s!' ),
$display_version
);
?>
</p>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Privacy' ); ?></a>
</nav>
</div>
<div class="about-wrap-content">
<p class="about-description"><?php _e( 'From time to time, your WordPress site may send data to WordPress.org &#8212; including, but not limited to &#8212; the version of WordPress you are using, and a list of installed plugins and themes.' ); ?></p>

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.3-RC1-46571';
$wp_version = '5.3-RC1-46572';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.