Skip to content

Commit 8e8b4df

Browse files
committed
Help/About: Update the About page for 7.0.
Introducing the new content for the 7.0 About page. Fixes #64536. Props mukesh27, audrasjb, jorbin, ankit-k-gupta, parinpanjari, fcoveram, joen, markoserb, Benjamin_Zekavica, westonruter, peterwilsoncc, JeffPaul. git-svn-id: https://develop.svn.wordpress.org/trunk@62362 602fd350-edb4-49c9-b593-d223f7449a82
1 parent fd3c7d5 commit 8e8b4df

18 files changed

Lines changed: 96 additions & 118 deletions

src/wp-admin/about.php

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
$title = _x( 'About', 'page title' );
1515

1616
list( $display_version ) = explode( '-', wp_get_wp_version() );
17-
$display_major_version = '6.9';
17+
$display_major_version = '7.0';
1818

1919
$release_notes_url = sprintf(
2020
/* translators: %s: WordPress version number. */
@@ -61,99 +61,99 @@
6161
</nav>
6262

6363
<div class="about__section">
64-
<div class="column">
65-
<h2><?php _e( 'Welcome to WordPress 6.9' ); ?></h2>
66-
<p class="is-subheading"><?php _e( 'WordPress 6.9 introduces a more intuitive way to create content, together. Every detail is designed to fit your creative flow, from Notes that let you collaborate directly in the editor to a powerful Command Palette that helps you reach every part of your site.' ); ?></p>
64+
<div class="column is-left-padding-zero is-right-padding-zero">
65+
<h2><?php _e( 'Welcome to WordPress 7.0' ); ?></h2>
66+
<p class="is-subheading"><?php _e( 'WordPress 7.0 introduces the foundation for AI across the platform, letting you connect your preferred provider and put it to work across your site. Edit more simply by dropping in layouts and swapping content without diving into blocks. The navigation overlay now taps into the full potential of blocks, and reviewing historical changes is easier with a visual comparison.' ); ?></p>
6767
</div>
6868
</div>
6969

7070
<div class="about__section has-2-columns">
71-
<div class="column is-vertically-aligned-center">
72-
<h3><?php _ex( 'Notes', 'about page section title' ); ?></h3>
71+
<div class="column is-vertically-aligned-center is-left-padding-zero">
72+
<h3><?php _e( 'Design your navigation overlay' ); ?></h3>
7373
<p>
74-
<strong><?php _e( 'Leave feedback right where you’re working.' ); ?></strong><br />
75-
<?php _e( 'With notes attached directly to blocks, your team can stay aligned, track changes, and turn feedback into action all in one place. Whether you&#8217;re working on copy or refining design, collaboration happens seamlessly on the canvas itself.' ); ?>
74+
<strong><?php _e( 'A dedicated canvas for your menu.' ); ?></strong><br />
75+
<?php _e( 'Build the menu overlay you want visitors to see. Go beyond a simple list of links: add columns, increase the font size, and align everything to your liking. Start from a pre-built template, or design your own from scratch.' ); ?>
7676
</p>
7777
</div>
78-
<div class="column is-vertically-aligned-center">
78+
<div class="column is-vertically-aligned-center is-right-padding-zero">
7979
<div class="about__image">
80-
<img src="https://s.w.org/images/core/6.9/01-notes.webp" alt="" height="436" width="436" />
80+
<img src="https://s.w.org/images/core/7.0/about-feature-01.webp" alt="" height="436" width="436" />
8181
</div>
8282
</div>
8383
</div>
8484

8585
<div class="about__section has-2-columns">
86-
<div class="column is-vertically-aligned-center">
86+
<div class="column is-vertically-aligned-center is-left-padding-zero">
8787
<div class="about__image">
88-
<img src="https://s.w.org/images/core/6.9/02-visual-drag-drop.webp" alt="" height="436" width="436" />
88+
<img src="https://s.w.org/images/core/7.0/about-feature-02.webp" alt="" height="436" width="436" />
8989
</div>
9090
</div>
91-
<div class="column is-vertically-aligned-center">
92-
<h3><?php _e( 'Visual drag and drop' ); ?></h3>
91+
<div class="column is-vertically-aligned-center is-right-padding-zero">
92+
<h3><?php _e( 'AI foundations' ); ?></h3>
9393
<p>
94-
<strong><?php _e( 'Design flows naturally.' ); ?></strong><br />
95-
<?php _e( 'Building layouts is now more intuitive and flexible with clear drag handles and a live preview that shows exactly what you&#8217;re moving—a faster way to build pages.' ); ?>
94+
<strong><?php _e( 'A centralized hub for your connections.' ); ?></strong><br />
95+
<?php _e( 'The Connectors screen introduces a single hub for managing a range of external service integrations, including AI providers. Opt in by connecting your preferred AI provider, then put it to work across your site. The optional AI plugin adds a growing set of tools directly into the editor: create titles and excerpts, generate and edit images, and suggest alt text. Any plugin that needs to connect to an outside service can tap into this standardized connection management system, making it easy for users and developers alike.' ); ?>
9696
</p>
9797
</div>
9898
</div>
9999

100100
<div class="about__section has-2-columns">
101-
<div class="column is-vertically-aligned-center">
102-
<h3><?php _e( 'Command Palette, everywhere' ); ?></h3>
101+
<div class="column is-vertically-aligned-center is-left-padding-zero">
102+
<h3><?php _e( 'Visual revisions' ); ?></h3>
103103
<p>
104-
<strong><?php _e( 'Your tools are always at hand.' ); ?></strong><br />
105-
<?php _e( 'Access the Command Palette from any part of your site, whether you&#8217;re writing your latest post, deep in design in the Site Editor, or browsing your plugins. Everything you need, just a few keystrokes away.' ); ?>
104+
<strong><?php _e( 'Scrub through every version of your page.' ); ?></strong><br />
105+
<?php _e( 'Review your post&#8217;s revision history with a timeline slider and see exactly what changed in the document with visual markers, block by block. Find the version you want and restore it in one click.' ); ?>
106106
</p>
107107
</div>
108-
<div class="column is-vertically-aligned-center">
108+
<div class="column is-vertically-aligned-center is-right-padding-zero">
109109
<div class="about__image">
110-
<img src="https://s.w.org/images/core/6.9/03-command-palette-everywhere.webp" alt="" height="436" width="436" />
110+
<img src="https://s.w.org/images/core/7.0/about-feature-03.webp" alt="" height="436" width="436" />
111111
</div>
112112
</div>
113113
</div>
114114

115115
<div class="about__section has-2-columns">
116-
<div class="column is-vertically-aligned-center">
116+
<div class="column is-vertically-aligned-center is-left-padding-zero">
117117
<div class="about__image">
118-
<img src="https://s.w.org/images/core/6.9/04-fit-text.webp" alt="" height="436" width="436" />
118+
<img src="https://s.w.org/images/core/7.0/about-feature-04.webp" alt="" height="436" width="436" />
119119
</div>
120120
</div>
121-
<div class="column is-vertically-aligned-center">
122-
<h3><?php _e( 'Fit text to container' ); ?></h3>
121+
<div class="column is-vertically-aligned-center is-right-padding-zero">
122+
<h3><?php _e( 'A simpler way to build with patterns' ); ?></h3>
123123
<p>
124-
<strong><?php _e( 'Content that adapts.' ); ?></strong><br />
125-
<?php _e( 'A new typography option for text-based blocks, starting with the Paragraph and Heading blocks, that automatically adjusts font size to fill its container perfectly. Ideal for banners, callouts, and standout moments in your design. No manual tweaks, just an instant clean design.' ); ?>
124+
<strong><?php _e( 'Patterns as single blocks.' ); ?></strong><br />
125+
<?php _e( 'Drop a pattern onto your page and it behaves like one block, so you don’t have to hunt through nested blocks for the element you want to change. Swap the text and images, adjust styles from the inspector, and keep moving. For any advanced edits, a single click to "edit pattern" gives you access to all available tools.' ); ?>
126126
</p>
127127
</div>
128128
</div>
129129

130130
<hr class="is-invisible is-large" />
131131

132132
<div class="about__section has-2-columns">
133-
<div class="column">
133+
<div class="column is-left-padding-zero">
134134
<div class="about__image">
135135
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
136136
<path fill="#1e1e1e" d="M32.455 17.72a1.592 1.592 0 0 1 .599 2.195l-7.637 12.99a1.653 1.653 0 0 1-2.235.589 1.592 1.592 0 0 1-.599-2.195l7.637-12.99a1.653 1.653 0 0 1 2.235-.589ZM13.774 23.21a1.653 1.653 0 0 0-2.236.589 1.592 1.592 0 0 0 .6 2.195l.944.536c.783.444 1.783.18 2.235-.588a1.592 1.592 0 0 0-.599-2.196l-.944-.535ZM16.432 17.72a1.653 1.653 0 0 1 2.236.588l.545.928a1.592 1.592 0 0 1-.599 2.196 1.653 1.653 0 0 1-2.235-.588l-.546-.928a1.592 1.592 0 0 1 .6-2.196ZM25.637 16.5c0-.888-.733-1.607-1.637-1.607s-1.636.72-1.636 1.607v1.071c0 .888.732 1.608 1.636 1.608.904 0 1.637-.72 1.637-1.608V16.5Z"/>
137137
<path fill="#1e1e1e" fill-rule="evenodd" d="M4.91 27.75C4.91 17.395 13.455 9 24 9s19.091 8.395 19.091 18.75c0 3.909-1.22 7.542-3.305 10.548l-.488.702H8.702l-.488-.702A18.438 18.438 0 0 1 4.91 27.75ZM24 12.214c-8.736 0-15.818 6.956-15.818 15.536 0 2.943.832 5.692 2.277 8.036h27.082a15.25 15.25 0 0 0 2.277-8.036c0-8.58-7.082-15.536-15.818-15.536Z" clip-rule="evenodd"/>
138138
</svg>
139139
</div>
140-
<h3><?php _e( 'Performance updates' ); ?></h3>
141-
<p><?php _e( 'WordPress 6.9 includes a broad set of performance enhancements. A better <abbr>LCP</abbr> (Largest Contentful Paint) metric is achieved through improved loading of conditional and inlined stylesheets, script loading with fetchpriority support, and additional core optimizations. Editor advances include fixes for layout shifts caused by the Video block and faster loading of the terms selector.' ); ?></p>
140+
<h3><?php _e( 'Performance' ); ?></h3>
141+
<p><?php _e( 'WordPress 7.0 improves the accuracy of image loading prioritization, preventing hidden images in navigation overlays or interactive blocks from degrading the loading of critical resources. On-demand block stylesheet loading in classic themes is more reliable, and the ability is added for scripts to depend on script modules to reduce render-blocking.' ); ?></p>
142142
</div>
143-
<div class="column">
143+
<div class="column is-right-padding-zero">
144144
<div class="about__image">
145145
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
146146
<path fill="#1e1e1e" d="M24 13.84c-.752 0-1.397-.287-1.936-.86a2.902 2.902 0 0 1-.809-2.06c0-.8.27-1.487.809-2.06S23.248 8 24 8c.753 0 1.398.287 1.937.86.54.573.809 1.26.809 2.06s-.27 1.487-.809 2.06-1.184.86-1.937.86ZM19.976 40V18.68a69.562 69.562 0 0 1-4.945-.56 45.877 45.877 0 0 1-4.57-.92l.565-2.4a46.79 46.79 0 0 0 6.356 1.14c2.106.227 4.312.34 6.618.34 2.307 0 4.513-.113 6.62-.34a46.786 46.786 0 0 0 6.355-1.14l.564 2.4c-1.454.373-2.977.68-4.57.92a69.55 69.55 0 0 1-4.945.56V40h-2.256V29.6h-3.535V40h-2.257Z"/>
147147
</svg>
148148
</div>
149-
<h3><?php _e( 'Accessibility improvements' ); ?></h3>
150-
<p><?php _e( '70+ accessibility fixes and enhancements focus on central areas of the WordPress experience. From globally hiding CSS-generated content from assistive technology and improvements to screen reader announcements and user experience, to fixing cursor position and keeping typing focus when clicking on an autocomplete suggestion item.' ); ?></p>
149+
<h3><?php _e( 'Accessibility' ); ?></h3>
150+
<p><?php _e( 'WordPress continues to polish accessibility across WordPress Core and Gutenberg, advancing the goals to meet accessibility standards. WordPress 7.0 includes fixes across the platform, improving media management, usability for voice control, and improvements to color contrast with the new admin color scheme. The editor ships with new blocks and improvements to editor navigation and interaction.' ); ?></p>
151151
</div>
152152
</div>
153153

154154
<hr class="is-invisible is-large" style="margin-bottom:calc(2 * var(--gap));" />
155155

156-
<div class="about__section has-2-columns is-wider-left is-feature" style="background-color:var(--background);border-radius:var(--border-radius);">
156+
<div class="about__section has-2-columns is-wider-left has-subtle-background-color is-feature">
157157
<h3 class="is-section-header"><?php _e( 'And much more' ); ?></h3>
158158
<div class="column">
159159
<p>
@@ -176,10 +176,10 @@
176176
<hr class="is-large" style="margin-top:calc(2 * var(--gap));" />
177177

178178
<div class="about__section has-3-columns">
179-
<div class="column about__image is-vertically-aligned-top">
180-
<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.9' ) ); ?>" alt="" height="280" width="280" />
179+
<div class="column about__image is-vertically-aligned-top is-left-padding-zero">
180+
<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=7.0' ) ); ?>" alt="" height="280" width="280" />
181181
</div>
182-
<div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
182+
<div class="column is-vertically-aligned-center is-right-padding-zero" style="grid-column-end:span 2">
183183
<h3>
184184
<?php
185185
printf(
@@ -203,7 +203,7 @@
203203
</div>
204204

205205
<div class="about__section has-2-columns">
206-
<div class="column">
206+
<div class="column is-left-padding-zero">
207207
<div class="about__image">
208208
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
209209
<path fill="#1e1e1e" d="M32 15.5H16v3h16v-3ZM16 22h16v3H16v-3ZM28 28.5H16v3h12v-3Z"/>
@@ -231,7 +231,7 @@
231231
?>
232232
</p>
233233
</div>
234-
<div class="column">
234+
<div class="column is-right-padding-zero">
235235
<div class="about__image">
236236
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
237237
<path fill="#1e1e1e" stroke="#fff" stroke-width=".5" d="M26.5 24.25h13.75v11.5h-14v8h-3.5v-8H12.604L8.09 31.237a1.75 1.75 0 0 1 0-2.474l4.513-4.513H22.75v-4.5h-14V8.25h14v-4h3.5v4h10.146l4.513 4.513a1.75 1.75 0 0 1 0 2.474l-4.513 4.513H26.25v4.5h.25ZM12.25 16v.25h22.704l.073-.073 1.293-1.293a1.25 1.25 0 0 0 0-1.768l-1.293-1.293-.073-.073H12.25V16Zm1.723 16.177.073.073H36.75v-4.5H14.046l-.073.073-1.293 1.293a1.25 1.25 0 0 0 0 1.768l1.293 1.293Z"/>

src/wp-admin/contribute.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525

2626
<div class="about__header">
2727
<div class="about__header-image">
28-
<img src="images/about-release-logo.svg?ver=6.9" alt="<?php echo esc_attr( $header_alt_text ); ?>" />
28+
<img src="images/about-release-logo.svg?ver=7.0" alt="<?php echo esc_attr( $header_alt_text ); ?>" />
2929
</div>
3030

3131
<div class="about__header-title">

src/wp-admin/credits.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828

2929
<div class="about__header">
3030
<div class="about__header-image">
31-
<img src="images/about-release-logo.svg?ver=6.9" alt="<?php echo esc_attr( $header_alt_text ); ?>" />
31+
<img src="images/about-release-logo.svg?ver=7.0" alt="<?php echo esc_attr( $header_alt_text ); ?>" />
3232
</div>
3333

3434
<div class="about__header-title">

0 commit comments

Comments
 (0)