[Summary view] [Print] [Text view]

   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  // Used in the HTML title tag.
  13  /* translators: Page title of the About WordPress page in the admin. */
  14  $title = _x( 'About', 'page title' );
  15  
  16  list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
  17  
  18  require_once ABSPATH . 'wp-admin/admin-header.php';
  19  ?>
  20      <div class="wrap about__container">
  21  
  22          <div class="about__header">
  23              <div class="about__header-title">
  24                  <h1>
  25                      <?php _e( 'WordPress' ); ?>
  26                      <span class="screen-reader-text"><?php echo $display_version; ?></span>
  27                  </h1>
  28              </div>
  29  
  30              <div class="about__header-text"></div>
  31  
  32              <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
  33                  <a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
  34                  <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
  35                  <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
  36                  <a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
  37              </nav>
  38          </div>
  39  
  40          <hr />
  41  
  42          <div class="about__section">
  43              <div class="column">
  44                  <h2 class="aligncenter">
  45                      <?php
  46                      printf(
  47                          /* translators: %s: Version number. */
  48                          __( 'Welcome to WordPress %s' ),
  49                          $display_version
  50                      );
  51                      ?>
  52                  </h2>
  53                  <p class="is-subheading">
  54                      <?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.' ); ?>
  55                  </p>
  56              </div>
  57          </div>
  58  
  59          <hr />
  60  
  61          <div class="about__section has-2-columns">
  62              <div class="column about__image is-vertically-aligned-center">
  63                  <img src="https://make.wordpress.org/core/files/2022/05/about-60-writing-improvements.png" alt="" />
  64              </div>
  65              <div class="column">
  66                  <h3>
  67                      <?php _e( 'Enhanced Writing Experience' ); ?>
  68                  </h3>
  69                  <p>
  70                      <?php _e( 'Writing improvements abound, whether you&#8217;re writing a brand new post or adding elements to an existing page. Explore more ways to streamline your content creation process, including:' ); ?>
  71                  </p>
  72                  <ul>
  73                      <li><?php _e( 'Select text across multiple blocks and edit it all at once.' ); ?></li>
  74                      <li><?php _e( 'Type two open brackets <code>[[</code> to quickly access the link menu.' ); ?></li>
  75                      <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>
  76                      <li><?php _e( 'Create customized buttons and any new buttons you make will retain the style customizations automatically.' ); ?></li>
  77                      <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>
  78                  </ul>
  79              </div>
  80          </div>
  81  
  82          <div class="about__section has-2-columns is-wider-right">
  83              <div class="column">
  84                  <h3>
  85                      <?php _e( 'Style Switching' ); ?>
  86                  </h3>
  87                  <p>
  88                      <?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.' ); ?>
  89                  </p>
  90              </div>
  91              <div class="column about__image is-vertically-aligned-center">
  92                  <img src="https://make.wordpress.org/core/files/2022/05/about-60-style-switcher.gif" alt="" />
  93              </div>
  94          </div>
  95  
  96          <div class="about__section has-1-column">
  97              <div class="column about__image is-vertically-aligned-center">
  98                  <img src="https://make.wordpress.org/core/files/2022/05/about-60-templates.png" alt="" />
  99              </div>
 100              <div class="column">
 101                  <h3>
 102                      <?php _e( 'More Template Choices' ); ?>
 103                  </h3>
 104                  <p>
 105                      <?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.' ); ?>
 106                  </p>
 107              </div>
 108          </div>
 109  
 110          <div class="about__section has-3-columns">
 111              <div class="column">
 112                  <div class="about__image">
 113                      <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-1.png" alt="" />
 114                  </div>
 115                  <p><?php _e( 'Featured images can be used in the cover block.' ); ?></p>
 116                  <p><?php _e( 'New featured image sizing controls make it easier to get the results you want.' ); ?></p>
 117              </div>
 118              <div class="column">
 119                  <div class="about__image">
 120                      <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-2.png" alt="" />
 121                  </div>
 122                  <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>
 123              </div>
 124              <div class="column">
 125                  <div class="about__image">
 126                      <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-3.png" alt="" />
 127                  </div>
 128                  <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>
 129              </div>
 130          </div>
 131  
 132          <div class="about__section has-2-columns is-wider-left">
 133              <div class="column about__image is-vertically-aligned-center">
 134                  <img src="https://make.wordpress.org/core/files/2022/05/about-60-integrated-patterns.png" alt="" />
 135              </div>
 136              <div class="column">
 137                  <h3>
 138                      <?php _e( 'Integrated Patterns' ); ?>
 139                  </h3>
 140                  <p>
 141                      <?php
 142                      printf(
 143                          /* translators: %s Working with Patterns dev note link. */
 144                          __( '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&#8217;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&#8217;s users.' ),
 145                          'https://make.wordpress.org/core/2022/05/02/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0/'
 146                      );
 147                      ?>
 148                  </p>
 149              </div>
 150          </div>
 151  
 152          <div class="about__section has-2-columns is-wider-right">
 153              <div class="column">
 154                  <h3>
 155                      <?php _e( 'Better List View' ); ?>
 156                  </h3>
 157                  <p>
 158                      <?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.' ); ?>
 159                  </p>
 160              </div>
 161              <div class="column about__image is-vertically-aligned-center">
 162                  <img src="https://make.wordpress.org/core/files/2022/05/about-60-list-view.png" alt="" />
 163              </div>
 164          </div>
 165  
 166          <div class="about__section has-2-columns is-wider-left">
 167              <div class="column about__image is-vertically-aligned-center">
 168                  <img src="https://make.wordpress.org/core/files/2022/05/about-60-block-locking-controls.png" alt="" />
 169              </div>
 170              <div class="column">
 171                  <h3>
 172                      <?php _e( 'Block Locking Controls' ); ?>
 173                  </h3>
 174                  <p>
 175                      <?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.' ); ?>
 176                  </p>
 177              </div>
 178          </div>
 179  
 180          <div class="about__section" style="margin-bottom:0;">
 181              <div class="column">
 182                  <h2 class="aligncenter">
 183                      <?php _e( 'Additional Design Tools' ); ?>
 184                  </h2>
 185                  <p class="is-subheading aligncenter">
 186                      <?php _e( 'Design tools grow more powerful and intuitive with each release.' ); ?><br />
 187                      <?php _e( 'Some highlights for 6.0 include:' ); ?>
 188                  </p>
 189              </div>
 190          </div>
 191  
 192          <div class="about__section has-3-columns" style="margin-bottom:0;">
 193              <div class="column">
 194                  <div class="about__image aligncenter">
 195                      <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 196                          <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"/>
 197                      </svg>
 198                  </div>
 199                  <p><?php _e( 'A new color panel design saves space, but still shows your options at a glance.' ); ?></p>
 200              </div>
 201              <div class="column">
 202                  <div class="about__image aligncenter">
 203                      <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 204                          <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"/>
 205                      </svg>
 206                  </div>
 207                  <p><?php _e( 'New border controls offer a simpler way to set your border exactly as you like it.' ); ?></p>
 208              </div>
 209              <div class="column">
 210                  <div class="about__image aligncenter">
 211                      <svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 212                          <circle cx="20.5" cy="20" r="12" fill="#fff"/>
 213                          <circle cx="20.5" cy="20" r="12" fill="url(#a)"/>
 214                          <circle cx="20.5" cy="20" r="12" stroke="#1E1E1E" stroke-width="2"/>
 215                          <defs>
 216                              <pattern id="a" patternContentUnits="objectBoundingBox" width=".385" height=".385">
 217                                  <use xlink:href="#b" transform="scale(.01923)"/>
 218                              </pattern>
 219                              <image id="b" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAfUlEQVQ4Ee2TSw6AMAhES4/C/a/EWTAuptFJR4m6MFE25dO88ikWEdkmkpnNzEbE3Yd+pHQV3MLUnZlfAmeXK74vAtdpPin96jRVEu8fimWxiRGx2xwuGZtVLvms14iXgZyRsn+g6oz28ye53UNMF0+WgZwJAHyWgZwJg2AvIbMZwqZwPC4AAAAASUVORK5CYII="/>
 220                          </defs>
 221                      </svg>
 222                  </div>
 223                  <p><?php _e( 'Transparency levels for your colors allow for even more creative color options.' ); ?></p>
 224              </div>
 225          </div>
 226  
 227          <div class="about__section has-3-columns">
 228              <div class="column">
 229                  <div class="about__image aligncenter">
 230                      <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 231                          <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"/>
 232                      </svg>
 233                  </div>
 234                  <p><?php _e( 'Control gaps, margins, typography, and more on a collection of blocks, all at once, in the Group block.' ); ?></p>
 235              </div>
 236              <div class="column">
 237                  <div class="about__image aligncenter">
 238                      <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 239                          <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"/>
 240                      </svg>
 241                  </div>
 242                  <p><?php _e( 'Switch between stack, row, and group variations to position groups of blocks with more layout flexibility.' ); ?></p>
 243              </div>
 244              <div class="column">
 245                  <div class="about__image aligncenter">
 246                      <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 247                          <path d="M28.5 10.667v14.667A2.665 2.665 0 0 1 25.835 28H8.5" stroke="#1E1E1E" stroke-width="2"/>
 248                          <rect x="5.5" y="5" width="18" height="18" rx="1.167" stroke="#1E1E1E" stroke-width="2"/>
 249                          <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"/>
 250                      </svg>
 251                  </div>
 252                  <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>
 253              </div>
 254          </div>
 255  
 256          <hr class="is-large" />
 257  
 258          <div class="about__section has-2-columns is-wider-right">
 259              <div class="column about__image is-vertically-aligned-center">
 260                  <a href="#">
 261                      <img src="https://make.wordpress.org/core/files/2022/05/about-60-video.png" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.0 video' ) ); ?>" />
 262                  </a>
 263              </div>
 264              <div class="column">
 265                  <h3>
 266                      <?php
 267                      printf(
 268                          /* translators: %s: Version number. */
 269                          __( 'Learn more about WordPress %s' ),
 270                          $display_version
 271                      );
 272                      ?>
 273                  </h3>
 274                  <p>
 275                      <?php
 276                      printf(
 277                          /* translators: %s: 6.0 overview video link. */
 278                          __( '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.' ),
 279                          '#'
 280                      );
 281                      ?>
 282                  </p>
 283              </div>
 284          </div>
 285  
 286          <div class="about__section has-3-columns">
 287              <div class="column">
 288                  <p>
 289                      <?php
 290                      printf(
 291                          /* translators: 1: Learn WordPress workshops link, 2: Learn WordPress social learning link. */
 292                          __( 'Explore <a href="%1$s">learn.wordpress.org/&#8203;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.' ),
 293                          'https://learn.wordpress.org/workshops/',
 294                          'https://learn.wordpress.org/social-learning/'
 295                      );
 296                      ?>
 297                  </p>
 298              </div>
 299              <div class="column">
 300                  <p>
 301                      <?php
 302                      printf(
 303                          /* translators: %s: WordPress 6.0 Field Guide link. */
 304                          __( '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.' ),
 305                          __( 'https://make.wordpress.org/core/2022/05/03/wordpress-6-0-field-guide/' )
 306                      );
 307                      ?>
 308                  </p>
 309              </div>
 310              <div class="column">
 311                  <p>
 312                      <?php
 313                      printf(
 314                          /* translators: %s: WordPress 6.0 Release Notes link. */
 315                          __( '<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.' ),
 316                          '#'
 317                      );
 318                      ?>
 319                  </p>
 320              </div>
 321          </div>
 322  
 323          <hr />
 324  
 325          <div class="return-to-dashboard">
 326              <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
 327                  <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
 328                      <?php is_multisite() ? _e( 'Go to Updates' ) : _e( 'Go to Dashboard &rarr; Updates' ); ?>
 329                  </a> |
 330              <?php endif; ?>
 331              <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
 332          </div>
 333      </div>
 334  
 335  <?php require_once ABSPATH . 'wp-admin/admin-footer.php'; ?>
 336  
 337  <?php
 338  
 339  // These are strings we may use to describe maintenance/security releases, where we aim for no new strings.
 340  return;
 341  
 342  __( 'Maintenance Release' );
 343  __( 'Maintenance Releases' );
 344  
 345  __( 'Security Release' );
 346  __( 'Security Releases' );
 347  
 348  __( 'Maintenance and Security Release' );
 349  __( 'Maintenance and Security Releases' );
 350  
 351  /* translators: %s: WordPress version number. */
 352  __( '<strong>Version %s</strong> addressed one security issue.' );
 353  /* translators: %s: WordPress version number. */
 354  __( '<strong>Version %s</strong> addressed some security issues.' );
 355  
 356  /* translators: 1: WordPress version number, 2: Plural number of bugs. */
 357  _n_noop(
 358      '<strong>Version %1$s</strong> addressed %2$s bug.',
 359      '<strong>Version %1$s</strong> addressed %2$s bugs.'
 360  );
 361  
 362  /* translators: 1: WordPress version number, 2: Plural number of bugs. Singular security issue. */
 363  _n_noop(
 364      '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
 365      '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.'
 366  );
 367  
 368  /* translators: 1: WordPress version number, 2: Plural number of bugs. More than one security issue. */
 369  _n_noop(
 370      '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
 371      '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.'
 372  );
 373  
 374  /* translators: %s: Documentation URL. */
 375  __( 'For more information, see <a href="%s">the release notes</a>.' );