20 |
21 |
21 <div class="about__header"> |
22 <div class="about__header"> |
22 <div class="about__header-title"> |
23 <div class="about__header-title"> |
23 <h1> |
24 <h1> |
24 <?php _e( 'WordPress' ); ?> |
25 <?php _e( 'WordPress' ); ?> |
25 <?php echo $display_version; ?> |
26 <span class="screen-reader-text"><?php echo $display_version; ?></span> |
26 </h1> |
27 </h1> |
27 </div> |
28 </div> |
28 |
29 |
29 <div class="about__header-text"> |
30 <div class="about__header-text"></div> |
30 <?php _e( 'The next stop on the road to full site editing' ); ?> |
|
31 </div> |
|
32 |
31 |
33 <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>"> |
32 <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>"> |
34 <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What’s New' ); ?></a> |
33 <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What’s New' ); ?></a> |
35 <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a> |
34 <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a> |
36 <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a> |
35 <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a> |
37 <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a> |
36 <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a> |
38 </nav> |
37 </nav> |
39 </div> |
38 </div> |
40 |
39 |
41 <hr /> |
|
42 |
|
43 <div class="about__section changelog"> |
40 <div class="about__section changelog"> |
44 <div class="column"> |
41 <div class="column"> |
45 <h2><?php _e( 'Maintenance and Security Releases' ); ?></h2> |
42 <h2><?php _e( 'Maintenance and Security Releases' ); ?></h2> |
46 <p> |
43 <p> |
47 <?php |
44 <?php |
48 printf( |
45 printf( |
49 /* translators: 1: WordPress version number, 2: plural number of bugs. */ |
46 /* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */ |
50 _n( |
47 _n( |
51 '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.', |
48 '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.', |
52 '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.', |
49 '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', |
53 60 |
50 17 |
54 ), |
51 ), |
55 '5.8.1', |
52 '6.0.2', |
56 number_format_i18n( 60 ) |
53 number_format_i18n( 17 ) |
57 ); |
54 ); |
58 ?> |
55 ?> |
59 <?php |
56 <?php |
60 printf( |
57 printf( |
61 /* translators: %s: HelpHub URL */ |
58 /* translators: %s: HelpHub URL */ |
62 __( 'For more information, see <a href="%s">the release notes</a>.' ), |
59 __( 'For more information, see <a href="%s">the release notes</a>.' ), |
63 sprintf( |
60 sprintf( |
64 /* translators: %s: WordPress version */ |
61 /* translators: %s: WordPress version */ |
65 esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ), |
62 esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ), |
66 sanitize_title( '5.8.1' ) |
63 sanitize_title( '6.0.2' ) |
67 ) |
64 ) |
68 ); |
65 ); |
69 ?> |
66 ?> |
70 </p> |
67 </p> |
|
68 <p> |
|
69 <?php |
|
70 printf( |
|
71 /* translators: 1: WordPress version number, 2: Plural number of bugs. */ |
|
72 _n( |
|
73 '<strong>Version %1$s</strong> addressed %2$s bug.', |
|
74 '<strong>Version %1$s</strong> addressed %2$s bugs.', |
|
75 31 |
|
76 ), |
|
77 '6.0.1', |
|
78 number_format_i18n( 31 ) |
|
79 ); |
|
80 ?> |
|
81 <?php |
|
82 printf( |
|
83 /* translators: %s: HelpHub URL. */ |
|
84 __( 'For more information, see <a href="%s">the release notes</a>.' ), |
|
85 sprintf( |
|
86 /* translators: %s: WordPress version. */ |
|
87 esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ), |
|
88 sanitize_title( '6.0.1' ) |
|
89 ) |
|
90 ); |
|
91 ?> |
|
92 </p> |
|
93 </div> |
|
94 </div> |
|
95 |
|
96 <div class="about__section"> |
|
97 <div class="column"> |
|
98 <h2 class="aligncenter"> |
|
99 <?php |
|
100 printf( |
|
101 /* translators: %s: Version number. */ |
|
102 __( 'Welcome to WordPress %s' ), |
|
103 $display_version |
|
104 ); |
|
105 ?> |
|
106 </h2> |
|
107 <p class="is-subheading"> |
|
108 <?php _e( 'WordPress 6.0 includes more than 500 enhancements and 400 bug fixes. This page highlights several key advancements aimed at making your WordPress content-creating and site-building experience more feature-rich and intuitive. You will also find resources for developers and anyone wanting a deeper understanding of WordPress.' ); ?> |
|
109 </p> |
|
110 </div> |
|
111 </div> |
|
112 |
|
113 <div class="about__section has-2-columns"> |
|
114 <div class="column about__image is-vertically-aligned-top"> |
|
115 <img src="https://s.w.org/images/core/6.0/about-60-writing-improvements.png" alt="" /> |
|
116 </div> |
|
117 <div class="column"> |
|
118 <h3> |
|
119 <?php _e( 'Enhanced Writing Experience' ); ?> |
|
120 </h3> |
|
121 <p> |
|
122 <?php _e( 'Writing improvements abound, whether you’re writing a brand new post or adding elements to an existing page. Explore more ways to streamline your content creation process, including:' ); ?> |
|
123 </p> |
|
124 <ul> |
|
125 <li><?php _e( 'Select text across multiple blocks and edit it all at once.' ); ?></li> |
|
126 <li><?php _e( 'Type two open brackets <code>[[</code> to quickly access the link menu.' ); ?></li> |
|
127 <li><?php _e( 'Keep existing styles when you transform some blocks from one kind to another—from a Paragraph block to a Code block, for instance.' ); ?></li> |
|
128 <li><?php _e( 'Create customized buttons and any new buttons you make will retain the style customizations automatically.' ); ?></li> |
|
129 <li><?php _e( 'Make tag clouds and social icons even more appealing with updated settings and controls, and a new outline style for the tag cloud.' ); ?></li> |
|
130 </ul> |
|
131 </div> |
|
132 </div> |
|
133 |
|
134 <div class="about__section has-2-columns is-wider-right"> |
|
135 <div class="column"> |
|
136 <h3> |
|
137 <?php _e( 'Style Switching' ); ?> |
|
138 </h3> |
|
139 <p> |
|
140 <?php _e( 'Block themes now include the option to contain multiple style variations. This expands the new Style system even further and enables shortcuts to switch the look and feel of your site all within a single theme. You can change both the available settings, like the font weight, and the style options, like the default color palette. Change the look and feel of your site with just a few clicks.' ); ?> |
|
141 </p> |
|
142 </div> |
|
143 <div class="column about__image is-vertically-aligned-top"> |
|
144 <img src="https://s.w.org/images/core/6.0/about-60-style-switching.gif" alt="" /> |
|
145 </div> |
|
146 </div> |
|
147 |
|
148 <div class="about__section has-1-column"> |
|
149 <div class="column about__image is-vertically-aligned-top"> |
|
150 <img src="https://s.w.org/images/core/6.0/about-60-templates.png" alt="" /> |
|
151 </div> |
|
152 <div class="column" style="padding-bottom:0"> |
|
153 <h3> |
|
154 <?php _e( 'More Template Choices' ); ?> |
|
155 </h3> |
|
156 <p> |
|
157 <?php _e( 'WordPress 6.0 includes five new template options: author, date, categories, tag, and taxonomy. These additional templates provide greater flexibility for content creators. Tailor each with the tools you already know or with the following new options in this release.' ); ?> |
|
158 </p> |
|
159 </div> |
|
160 </div> |
|
161 |
|
162 <div class="about__section has-3-columns"> |
|
163 <div class="column"> |
|
164 <div class="about__image"> |
|
165 <img src="https://s.w.org/images/core/6.0/about-60-sub-feature-1.png" alt="" /> |
|
166 </div> |
|
167 <p><?php _e( 'Featured images can be used in the cover block.' ); ?></p> |
|
168 <p><?php _e( 'New featured image sizing controls make it easier to get the results you want.' ); ?></p> |
|
169 </div> |
|
170 <div class="column"> |
|
171 <div class="about__image"> |
|
172 <img src="https://s.w.org/images/core/6.0/about-60-sub-feature-2.png" alt="" /> |
|
173 </div> |
|
174 <p><?php _e( 'While editing a template, at the root, or between blocks, the quick inserter shows you patterns and template parts to help you work faster and discover new layout options.' ); ?></p> |
|
175 </div> |
|
176 <div class="column"> |
|
177 <div class="about__image"> |
|
178 <img src="https://s.w.org/images/core/6.0/about-60-sub-feature-3.png" alt="" /> |
|
179 </div> |
|
180 <p><?php _e( 'The query block supports filtering on multiple authors, support for custom taxonomies, and support for customizing what is shown when there are no results.' ); ?></p> |
|
181 </div> |
|
182 </div> |
|
183 |
|
184 <div class="about__section has-2-columns is-wider-left"> |
|
185 <div class="column about__image is-vertically-aligned-top"> |
|
186 <img src="https://s.w.org/images/core/6.0/about-60-integrated-patterns.png" alt="" /> |
|
187 </div> |
|
188 <div class="column"> |
|
189 <h3> |
|
190 <?php _e( 'Integrated Patterns' ); ?> |
|
191 </h3> |
|
192 <p> |
|
193 <?php |
|
194 printf( |
|
195 /* translators: %s Working with Patterns dev note link. */ |
|
196 __( 'Patterns will now appear when you need them in even more places, like in the quick inserter or when creating a new header or footer. If you’re a block theme author, you can even <a href="%s">register patterns from the Pattern Directory using <code>theme.json</code></a>, enabling you to prioritize specific patterns that are most helpful to your theme’s users.' ), |
|
197 'https://make.wordpress.org/core/2022/05/02/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0/' |
|
198 ); |
|
199 ?> |
|
200 </p> |
|
201 </div> |
|
202 </div> |
|
203 |
|
204 <div class="about__section has-2-columns is-wider-right"> |
|
205 <div class="column"> |
|
206 <h3> |
|
207 <?php _e( 'Better List View' ); ?> |
|
208 </h3> |
|
209 <p> |
|
210 <?php _e( 'New keyboard shortcuts enable you to select multiple blocks from the list view, modify them in bulk, and drag-and-drop them within the list. List View can be opened and closed easily; it comes collapsed by default and it automatically expands to the current selection whenever you select a block.' ); ?> |
|
211 </p> |
|
212 </div> |
|
213 <div class="column about__image is-vertically-aligned-top"> |
|
214 <img src="https://s.w.org/images/core/6.0/about-60-list-view.png" alt="" /> |
|
215 </div> |
|
216 </div> |
|
217 |
|
218 <div class="about__section has-2-columns is-wider-left"> |
|
219 <div class="column about__image is-vertically-aligned-top"> |
|
220 <img src="https://s.w.org/images/core/6.0/about-60-block-locking-controls.png" alt="" /> |
|
221 </div> |
|
222 <div class="column"> |
|
223 <h3> |
|
224 <?php _e( 'Block Locking Controls' ); ?> |
|
225 </h3> |
|
226 <p> |
|
227 <?php _e( 'Now you can lock your blocks. Choose to disable the option to move a block, remove a block, or both. This simplifies project handover, allowing your clients to unleash their creativity without worrying about accidentally breaking their site in the process.' ); ?> |
|
228 </p> |
71 </div> |
229 </div> |
72 </div> |
230 </div> |
73 |
231 |
74 <hr class="is-large" /> |
232 <hr class="is-large" /> |
75 |
233 |
76 <div class="about__section"> |
234 <div class="about__section" style="margin-bottom:0;"> |
77 <h2 class="aligncenter"> |
235 <div class="column"> |
78 <?php _e( 'Three Essential Powerhouses' ); ?> |
236 <h2 class="aligncenter"> |
79 </h2> |
237 <?php _e( 'Additional Design Tools' ); ?> |
80 </div> |
238 </h2> |
81 |
239 <p class="is-subheading aligncenter"> |
82 <div class="about__section has-2-columns is-wider-left"> |
240 <?php _e( 'Design tools grow more powerful and intuitive with each release.' ); ?><br /> |
83 <div class="column about__image is-vertically-aligned-center"> |
241 <?php _e( 'Some highlights for 6.0 include:' ); ?> |
84 <img src="https://s.w.org/images/core/5.8/about-widgets-blocks.png" alt="" /> |
242 </p> |
85 </div> |
243 </div> |
86 <div class="column"> |
244 </div> |
87 <h3> |
245 |
88 <?php _e( 'Manage Widgets with Blocks' ); ?> |
246 <div class="about__section has-3-columns" style="margin-bottom:0;"> |
89 </h3> |
247 <div class="column"> |
90 <p> |
248 <div class="about__image aligncenter"> |
91 <?php |
249 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> |
92 printf( |
250 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.203 6.892c.776-.963 1.297-1.559 1.297-1.559s.521.596 1.297 1.559c2.266 2.81 6.703 8.75 6.703 12.155 0 4.572-3.18 7.62-8 7.62s-8-3.048-8-7.62c0-3.404 4.437-9.345 6.703-12.155Zm1.297 1.58a64.727 64.727 0 0 0-2.361 3.15c-.972 1.388-1.911 2.87-2.6 4.248-.72 1.44-1.039 2.52-1.039 3.177 0 1.805.616 3.164 1.573 4.077.965.921 2.441 1.542 4.427 1.542 1.986 0 3.462-.621 4.427-1.542.957-.913 1.573-2.272 1.573-4.077 0-.657-.32-1.738-1.039-3.177-.689-1.378-1.628-2.86-2.6-4.247A64.727 64.727 0 0 0 16.5 8.47Z" fill="#1E1E1E"/> |
93 /* translators: %s: Widgets dev note link. */ |
251 </svg> |
94 __( 'After months of hard work, the power of blocks has come to both the Block Widgets Editor and the Customizer. Now you can add blocks both in widget areas across your site and with live preview through the Customizer. This opens up new possibilities to create content: from no-code mini layouts to the vast library of core and third-party blocks. For our developers, you can find more details in the <a href="%s">Widgets dev note</a>.' ), |
252 </div> |
95 'https://make.wordpress.org/core/2021/06/29/block-based-widgets-editor-in-wordpress-5-8/' |
253 <p><?php _e( 'A new color panel design saves space, but still shows your options at a glance.' ); ?></p> |
96 ); |
254 </div> |
97 ?> |
255 <div class="column"> |
98 </p> |
256 <div class="about__image aligncenter"> |
99 </div> |
257 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> |
100 </div> |
258 <path d="M4.5 9.333v13.334h2.667V9.333H4.5ZM9.833 6.667V4h13.334v2.667H9.833ZM25.833 9.333v13.334H28.5V9.333h-2.667ZM23.167 28v-2.667H9.833V28h13.334Z" fill="#1E1E1E"/> |
|
259 </svg> |
|
260 </div> |
|
261 <p><?php _e( 'New border controls offer a simpler way to set your border exactly as you like it.' ); ?></p> |
|
262 </div> |
|
263 <div class="column"> |
|
264 <div class="about__image aligncenter"> |
|
265 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
|
266 <circle cx="16" cy="16" r="12" fill="#fff"/> |
|
267 <circle cx="16" cy="16" r="12" fill="url(#a)"/> |
|
268 <circle cx="16" cy="16" r="12" stroke="#1E1E1E" stroke-width="2"/> |
|
269 <defs> |
|
270 <pattern id="a" patternContentUnits="objectBoundingBox" width=".385" height=".385"> |
|
271 <use xlink:href="#b" transform="scale(.01923)"/> |
|
272 </pattern> |
|
273 <image id="b" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAfUlEQVQ4Ee2TSw6AMAhES4/C/a/EWTAuptFJR4m6MFE25dO88ikWEdkmkpnNzEbE3Yd+pHQV3MLUnZlfAmeXK74vAtdpPin96jRVEu8fimWxiRGx2xwuGZtVLvms14iXgZyRsn+g6oz28ye53UNMF0+WgZwJAHyWgZwJg2AvIbMZwqZwPC4AAAAASUVORK5CYII="/> |
|
274 </defs> |
|
275 </svg> |
|
276 </div> |
|
277 <p><?php _e( 'Transparency levels for your colors allow for even more creative color options.' ); ?></p> |
|
278 </div> |
|
279 </div> |
|
280 |
|
281 <div class="about__section has-3-columns"> |
|
282 <div class="column"> |
|
283 <div class="about__image aligncenter"> |
|
284 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|
285 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.165 7.335h9.333c.369 0 .667.298.667.667v9.333a.667.667 0 0 1-.667.667h-4v-3.333a2.667 2.667 0 0 0-2.666-2.667h-3.334v-4c0-.369.299-.667.667-.667Zm-2.667 4.667v-4a2.667 2.667 0 0 1 2.667-2.667h9.333a2.667 2.667 0 0 1 2.667 2.667v9.333a2.667 2.667 0 0 1-2.667 2.667h-4v4a2.667 2.667 0 0 1-2.666 2.667H8.499a2.667 2.667 0 0 1-2.667-2.667V14.67a2.667 2.667 0 0 1 2.667-2.667h4Zm6 8v4a.667.667 0 0 1-.666.667H8.499a.667.667 0 0 1-.667-.667V14.67c0-.368.299-.667.667-.667h4v3.333a2.667 2.667 0 0 0 2.666 2.667H18.5Zm0-2h-3.333a.667.667 0 0 1-.667-.667v-3.333h3.334c.368 0 .667.299.667.667v3.333Z" fill="#1E1E1E"/> |
|
286 </svg> |
|
287 </div> |
|
288 <p><?php _e( 'Control gaps, margins, typography, and more on a collection of blocks, all at once, in the Group block.' ); ?></p> |
|
289 </div> |
|
290 <div class="column"> |
|
291 <div class="about__image aligncenter"> |
|
292 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|
293 <path d="M12.833 8.667h-7v2h7c.368 0 .667.299.667.667v9.333a.667.667 0 0 1-.667.667h-7v2h7a2.667 2.667 0 0 0 2.667-2.667v-9.333a2.667 2.667 0 0 0-2.667-2.667ZM20.167 8.667h7v2h-7a.667.667 0 0 0-.667.667v9.333c0 .368.299.667.667.667h7v2h-7a2.667 2.667 0 0 1-2.667-2.667v-9.333a2.667 2.667 0 0 1 2.667-2.667Z" fill="#1E1E1E"/> |
|
294 </svg> |
|
295 </div> |
|
296 <p><?php _e( 'Switch between stack, row, and group variations to position groups of blocks with more layout flexibility.' ); ?></p> |
|
297 </div> |
|
298 <div class="column"> |
|
299 <div class="about__image aligncenter"> |
|
300 <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|
301 <path d="M28.5 10.667v14.667A2.665 2.665 0 0 1 25.835 28H8.5" stroke="#1E1E1E" stroke-width="2"/> |
|
302 <rect x="5.5" y="5" width="18" height="18" rx="1.167" stroke="#1E1E1E" stroke-width="2"/> |
|
303 <path d="M5.834 18.667 10.786 16l3.715 1.778 4.333-3.111 4.333 3.111" stroke="#1E1E1E" stroke-width="2" stroke-linejoin="round"/> |
|
304 </svg> |
|
305 </div> |
|
306 <p><?php _e( 'Use the gap support functionality in the Gallery block to create different looks–from adding spacing between all images, to removing spacing altogether.' ); ?></p> |
|
307 </div> |
|
308 </div> |
|
309 |
|
310 <hr class="is-large" /> |
101 |
311 |
102 <div class="about__section has-2-columns is-wider-right"> |
312 <div class="about__section has-2-columns is-wider-right"> |
103 <div class="column"> |
313 <div class="column about__image is-vertically-aligned-top"> |
104 <h3> |
314 <a href="https://www.youtube.com/watch?v=oe452WcY7fA"> |
105 <?php _e( 'Display Posts with New Blocks and Patterns' ); ?> |
315 <img src="https://s.w.org/images/core/6.0/about-60-video.png?ver=6.0" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.0 video' ) ); ?>" /> |
106 </h3> |
316 </a> |
107 <p> |
317 </div> |
108 <?php _e( 'The Query Loop Block makes it possible to display posts based on specified parameters; like a PHP loop without the code. Easily display posts from a specific category, to do things like create a portfolio or a page full of your favorite recipes. Think of it as a more complex and powerful Latest Posts Block! Plus, pattern suggestions make it easier than ever to create a list of posts with the design you want.' ); ?> |
318 <div class="column"> |
109 </p> |
319 <h3> |
110 </div> |
320 <?php |
111 <div class="column about__image is-vertically-aligned-center"> |
321 printf( |
112 <img src="https://s.w.org/images/core/5.8/about-query-loop.png" alt="" /> |
322 /* translators: %s: Version number. */ |
113 </div> |
323 __( 'Learn more about WordPress %s' ), |
114 </div> |
324 $display_version |
115 |
325 ); |
116 <div class="about__section has-2-columns is-wider-left"> |
326 ?> |
117 <div class="column about__image is-vertically-aligned-center"> |
327 </h3> |
118 <img src="https://s.w.org/images/core/5.8/about-template.png" alt="" /> |
328 <p> |
119 </div> |
329 <?php |
120 <div class="column"> |
330 printf( |
121 <h3> |
331 /* translators: %s: 6.0 overview video link. */ |
122 <?php _e( 'Edit the Templates Around Posts' ); ?> |
332 __( 'See WordPress 6.0 in action! <a href="%s">Watch a brief overview video</a> highlighting some of the major features debuting in WordPress 6.0.' ), |
123 </h3> |
333 'https://www.youtube.com/watch?v=oe452WcY7fA' |
124 <p> |
|
125 <?php |
|
126 _e( 'You can use the familiar block editor to edit templates that hold your content—simply activate a block theme or a theme that has opted in for this feature. Switch from editing your posts to editing your pages and back again, all while using a familiar block editor. There are more than 20 new blocks available within compatible themes. Read more about this feature and how to experiment with it in the release notes.' ); |
|
127 ?> |
|
128 </p> |
|
129 </div> |
|
130 </div> |
|
131 |
|
132 <hr class="is-large" /> |
|
133 |
|
134 <div class="about__section"> |
|
135 <h2 class="aligncenter"> |
|
136 <?php _e( 'Three Workflow Helpers' ); ?> |
|
137 </h2> |
|
138 </div> |
|
139 |
|
140 <div class="about__section has-2-columns is-wider-left"> |
|
141 <div class="column about__image is-vertically-aligned-center"> |
|
142 <img src="https://s.w.org/images/core/5.8/about-list-view.png" alt="" /> |
|
143 </div> |
|
144 <div class="column"> |
|
145 <h3> |
|
146 <?php _e( 'Overview of the Page Structure' ); ?> |
|
147 </h3> |
|
148 <p> |
|
149 <?php |
|
150 _e( 'Sometimes you need a simple landing page, but sometimes you need something a little more robust. As blocks increase, patterns emerge, and content creation gets easier, new solutions are needed to make complex content easy to navigate. List View is the best way to jump between layers of content and nested blocks. Since the List View gives you an overview of all the blocks in your content, you can now navigate quickly to the precise block you need. Ready to focus completely on your content? Toggle it on or off to suit your workflow.' ); |
|
151 ?> |
|
152 </p> |
|
153 </div> |
|
154 </div> |
|
155 |
|
156 <div class="about__section has-2-columns is-wider-right"> |
|
157 <div class="column"> |
|
158 <h3> |
|
159 <?php _e( 'Suggested Patterns for Blocks' ); ?> |
|
160 </h3> |
|
161 <p> |
|
162 <?php |
|
163 _e( 'Starting in this release the Pattern Transformations tool will suggest block patterns based on the block you are using. Right now, you can give it a try in the Query Block and Social Icon Block. As more patterns are added, you will be able to get inspiration for how to style your site without ever leaving the editor!' ); |
|
164 ?> |
|
165 </p> |
|
166 </div> |
|
167 <div class="column about__image is-vertically-aligned-center"> |
|
168 <img src="https://s.w.org/images/core/5.8/about-pattern-suggestions.png" alt="" /> |
|
169 </div> |
|
170 </div> |
|
171 |
|
172 <div class="about__section has-2-columns is-wider-left"> |
|
173 <div class="column about__image is-vertically-aligned-center"> |
|
174 <img src="https://s.w.org/images/core/5.8/about-duotone.png" alt="" /> |
|
175 </div> |
|
176 <div class="column"> |
|
177 <h3> |
|
178 <?php _e( 'Style and Colorize Images' ); ?> |
|
179 </h3> |
|
180 <p> |
|
181 <?php |
|
182 _e( 'Colorize your image and cover blocks with duotone filters! Duotone can add a pop of color to your designs and style your images (or videos in the cover block) to integrate well with your themes. You can think of the duotone effect as a black and white filter, but instead of the shadows being black and the highlights being white, you pick your own colors for the shadows and highlights. There’s more to learn about how it works in the documentation.' ); |
|
183 ?> |
|
184 </p> |
|
185 </div> |
|
186 </div> |
|
187 |
|
188 <hr class="is-large" /> |
|
189 |
|
190 <div class="about__section"> |
|
191 <h2 class="aligncenter" style="margin-bottom:0;"> |
|
192 <?php _e( 'For Developers to Explore' ); ?> |
|
193 </h2> |
|
194 <div class="column about__image is-vertically-aligned-center"> |
|
195 <picture> |
|
196 <source srcset="https://s.w.org/images/core/5.8/about-theme-json.png, https://s.w.org/images/core/5.8/about-theme-json-2x.png 2x" /> |
|
197 <img src="https://s.w.org/images/core/5.8/about-theme-json.png" alt="" /> |
|
198 </picture> |
|
199 </div> |
|
200 </div> |
|
201 |
|
202 <div class="about__section has-1-column"> |
|
203 <div class="column"> |
|
204 <h3> |
|
205 <?php _e( 'Theme.json' ); ?> |
|
206 </h3> |
|
207 <p> |
|
208 <?php |
|
209 printf( |
|
210 /* translators: %s: Theme.json dev note link. */ |
|
211 __( 'Introducing the Global Styles and Global Settings APIs: control the editor settings, available customization tools, and style blocks using a theme.json file in the active theme. This configuration file enables or disables features and sets default styles for both a website and blocks. If you build themes, you can experiment with this early iteration of a useful new feature. For more about what is currently available and how it works, <a href="%s">check out this dev note</a>.' ), |
|
212 'https://make.wordpress.org/core/2021/06/25/introducing-theme-json-in-wordpress-5-8/' |
|
213 ); |
334 ); |
214 ?> |
335 ?> |
215 </p> |
336 </p> |
216 </div> |
337 </div> |
217 </div> |
338 </div> |
218 |
339 |
219 <div class="about__section has-3-columns"> |
340 <div class="about__section has-3-columns"> |
220 <div class="column"> |
341 <div class="column" style="padding-top:0"> |
221 <h3> |
342 <p> |
222 <?php _e( 'Dropping support for Internet Explorer 11' ); ?> |
343 <?php |
223 </h3> |
344 printf( |
224 <p> |
345 /* translators: 1: Learn WordPress workshops link, 2: Learn WordPress social learning link. */ |
225 <?php |
346 __( 'Explore <a href="%1$s">learn.wordpress.org/​workshops</a> for quick how-to videos and lots more on new features in WordPress. Or join a live <a href="%2$s">interactive online learning session</a> on a specific WordPress topic.' ), |
226 printf( |
347 'https://learn.wordpress.org/workshops/', |
227 /* translators: %s: Link to Browse Happy. */ |
348 'https://learn.wordpress.org/social-learning/' |
228 __( 'Support for Internet Explorer 11 has been dropped as of this release. This means you may have issues managing your site that will not be fixed in the future. If you are currently using IE11, it is strongly recommended that you <a href="%s">switch to a more modern browser</a>.' ), |
349 ); |
229 'https://browsehappy.com/' |
350 ?> |
230 ); |
351 </p> |
231 ?> |
352 </div> |
232 </p> |
353 <div class="column" style="padding-top:0"> |
233 </div> |
354 <p> |
234 <div class="column"> |
355 <?php |
235 <h3> |
356 printf( |
236 <?php _e( 'Adding support for WebP' ); ?> |
357 /* translators: %s: WordPress 6.0 Field Guide link. */ |
237 </h3> |
358 __( 'Check out the latest version of the <a href="%s">WordPress Field Guide</a>. It is overflowing with detailed developer notes to help you build with WordPress.' ), |
238 <p> |
359 __( 'https://make.wordpress.org/core/2022/05/03/wordpress-6-0-field-guide/' ) |
239 <?php |
360 ); |
240 _e( 'WebP is a modern image format that provides improved lossless and lossy compression for images on the web. WebP images are around 30% smaller on average than their JPEG or PNG equivalents, resulting in sites that are faster and use less bandwidth.' ); |
361 ?> |
241 ?> |
362 </p> |
242 </p> |
363 </div> |
243 </div> |
364 <div class="column" style="padding-top:0"> |
244 <div class="column"> |
365 <p> |
245 <h3> |
366 <?php |
246 <?php _e( 'Adding Additional Block Supports' ); ?> |
367 printf( |
247 </h3> |
368 /* translators: %s: WordPress 6.0 Release Notes link. */ |
248 <p> |
369 __( '<a href="%s">Read the WordPress 6.0 Release Notes</a> for more information on the included enhancements and issues fixed, installation information, developer notes and resources, release contributors, and the list of file changes in this release.' ), |
249 <?php |
370 sprintf( |
250 printf( |
371 /* translators: %s: WordPress version. */ |
251 /* translators: %1$s: Link to 5.6's block dev notes. %2$s: Link to 5.7's block dev notes. %3$s: Link to 5.8's block dev notes. */ |
372 esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ), |
252 __( 'Expanding on previously implemented block supports in WordPress <a href="%1$s">5.6</a> and <a href="%2$s">5.7</a>, WordPress 5.8 introduces several new block support flags and new options to customize your registered blocks. More information is available in the <a href="%3$s">block supports dev note</a>.' ), |
373 '6-0' |
253 'https://make.wordpress.org/core/2020/11/18/block-supports-in-wordpress-5-6/', |
374 ) |
254 'https://make.wordpress.org/core/2021/02/24/changes-to-block-editor-components-and-blocks/', |
|
255 'https://make.wordpress.org/core/2021/06/25/block-supports-api-updates-for-wordpress-5-8/' |
|
256 ); |
|
257 ?> |
|
258 </p> |
|
259 </div> |
|
260 </div> |
|
261 |
|
262 <hr class="is-small" /> |
|
263 |
|
264 <div class="about__section"> |
|
265 <div class="column"> |
|
266 <h3><?php _e( 'Check the Field Guide for more!' ); ?></h3> |
|
267 <p> |
|
268 <?php |
|
269 printf( |
|
270 /* translators: %s: WordPress 5.8 Field Guide link. */ |
|
271 __( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. <a href="%s">WordPress 5.8 Field Guide.</a>' ), |
|
272 'https://make.wordpress.org/core/2021/07/03/wordpress-5-8-field-guide/' |
|
273 ); |
375 ); |
274 ?> |
376 ?> |
275 </p> |
377 </p> |
276 </div> |
378 </div> |
277 </div> |
379 </div> |