wp-admin/about.php

   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( dirname( __FILE__ ) . '/admin.php' );
  11
  12 wp_enqueue_style( 'wp-mediaelement' );
  13 wp_enqueue_script( 'wp-mediaelement' );
  14 wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
  15         'pluginPath' => includes_url( 'js/mediaelement/', 'relative' ),
  16         'pauseOtherPlayers' => ''
  17 ) );
  18
  19 if ( current_user_can( 'install_plugins' ) ) {
  20         add_thickbox();
  21         wp_enqueue_script( 'plugin-install' );
  22 }
  23
  24 $video_url = 'https://videopress.com/embed/J44FHXvg?hd=true';
  25 $locale    = str_replace( '_', '-', get_locale() );
  26 list( $locale ) = explode( '-', $locale );
  27 if ( 'en' !== $locale ) {
  28         $video_url = add_query_arg( 'defaultLangCode', $locale, $video_url );
  29 }
  30
  31 wp_oembed_add_host_js();
  32
  33 $title = __( 'About' );
  34
  35 list( $display_version ) = explode( '-', $wp_version );
  36
  37 include( ABSPATH . 'wp-admin/admin-header.php' );
  38 ?>
  39         <div class="wrap about-wrap">
  40                 <h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
  41
  42                 <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s makes your site more connected and responsive.' ), $display_version ); ?></div>
  43                 <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
  44
  45                 <h2 class="nav-tab-wrapper">
  46                         <a href="about.php" class="nav-tab nav-tab-active"><?php _e( 'What&#8217;s New' ); ?></a>
  47                         <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
  48                         <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
  49                 </h2>
  50
  51                 <div class="changelog point-releases">
  52                         <h3><?php echo _n( 'Maintenance and Security Release', 'Maintenance and Security Releases', 2 ); ?></h3>
  53                         <p><?php printf( _n( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
  54                                 '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', 17 ), '4.4.2', number_format_i18n( 17 ) ); ?>
  55                                 <?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.4.2' ); ?>
  56                         </p>
  57                         <p><?php printf( _n( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
  58                                 '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', 52 ), '4.4.1', number_format_i18n( 52 ) ); ?>
  59                                 <?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.4.1' ); ?>
  60                         </p>
  61                 </div>
  62
  63                 <div class="headline-feature feature-video">
  64                         <iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
  65                         <script src="https://videopress.com/videopress-iframe.js"></script>
  66                 </div>
  67
  68                 <hr>
  69
  70                 <div class="headline-feature feature-section one-col">
  71                         <h2><?php _e( 'Twenty Sixteen' ); ?></h2>
  72                         <div class="media-container">
  73                                 <img src="https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-2x.png 536w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-1x.png 840w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-1x.png 1086w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-2x.png 1680w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png 2172w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .8), (max-width: 1290px) calc((100vw - 240px) * .8), 840px" />
  74                         </div>
  75                         <div class="two-col">
  76                                 <div class="col">
  77                                         <h3><?php _e( 'Introducing Twenty Sixteen' ); ?></h3>
  78                                         <p><?php _e( 'Our newest default theme, Twenty Sixteen, is a modern take on a classic blog design.' ); ?></p>
  79                                         <p><?php _e( 'Twenty Sixteen was built to look great on any device. A fluid grid design, flexible header, fun color schemes, and more, will make your content shine.' ); ?></p>
  80                                         <div class="horizontal-image">
  81                                                 <div class="content">
  82                                                         <img class="feature-image horizontal-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png?2" alt=""  srcset="https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-1x.png?2 268w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-2x.png?2 535w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-1x.png?2 558w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-1x.png?2 783w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-2x.png?2 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png?2 1566w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .5216), (max-width: 1290px) calc((100vw - 240px) * .5216), 548px" />
  83                                                 </div>
  84                                         </div>
  85                                 </div>
  86                                 <div class="col feature-image">
  87                                         <img class="vertical-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-1x.png 107w, https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-2x.png 214w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-1x.png 252w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-1x.png 410w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-2x.png 504w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png 820w" sizes="(max-width: 500px) calc((100vw - 40px) * .32), (max-width: 782px) calc((100vw - 70px) * .32), (max-width: 960px) calc((100vw - 116px) * .24), (max-width: 1290px) calc((100vw - 240px) * .24), 252px" />
  88                                 </div>
  89                         </div>
  90                 </div>
  91
  92                 <hr />
  93
  94                 <div class="feature-section two-col">
  95                         <div class="col">
  96                                 <div class="media-container">
  97                                         <img src="https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/responsive-devices-smartphone-1x.png 335w, https://s.w.org/images/core/4.4/responsive-devices-desktop-1x.png 500w, https://s.w.org/images/core/4.4/responsive-devices-smartphone-2x.png 670w, https://s.w.org/images/core/4.4/responsive-devices-tablet-1x.png 698w, https://s.w.org/images/core/4.4/responsive-devices-desktop-2x.png 1000w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-1x.png 1200w, https://s.w.org/images/core/4.4/responsive-devices-tablet-2x.png 1396w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png 2400w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 782px) calc(100vw - 70px), (max-width: 960px) calc((100vw - 116px) * .476), (max-width: 1290px) calc((100vw - 240px) * .476), 500px" />
  98                                 </div>
  99                         </div>
 100                         <div class="col">
 101                                 <h3><?php _e( 'Responsive images' ); ?></h3>
 102                                 <p><?php _e( 'WordPress now takes a smarter approach to displaying appropriate image sizes on any device, ensuring a perfect fit every time. You don&#8217;t need to do anything to your theme, it just works.' ); ?></p>
 103                         </div>
 104                 </div>
 105
 106                 <hr />
 107
 108                 <div class="feature-section two-col">
 109                         <div class="col">
 110                                 <div class="embed-container">
 111                                         <blockquote data-secret="OcUe7B6Edh" class="wp-embedded-content"><a href="https://wordpress.org/news/2015/12/clifford/">WordPress 4.4 &ldquo;Clifford&rdquo;</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="display:none;" src="https://wordpress.org/news/2015/12/clifford/embed/#?secret=OcUe7B6Edh" data-secret="OcUe7B6Edh" width="600" height="338" title="<?php esc_attr_e( 'Embedded WordPress Post' ); ?>" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
 112                                 </div>
 113                         </div>
 114                         <div class="col">
 115                                 <h3><?php _e( 'Embed your WordPress content' ); ?></h3>
 116                                 <p><?php _e( 'Now you can embed your posts on other sites, even other WordPress sites. Simply drop a post URL into the editor and see an instant embed preview, complete with the title, excerpt, and featured image if you&#8217;ve set one. We&#8217;ll even include your site icon and links for comments and sharing.' ); ?></p>
 117                         </div>
 118                 </div>
 119
 120                 <hr />
 121
 122                 <div class="feature-section two-col">
 123                         <div class="col">
 124                                 <div class="embed-container embed-reverbnation">
 125                                         <iframe width="640" height="150" scrolling="no" frameborder="no" src="https://www.reverbnation.com/widget_code/html_widget/artist_607?widget_id=55&amp;pwc[song_ids]=3731874&amp;pwc[size]=small"></iframe>
 126                                 </div>
 127                         </div>
 128                         <div class="col">
 129                                 <h3><?php _e( 'Even more embed providers' ); ?></h3>
 130                                 <p><?php _e( 'In addition to post embeds, WordPress 4.4 also adds support for five new oEmbed providers: Cloudup, Reddit&nbsp;Comments, ReverbNation, Speaker&nbsp;Deck, and VideoPress.' ); ?></p>
 131                         </div>
 132                 </div>
 133
 134                 <hr />
 135
 136                 <div class="changelog">
 137                         <h3><?php _e( 'Under the Hood' ); ?></h3>
 138
 139                         <div class="feature-section under-the-hood one-col">
 140                                 <div class="col">
 141                                         <h4><?php _e( 'REST API infrastructure' ); ?></h4>
 142                                         <div class="two-col-text">
 143                                                 <p><?php _e( 'Infrastructure for the REST API has been integrated into core, marking a new era in developing with WordPress. The REST API serves to provide developers with a path forward for building and extending RESTful APIs on top of WordPress.' ); ?></p>
 144                                                 <p><?php
 145                                                         if ( current_user_can( 'install_plugins' ) ) {
 146                                                                 $url_args = array(
 147                                                                         'tab'       => 'plugin-information',
 148                                                                         'plugin'    => 'rest-api',
 149                                                                         'TB_iframe' => true,
 150                                                                         'width'     => 600,
 151                                                                         'height'    => 550
 152                                                                 );
 153
 154                                                                 $plugin_link = '<a href="' . esc_url( add_query_arg( $url_args, network_admin_url( 'plugin-install.php' ) ) ) . '" class="thickbox">WordPress REST API</a>';
 155                                                         } else {
 156                                                                 $plugin_link = '<a href="https://wordpress.org/plugins/rest-api">WordPress REST API</a>';
 157                                                         }
 158
 159                                                         /* translators: WordPress REST API plugin link */
 160                                                         printf( __( 'Infrastructure is the first part of a multi-stage rollout for the REST API. Inclusion of core endpoints is targeted for an upcoming release. To get a sneak peek of the core endpoints, and for more information on extending the REST API, check out the official %s plugin.' ), $plugin_link );
 161                                                 ?></p>
 162                                         </div>
 163                                 </div>
 164                         </div>
 165
 166                         <div class="feature-section under-the-hood three-col">
 167                                 <div class="col">
 168                                         <h4><?php _e( 'Term meta' ); ?></h4>
 169                                         <p><?php
 170                                                 /* translators: 1: add_term_meta() docs link, 2: get_term_meta() docs link, 3: update_term_meta() docs link */
 171                                                 printf( __( 'Terms now support metadata, just like posts. See %1$s, %2$s, and %3$s for more information.' ),
 172                                                         '<a href="https://developer.wordpress.org/reference/functions/add_term_meta"><code>add_term_meta()</code></a>',
 173                                                         '<a href="https://developer.wordpress.org/reference/functions/get_term_meta"><code>get_term_meta()</code></a>',
 174                                                         '<a href="https://developer.wordpress.org/reference/functions/update_term_meta"><code>update_term_meta()</code></a>'
 175                                          );
 176                                         ?></p>
 177                                 </div>
 178                                 <div class="col">
 179                                         <h4><?php _e( 'Comment query improvements' ); ?></h4>
 180                                         <p><?php
 181                                                 /* translators: WP_Comment_Query class name */
 182                                                 printf( __( 'Comment queries now have cache handling to improve performance. New arguments in %s make crafting robust comment queries simpler.' ), '<code>WP_Comment_Query</code>' );
 183                                         ?></p>
 184                                 </div>
 185                                 <div class="col">
 186                                         <h4><?php _e( 'Term, comment, and network objects' ); ?></h4>
 187                                         <p><?php
 188                                                 /* translators: 1: WP_Term class name, WP_Comment class name, WP_Network class name */
 189                                                 printf( __( 'New %1$s, %2$s, and %3$s objects make interacting with terms, comments, and networks more predictable and intuitive in code.' ),
 190                                                         '<code>WP_Term</code>',
 191                                                         '<code>WP_Comment</code>',
 192                                                         '<code>WP_Network</code>'
 193                                                 );
 194                                         ?></p>
 195                                 </div>
 196                         </div>
 197
 198                         <div class="return-to-dashboard">
 199                                 <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
 200                                         <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
 201                                                 <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
 202                                         </a> |
 203                                 <?php endif; ?>
 204                                 <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
 205                         </div>
 206
 207                 </div>
 208         </div>
 209 <?php
 210
 211 include( ABSPATH . 'wp-admin/admin-footer.php' );
 212
 213 // These are strings we may use to describe maintenance/security releases, where we aim for no new strings.
 214 return;
 215
 216 __( 'Maintenance Release' );
 217 __( 'Maintenance Releases' );
 218
 219 __( 'Security Release' );
 220 __( 'Security Releases' );
 221
 222 __( 'Maintenance and Security Release' );
 223 __( 'Maintenance and Security Releases' );
 224
 225 /* translators: %s: WordPress version number */
 226 __( '<strong>Version %s</strong> addressed one security issue.' );
 227 /* translators: %s: WordPress version number */
 228 __( '<strong>Version %s</strong> addressed some security issues.' );
 229
 230 /* translators: 1: WordPress version number, 2: plural number of bugs. */
 231 _n_noop( '<strong>Version %1$s</strong> addressed %2$s bug.',
 232          '<strong>Version %1$s</strong> addressed %2$s bugs.' );
 233
 234 /* translators: 1: WordPress version number, 2: plural number of bugs. Singular security issue. */
 235 _n_noop( '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
 236          '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.' );
 237
 238 /* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
 239 _n_noop( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
 240          '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.' );
 241
 242 /* translators: %s: Codex URL */
 243 __( 'For more information, see <a href="%s">the release notes</a>.' );