diff --git a/src/wp-admin/about.php b/src/wp-admin/about.php index 659aaa8be9..058c81fb58 100644 --- a/src/wp-admin/about.php +++ b/src/wp-admin/about.php @@ -26,7 +26,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php'; printf( /* translators: %s: Version number. */ __( 'WordPress %s' ), - $display_version + str_replace( '.', '.', $display_version ) ); ?> @@ -53,27 +53,13 @@ require_once ABSPATH . 'wp-admin/admin-header.php'; ); ?> -

- -

- - - -
-
-
- -
-
-
-

-

+

10 different styles and is “Accessibility Ready”.' ), - 'https://make.wordpress.org/design/2022/09/07/tt3-default-theme-announcing-style-variation-selections/', - 'https://make.wordpress.org/themes/handbook/review/accessibility/' + /* translators: 1: Count of enhancements, 2: Count of bug fixes. */ + __( 'WordPress 6.2 includes more than %1$s enhancements and %2$s bug fixes. This page highlights the latest features since the November 2022 release of WordPress 6.1. From quick highlights to developer resources, there’s a lot to explore.' ), + 292, // Enhancements. + 394 // Bug fixes. ); ?>

@@ -81,401 +67,141 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
+
+
+ +
+
-

-

- New templates include a custom template for posts and pages in the Site Editor. Search-and-replace tools speed up the design of template parts.' ), - 'https://make.wordpress.org/core/2022/07/21/core-editor-improvement-deeper-customization-with-more-template-options/', - 'https://make.wordpress.org/core/2022/08/25/core-editor-improvement-refining-the-template-creation-experience/' - ); - ?> -

+

+

+
+
+ +
+
+

+

-
- +
+
-
- +
+
-

-

- controls for design elements and blocks make the layout and site-building process more consistent, complete, and intuitive.' ), - 'https://make.wordpress.org/core/2022/10/11/roster-of-design-tools-per-block/' - ); - ?> -

+

+

-

-

- New fallback options in the navigation block mean you can edit the menu that’s open; no searching needed. Plus, the controls for choosing and working on menus have their own place in the block settings. The mobile menu system also gets an upgrade with new features, including different icon options, to make the menu yours.' ), - 'https://make.wordpress.org/core/2022/09/27/navigation-block-fallback-behavior-in-wp-6-1-dev-note/' - ); - ?> -

+

+

-
- +
+
-
- +
+
-

-

+

+

-
- +
+
-

-

+

+

+
+
+ +
+
+
+ +
+

+

+
+
+
+ +
+

+

-
- +
+
-

-

+

+

-
- +
+
-

-

+

+

-
- +
+
-

-

- Fluid typography lets you define font sizes that adapt for easy reading in any screen size.' ), - 'https://make.wordpress.org/core/2022/10/03/fluid-font-sizes-in-wordpress-6-1/' - ); - ?> -

+

+

-
- -
+
-

-

+

+

-

-

- a filter for block themes, and a pattern preview gives a better sense of what the theme might look like while exploring different themes and patterns.' ), - esc_url( __( 'https://wordpress.org/themes/tags/full-site-editing/' ) ) - ); - ?> -

-
-
- -
-
-
- -
-

-

- persistent for each user. This means your settings will now be consistent across browsers and devices.' ), - 'https://make.wordpress.org/core/2022/10/10/changes-to-block-editor-preferences-in-wordpress-6-1/' - ); - ?> -

+

+

-

-

- styles engine are now all in one place, reducing time spent on layout-specific tasks and helps to generate semantic class names.' ), - 'https://make.wordpress.org/core/2022/10/10/block-styles-generation-style-engine/' - ); - ?> -

-
-
- -
-
-
- -
-

-

- accessibility in WordPress.' ), - 'https://make.wordpress.org/core/2022/10/11/wordpress-6-1-accessibility-improvements/' - ); - ?> -

-
-
-
- -
-

-

-

- ' . __( 'General Settings' ) . '' : __( 'General Settings' ) - ); - ?> -

-

-
-
- -
-
-
- -
-

-

- styling elements like buttons, citations, and links globally; controlling hover, active, and focus states for links using theme.json (not available to control in the interface yet); and customizing outline support for blocks and elements, among other features.' ), - 'https://make.wordpress.org/core/2022/10/10/styling-elements-in-block-themes/' - ); - ?> -

-
-
-
- -
-

-

- fine-grained control over these controls.' ), - 'https://make.wordpress.org/core/2022/10/10/updated-editor-layout-support-in-6-1-after-refactor/' - ); - ?> -

-
-
- -
-
-
- -
-

-

- Block template parts can now be defined in classic themes by adding the appropriate HTML files to the %2$s directory at the root of the theme.' ), - 'https://make.wordpress.org/core/2022/10/04/block-based-template-parts-in-traditional-themes/', - 'parts' - ); - ?> -

-
-
-
- -
-

-

- New filters let Query Block variations support custom queries for more powerful variations and advanced hierarchical post types filtering options.' ), - 'https://make.wordpress.org/core/2022/10/10/extending-the-query-loop-block/' - ); - ?> -

-
-
- -
-
-
- -
-

-

- Leverage filters in the Styles sidebar to control settings at all four levels of your site—core, theme, user, or block, from less to more specific.' ), - 'https://make.wordpress.org/core/2022/10/10/filters-for-theme-json-data/' - ); - ?> -

-
-
-
- -
-

-

- preset margin and padding values for multiple blocks.' ), - 'https://make.wordpress.org/core/2022/10/07/introduction-of-presets-across-padding-margin-and-block-gap/' - ); - ?> -

-
-
- -
-
-
- -
-

-

- REST API to multisite, %3$s to core block registration, and new Site Health checks to the addition of the %6$s attribute to images, there are performance improvements for every type of site. A full breakdown can be found in the Performance Field Guide.' ), - 'https://make.wordpress.org/core/2022/10/10/performance-improvements-to-the-rest-api/', - 'https://make.wordpress.org/core/2022/10/10/multisite-improvements-in-wordpress-6-1/', - 'WP_Query', - 'https://make.wordpress.org/core/2022/10/07/improved-php-performance-for-core-blocks-registration/', - 'https://make.wordpress.org/core/2022/10/06/new-cache-site-health-checks-in-wordpress-6-1/', - 'async', - 'https://make.wordpress.org/core/2022/10/11/performance-field-guide-for-wordpress-6-1/' - ); - ?> -

-

- Performance Lab plugin to your WordPress test site or sandbox.' ), - current_user_can( 'install_plugins' ) ? admin_url( 'plugin-install.php?s=slug%253Aperformance-lab&tab=search&type=term' ) : esc_url( __( 'https://wordpress.org/plugins/performance-lab/' ) ) - ); - ?> -

-
-
-
- -
-

-

- content-only editing settings, layouts can be locked within container blocks. In a content-only block, its children are invisible to the List View and entirely uneditable. So you control the layout while your writers can focus on the content.' ), - 'https://make.wordpress.org/core/2022/10/11/content-locking-features-and-updates/' - ); - ?> -

-

+

+

@@ -484,10 +210,10 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
- <?php echo esc_attr( __( 'Exploring WordPress 6.1 video' ) ); ?> + <?php echo esc_attr( __( 'Exploring WordPress 6.2 video' ) ); ?>
-
+

-

- Watch a brief overview video highlighting some of the major features debuting in WordPress 6.1.' ), - 'https://youtu.be/1w9oywSa6Hw' - ); - ?> -

-
-
- -
-
-

+

-
+
+ +
+
+
+ +

WordPress Field Guide. It is overflowing with detailed developer notes to help you build with WordPress.' ), - __( 'https://make.wordpress.org/core/2022/10/12/wordpress-6-1-field-guide/' ) + '#' ); ?>

-
+
+
+ +

diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css index 70551d9bc8..f8df638d23 100644 --- a/src/wp-admin/css/about.css +++ b/src/wp-admin/css/about.css @@ -21,7 +21,7 @@ .about__container { /* Section backgrounds */ - --background: #274acd; + --background: #1d35b4; --subtle-background: #eff2ff; /* Main text color */ @@ -29,8 +29,8 @@ --text-light: #fff; /* Accent colors: used in header, on special classes. */ - --accent-1: #3858e9; /* Link color, credit image overlay */ - --accent-2: #fffcb5; /* Accent background */ + --accent-1: #1d35b4; /* Link color, credit image overlay */ + --accent-2: #33f078; /* Accent background */ /* Navigation colors. */ --nav-background: #fff; @@ -560,7 +560,7 @@ margin: 0; height: var(--gap); border: none; - border-top: 4px solid #d9d9d9; + border-top: 4px solid var(--accent-2); } .about__container hr.is-small { @@ -602,41 +602,25 @@ /* 1.3 - Header */ .about__header { - --about-header-image-width: 780px; - --about-header-image-height: 550px; - --about-header-bg-width: var(--about-header-image-width); - --about-header-bg-height: var(--about-header-image-height); - --about-header-bg-offset-block: 0; - position: relative; margin-bottom: var(--gap); padding-top: 0; color: var(--text-light); - background: var(--background) url('../images/about-header-about.svg?ver=6.1') no-repeat; - background-size: var(--about-header-bg-width) var(--about-header-bg-height); - background-position: center top var(--about-header-bg-offset-block); + background: var(--background) url('../images/about-header-about.svg?ver=6.2') no-repeat; + background-size: cover; + background-position: center calc(50% - 36px); } .credits-php .about__header { - --about-header-image-width: 863px; - --about-header-image-height: 550px; - - background-image: url('../images/about-header-credits.svg?ver=6.1'); + background-image: url('../images/about-header-credits.svg?ver=6.2'); } .freedoms-php .about__header { - --about-header-image-width: 782px; - --about-header-image-height: 510px; - - background-image: url('../images/about-header-freedoms.svg?ver=6.1'); + background-image: url('../images/about-header-freedoms.svg?ver=6.2'); } .privacy-php .about__header { - --about-header-image-width: 1005px; - --about-header-image-height: 500px; - --about-header-bg-offset-block: calc(var(--gap) * -2); - - background-image: url('../images/about-header-privacy.svg?ver=6.1'); + background-image: url('../images/about-header-privacy.svg?ver=6.2'); } .about__header-image { @@ -656,7 +640,7 @@ /* Fluid font size scales on browser size 960px - 1200px. */ font-size: clamp(3rem, 20vw - 9rem, 6rem); line-height: 1; - font-weight: 400; + font-weight: 600; } .credits-php .about__header-title h1, @@ -666,6 +650,10 @@ font-size: clamp(3rem, 10vw - 3rem, 4.5rem); } +.about__header-title h1 span { + color: var(--accent-2); +} + .about__header-text { box-sizing: border-box; max-width: 22em; @@ -725,15 +713,6 @@ } @media screen and (max-width: 960px) { - .about__header { - --about-header-bg-width: calc(var(--about-header-image-width) * 0.85); - --about-header-bg-height: calc(var(--about-header-image-height) * 0.85); - } - - .privacy-php .about__header { - --about-header-bg-offset-block: 0; - } - .about__header-title h1 { /* Fluid font size scales on browser size 600px - 960px. */ font-size: clamp(3rem, 13.33vw - 2rem, 6rem); @@ -774,13 +753,6 @@ } } -@media screen and (max-width: 600px) { - .about__header { - --about-header-bg-width: calc(var(--about-header-image-width) * 0.75); - --about-header-bg-height: calc(var(--about-header-image-height) * 0.75); - } -} - @media screen and (max-width: 480px) { .about__header, .credits-php .about__header, diff --git a/src/wp-admin/images/about-header-about.svg b/src/wp-admin/images/about-header-about.svg index ddc3091633..d248844b50 100644 --- a/src/wp-admin/images/about-header-about.svg +++ b/src/wp-admin/images/about-header-about.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/src/wp-admin/images/about-header-credits.svg b/src/wp-admin/images/about-header-credits.svg index c954e3bac8..0825c38e25 100644 --- a/src/wp-admin/images/about-header-credits.svg +++ b/src/wp-admin/images/about-header-credits.svg @@ -1 +1,5 @@ - + + + + + diff --git a/src/wp-admin/images/about-header-freedoms.svg b/src/wp-admin/images/about-header-freedoms.svg index 85ddf75cfd..f20037924b 100644 --- a/src/wp-admin/images/about-header-freedoms.svg +++ b/src/wp-admin/images/about-header-freedoms.svg @@ -1 +1,8 @@ - + + + + + + + + diff --git a/src/wp-admin/images/about-header-privacy.svg b/src/wp-admin/images/about-header-privacy.svg index 3a11bfd343..f96648ba97 100644 --- a/src/wp-admin/images/about-header-privacy.svg +++ b/src/wp-admin/images/about-header-privacy.svg @@ -1 +1,11 @@ - + + + + + + + + + + +