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
<?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
<?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/'
);
?>
@ -183,10 +186,10 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<div class="column">
<h4><?php _e( 'PHP 7.4 Compatibility' ); ?></h4>
<p>
<?php
<?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,44 +18,45 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
?>
<div class="wrap about-wrap full-width-layout">
<h1>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Welcome to WordPress&nbsp;%s' ),
$display_version
);
?>
</h1>
<div class="about__header">
<div class="about__header-title">
<h1>
<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="about__header-badge wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Version %s' ),
$display_version
);
?>
</div>
<div class="wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Version %s' ),
$display_version
);
?>
</div>
<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="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>
<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">
<div class="about-wrap-content">
<?php
$credits = wp_credits();
@ -137,7 +138,7 @@ foreach ( $credits['groups'] as $group_slug => $group_data ) {
}
?>
</div>
</div>
</div>
<?php

View File

@ -20,112 +20,112 @@ $title = __( 'Freedoms' );
list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
include( ABSPATH . 'wp-admin/admin-header.php' );
?>
<div class="wrap about-wrap full-width-layout">
<h1>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Welcome to WordPress&nbsp;%s' ),
$display_version
);
?>
</h1>
<div class="about__header">
<div class="about__header-title">
<h1>
<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="about__header-badge wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Version %s' ),
$display_version
);
?>
</div>
<div class="wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Version %s' ),
$display_version
);
?>
</div>
<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="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 class="about-wrap-content">
<div class="feature-section has-1-columns">
<h2><?php _e( 'Freedoms' ); ?></h2>
<p class="about-description">
<?php
printf(
/* translators: %s: https://wordpress.org/about/license/ */
__( 'WordPress is Free and open source software, built by a distributed community of mostly volunteer developers from around the world. WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ),
__( 'https://wordpress.org/about/license/' )
);
?>
</p>
<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="feature-section has-4-columns is-fullwidth">
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 1st Freedom' ); ?></h3>
<p><?php _e( 'To run the program for any purpose.' ); ?></p>
<div class="about-wrap-content">
<div class="feature-section has-1-columns">
<h2><?php _e( 'Freedoms' ); ?></h2>
<p class="about-description">
<?php
printf(
/* translators: %s: https://wordpress.org/about/license/ */
__( 'WordPress is Free and open source software, built by a distributed community of mostly volunteer developers from around the world. WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ),
__( 'https://wordpress.org/about/license/' )
);
?>
</p>
</div>
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 2nd Freedom' ); ?></h3>
<p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p>
<div class="feature-section has-4-columns is-fullwidth">
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 1st Freedom' ); ?></h3>
<p><?php _e( 'To run the program for any purpose.' ); ?></p>
</div>
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 2nd Freedom' ); ?></h3>
<p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p>
</div>
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 3rd Freedom' ); ?></h3>
<p><?php _e( 'To redistribute.' ); ?></p>
</div>
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 4th Freedom' ); ?></h3>
<p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
</div>
</div>
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 3rd Freedom' ); ?></h3>
<p><?php _e( 'To redistribute.' ); ?></p>
</div>
<div class="column">
<div class="freedoms-image"></div>
<h3><?php _e( 'The 4th Freedom' ); ?></h3>
<p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
<div class="feature-section has-1-columns">
<p>
<?php
printf(
/* translators: %s: https://wordpressfoundation.org/trademark-policy/ */
__( 'WordPress grows when people like you tell their friends about it, and the thousands of businesses and services that are built on and around WordPress share that fact with their users. We&#8217;re flattered every time someone spreads the good word, just make sure to <a href="%s">check out our trademark guidelines</a> first.' ),
'https://wordpressfoundation.org/trademark-policy/'
);
?>
</p>
<p>
<?php
$plugins_url = current_user_can( 'activate_plugins' ) ? admin_url( 'plugins.php' ) : __( 'https://wordpress.org/plugins/' );
$themes_url = current_user_can( 'switch_themes' ) ? admin_url( 'themes.php' ) : __( 'https://wordpress.org/themes/' );
printf(
/* translators: 1: URL to Plugins screen, 2: URL to Themes screen, 3: https://wordpress.org/about/license/ */
__( 'Every plugin and theme in WordPress.org&#8217;s directory is 100%% GPL or a similarly free and compatible license, so you can feel safe finding <a href="%1$s">plugins</a> and <a href="%2$s">themes</a> there. If you get a plugin or theme from another source, make sure to <a href="%3$s">ask them if it&#8217;s GPL</a> first. If they don&#8217;t respect the WordPress license, we don&#8217;t recommend them.' ),
$plugins_url,
$themes_url,
__( 'https://wordpress.org/about/license/' )
);
?>
</p>
<p><?php _e( 'Don&#8217;t you wish all software came with these freedoms? So do we! For more information, check out the <a href="https://www.fsf.org/">Free Software Foundation</a>.' ); ?></p>
</div>
</div>
<div class="feature-section has-1-columns">
<p>
<?php
printf(
/* translators: %s: https://wordpressfoundation.org/trademark-policy/ */
__( 'WordPress grows when people like you tell their friends about it, and the thousands of businesses and services that are built on and around WordPress share that fact with their users. We&#8217;re flattered every time someone spreads the good word, just make sure to <a href="%s">check out our trademark guidelines</a> first.' ),
'https://wordpressfoundation.org/trademark-policy/'
);
?>
</p>
<p>
<?php
$plugins_url = current_user_can( 'activate_plugins' ) ? admin_url( 'plugins.php' ) : __( 'https://wordpress.org/plugins/' );
$themes_url = current_user_can( 'switch_themes' ) ? admin_url( 'themes.php' ) : __( 'https://wordpress.org/themes/' );
printf(
/* translators: 1: URL to Plugins screen, 2: URL to Themes screen, 3: https://wordpress.org/about/license/ */
__( 'Every plugin and theme in WordPress.org&#8217;s directory is 100%% GPL or a similarly free and compatible license, so you can feel safe finding <a href="%1$s">plugins</a> and <a href="%2$s">themes</a> there. If you get a plugin or theme from another source, make sure to <a href="%3$s">ask them if it&#8217;s GPL</a> first. If they don&#8217;t respect the WordPress license, we don&#8217;t recommend them.' ),
$plugins_url,
$themes_url,
__( 'https://wordpress.org/about/license/' )
);
?>
</p>
<p><?php _e( 'Don&#8217;t you wish all software came with these freedoms? So do we! For more information, check out the <a href="https://www.fsf.org/">Free Software Foundation</a>.' ); ?></p>
</div>
</div>
</div>
<?php include( ABSPATH . 'wp-admin/admin-footer.php' ); ?>

View File

@ -17,66 +17,67 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
?>
<div class="wrap about-wrap full-width-layout">
<h1>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Welcome to WordPress&nbsp;%s' ),
$display_version
);
?>
</h1>
<div class="about__header">
<div class="about__header-title">
<h1>
<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="about__header-badge wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Version %s' ),
$display_version
);
?>
</div>
<div class="wp-badge">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Version %s' ),
$display_version
);
?>
</div>
<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="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>
<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>
<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>
<p>
<?php
printf(
/* translators: %s: https://wordpress.org/about/stats/ */
__( 'This data is used to provide general enhancements to WordPress, which includes helping to protect your site by finding and automatically installing new updates. It is also used to calculate statistics, such as those shown on the <a href="%s">WordPress.org stats page</a>.' ),
__( 'https://wordpress.org/about/stats/' )
);
?>
</p>
<p>
<?php
printf(
/* translators: %s: https://wordpress.org/about/stats/ */
__( 'This data is used to provide general enhancements to WordPress, which includes helping to protect your site by finding and automatically installing new updates. It is also used to calculate statistics, such as those shown on the <a href="%s">WordPress.org stats page</a>.' ),
__( 'https://wordpress.org/about/stats/' )
);
?>
</p>
<p>
<?php
printf(
/* translators: %s: https://wordpress.org/about/privacy/ */
__( 'We take privacy and transparency very seriously. To learn more about what data we collect, and how we use it, please visit <a href="%s">WordPress.org/about/privacy</a>.' ),
__( 'https://wordpress.org/about/privacy/' )
);
?>
</p>
</div>
<p>
<?php
printf(
/* translators: %s: https://wordpress.org/about/privacy/ */
__( 'We take privacy and transparency very seriously. To learn more about what data we collect, and how we use it, please visit <a href="%s">WordPress.org/about/privacy</a>.' ),
__( 'https://wordpress.org/about/privacy/' )
);
?>
</p>
</div>
</div>
<?php include( ABSPATH . 'wp-admin/admin-footer.php' ); ?>

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.