about.php (13246B)
1 <?php 2 /** 3 * About This Version administration panel. 4 * 5 * @package WordPress 6 * @subpackage Administration 7 */ 8 9 /** WordPress Administration Bootstrap */ 10 require_once __DIR__ . '/admin.php'; 11 12 /* translators: Page title of the About WordPress page in the admin. */ 13 $title = _x( 'About', 'page title' ); 14 15 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) ); 16 17 require_once ABSPATH . 'wp-admin/admin-header.php'; 18 ?> 19 <div class="wrap about__container"> 20 21 <div class="about__header"> 22 <div class="about__header-title"> 23 <h1> 24 <?php _e( 'WordPress' ); ?> 25 <?php echo $display_version; ?> 26 </h1> 27 </div> 28 29 <div class="about__header-text"> 30 <?php _e( 'The next stop on the road to full site editing' ); ?> 31 </div> 32 33 <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> 35 <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a> 36 <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a> 37 <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a> 38 </nav> 39 </div> 40 41 <hr /> 42 43 <div class="about__section changelog"> 44 <div class="column"> 45 <h2><?php _e( 'Maintenance and Security Releases' ); ?></h2> 46 <p> 47 <?php 48 printf( 49 /* translators: 1: WordPress version number, 2: plural number of bugs. */ 50 _n( 51 '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.', 52 '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.', 53 60 54 ), 55 '5.8.1', 56 number_format_i18n( 60 ) 57 ); 58 ?> 59 <?php 60 printf( 61 /* translators: %s: HelpHub URL */ 62 __( 'For more information, see <a href="%s">the release notes</a>.' ), 63 sprintf( 64 /* translators: %s: WordPress version */ 65 esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ), 66 sanitize_title( '5.8.1' ) 67 ) 68 ); 69 ?> 70 </p> 71 </div> 72 </div> 73 74 <hr class="is-large" /> 75 76 <div class="about__section"> 77 <h2 class="aligncenter"> 78 <?php _e( 'Three Essential Powerhouses' ); ?> 79 </h2> 80 </div> 81 82 <div class="about__section has-2-columns is-wider-left"> 83 <div class="column about__image is-vertically-aligned-center"> 84 <img src="https://s.w.org/images/core/5.8/about-widgets-blocks.png" alt="" /> 85 </div> 86 <div class="column"> 87 <h3> 88 <?php _e( 'Manage Widgets with Blocks' ); ?> 89 </h3> 90 <p> 91 <?php 92 printf( 93 /* translators: %s: Widgets dev note link. */ 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>.' ), 95 'https://make.wordpress.org/core/2021/06/29/block-based-widgets-editor-in-wordpress-5-8/' 96 ); 97 ?> 98 </p> 99 </div> 100 </div> 101 102 <div class="about__section has-2-columns is-wider-right"> 103 <div class="column"> 104 <h3> 105 <?php _e( 'Display Posts with New Blocks and Patterns' ); ?> 106 </h3> 107 <p> 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.' ); ?> 109 </p> 110 </div> 111 <div class="column about__image is-vertically-aligned-center"> 112 <img src="https://s.w.org/images/core/5.8/about-query-loop.png" alt="" /> 113 </div> 114 </div> 115 116 <div class="about__section has-2-columns is-wider-left"> 117 <div class="column about__image is-vertically-aligned-center"> 118 <img src="https://s.w.org/images/core/5.8/about-template.png" alt="" /> 119 </div> 120 <div class="column"> 121 <h3> 122 <?php _e( 'Edit the Templates Around Posts' ); ?> 123 </h3> 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 ); 214 ?> 215 </p> 216 </div> 217 </div> 218 219 <div class="about__section has-3-columns"> 220 <div class="column"> 221 <h3> 222 <?php _e( 'Dropping support for Internet Explorer 11' ); ?> 223 </h3> 224 <p> 225 <?php 226 printf( 227 /* translators: %s: Link to Browse Happy. */ 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>.' ), 229 'https://browsehappy.com/' 230 ); 231 ?> 232 </p> 233 </div> 234 <div class="column"> 235 <h3> 236 <?php _e( 'Adding support for WebP' ); ?> 237 </h3> 238 <p> 239 <?php 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.' ); 241 ?> 242 </p> 243 </div> 244 <div class="column"> 245 <h3> 246 <?php _e( 'Adding Additional Block Supports' ); ?> 247 </h3> 248 <p> 249 <?php 250 printf( 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. */ 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>.' ), 253 'https://make.wordpress.org/core/2020/11/18/block-supports-in-wordpress-5-6/', 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 ); 274 ?> 275 </p> 276 </div> 277 </div> 278 279 <hr /> 280 281 <div class="return-to-dashboard"> 282 <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?> 283 <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>"> 284 <?php is_multisite() ? _e( 'Go to Updates' ) : _e( 'Go to Dashboard → Updates' ); ?> 285 </a> | 286 <?php endif; ?> 287 <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard → Home' ) : _e( 'Go to Dashboard' ); ?></a> 288 </div> 289 </div> 290 291 <?php require_once ABSPATH . 'wp-admin/admin-footer.php'; ?> 292 293 <?php 294 295 // These are strings we may use to describe maintenance/security releases, where we aim for no new strings. 296 return; 297 298 __( 'Maintenance Release' ); 299 __( 'Maintenance Releases' ); 300 301 __( 'Security Release' ); 302 __( 'Security Releases' ); 303 304 __( 'Maintenance and Security Release' ); 305 __( 'Maintenance and Security Releases' ); 306 307 /* translators: %s: WordPress version number. */ 308 __( '<strong>Version %s</strong> addressed one security issue.' ); 309 /* translators: %s: WordPress version number. */ 310 __( '<strong>Version %s</strong> addressed some security issues.' ); 311 312 /* translators: 1: WordPress version number, 2: Plural number of bugs. */ 313 _n_noop( 314 '<strong>Version %1$s</strong> addressed %2$s bug.', 315 '<strong>Version %1$s</strong> addressed %2$s bugs.' 316 ); 317 318 /* translators: 1: WordPress version number, 2: Plural number of bugs. Singular security issue. */ 319 _n_noop( 320 '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.', 321 '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.' 322 ); 323 324 /* translators: 1: WordPress version number, 2: Plural number of bugs. More than one security issue. */ 325 _n_noop( 326 '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.', 327 '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.' 328 ); 329 330 /* translators: %s: Documentation URL. */ 331 __( 'For more information, see <a href="%s">the release notes</a>.' );