WordPress 4.0
[autoinstalls/wordpress.git] / wp-admin / about.php
index 4ffd837e09c2c1826ba3205d2bda4faaf62b9478..2e2ba5cf388dbf0e9ec4251cddb43654afcd2943 100644 (file)
@@ -7,7 +7,14 @@
  */
 
 /** WordPress Administration Bootstrap */
-require_once( './admin.php' );
+require_once( dirname( __FILE__ ) . '/admin.php' );
+
+wp_enqueue_style( 'wp-mediaelement' );
+wp_enqueue_script( 'wp-mediaelement' );
+wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
+       'pluginPath' => includes_url( 'js/mediaelement/', 'relative' ),
+       'pauseOtherPlayers' => ''
+) );
 
 $title = __( 'About' );
 
@@ -15,11 +22,12 @@ list( $display_version ) = explode( '-', $wp_version );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
 ?>
+<!--[if lt IE 9]><script>document.createElement('audio');document.createElement('video');</script><![endif]-->
 <div class="wrap about-wrap">
 
-<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
+<h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
 
-<div class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s is already making your website better, faster, and more attractive, just like you!' ), $display_version ); ?></div>
+<div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s brings you a smoother writing and management experience.' ), $display_version ); ?></div>
 
 <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
 
@@ -33,108 +41,125 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
        </a>
 </h2>
 
-<div class="changelog point-releases">
-       <h3><?php echo _n( 'Maintenance and Security Release', 'Maintenance and Security Releases', 1 ); ?></h3>
-       <p><?php printf( _n( '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
-         '<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.', 21 ), '3.4.1', number_format_i18n( 21 ) ); ?>
-               <?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'http://codex.wordpress.org/Version_3.4.1' ); ?>
-       </p>
-</div>
-
 <div class="changelog">
-       <h3><?php _e( 'Live Theme Previews' ); ?></h3>
+       <div class="about-overview">
+               <?php if ( ( $locale = get_locale() ) && 'en_' === substr( $locale, 0, 3 ) ) : ?>
+                       <embed src="//v.wordpress.com/bUdzKMro" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed>
+               <?php else : ?>
+                       <img class="about-overview-img" src="//s.w.org/images/core/4.0/wp40.png" width="640" height="360" />
+               <?php endif; ?>
+       </div>
 
-       <div class="feature-section images-stagger-right">
-               <img src="<?php echo esc_url( admin_url( 'images/screenshots/theme-customizer.png' ) ); ?>" class="image-50" />
-               <h4><?php _e( 'Try on New Themes' ); ?></h4>
-               <p><?php _e( 'Gone are the days of rushing to update your header, background, and the like as soon as you activate a new theme. You can now customize these options <strong>before</strong> activating a new theme. Note: this feature is available for installed themes only.' ); ?></p>
+       <hr />
 
-               <h4><?php _e( 'Customize Current Theme' ); ?></h4>
-               <p><?php _e( 'Satisfy your curiosity and try on a fresh coat of paint &mdash; you can also use the live preview mode to customize your current theme. Look for the Customize link on the Themes screen.' ); ?></p>
+       <div class="feature-section col two-col">
+               <div class="col-1">
+                       <h3><?php _e( 'Manage your media with style' ); ?></h3>
+                       <p><?php _e( 'Explore your uploads in a beautiful, endless grid. A new details preview makes viewing and editing any amount of media in sequence a snap.' ); ?></p>
+               </div>
+               <div class="col-2 last-feature">
+                       <img src="//s.w.org/images/core/4.0/media.jpg" />
+               </div>
        </div>
-</div>
 
-<div class="changelog">
-       <h3><?php _e( 'Custom Headers' ); ?></h3>
-
-       <div class="feature-section">
-               <h4><?php _e( 'Flexible Sizes' ); ?></h4>
-               <p><?php _e( 'You can decide for yourself how tall or wide your custom header image should be. From now on, themes will provide a recommended image size for custom headers rather than a fixed requirement. Note: this feature requires <a href="http://codex.wordpress.org/Custom_Headers">theme support</a>.' ); ?></p>
-               <div class="three-col-images">
-                       <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-1.png' ) ); ?>" class="image-30 first-feature" />
-                       <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-2.png' ) ); ?>" class="image-30" />
-                       <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-3.png' ) ); ?>" class="image-30 last-feature" />
+       <hr />
+
+       <div class="feature-section col two-col">
+               <div class="col-1">
+                       <div class="about-video about-video-embed">
+                               <?php
+                                       echo wp_video_shortcode( array(
+                                               'mp4'      => '//s.w.org/images/core/4.0/embed.mp4',
+                                               'ogv'      => '//s.w.org/images/core/4.0/embed.ogv',
+                                               'webm'      => '//s.w.org/images/core/4.0/embed.webm',
+                                               'loop'     => true,
+                                               'autoplay' => true,
+                                               'width'    => 500,
+                                               'height'   => 352
+                                       ) );
+                               ?>
+                       </div>
+               </div>
+               <div class="col-2 last-feature">
+                       <h3><?php _e( 'Working with embeds has never been easier' ); ?></h3>
+                       <p><?php _e( 'Paste in a YouTube URL on a new line, and watch it magically become an embedded video. Now try it with a tweet. Oh yeah &#8212; embedding has become a visual experience. The editor shows a true preview of your embedded content, saving you time and giving you confidence.' ); ?></p>
+                       <p><?php _e( 'We&#8217;ve expanded the services supported by default, too &#8212; you can embed videos from CollegeHumor, playlists from YouTube, and talks from TED. <a href="http://codex.wordpress.org/Embeds">Check out all of the embeds</a> that WordPress supports.' ); ?></p>
                </div>
        </div>
 
-       <div class="feature-section images-stagger-right">
-               <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-media-library.png' ) ); ?>" class="image-50" />
-               <h4><?php _e( 'Choose from Media Library' ); ?></h4>
-               <p><?php _e( 'Tired of re-uploading the same custom header image every time you check out a new theme? Now you can choose header images from your media library for easier customization.' ); ?></p>
-       </div>
-</div>
+       <hr />
 
-<div class="changelog">
-       <h3><?php _e( 'Twitter Embeds' ); ?></h3>
-
-       <div class="feature-section images-stagger-right">
-               <img src="<?php echo esc_url( admin_url( 'images/screenshots/twitter-embed-1.png' ) ); ?>" class="image-30" />
-               <img src="<?php echo esc_url( admin_url( 'images/screenshots/twitter-embed-2.png' ) ); ?>" class="image-30" />
-               <h4><?php _e( 'Share Tweets with Style' ); ?></h4>
-               <p><?php _e( 'You can now embed individual tweets in posts. It includes action links that allow readers to reply to, retweet, and favorite the tweet without leaving your site. Just paste a tweet URL on its own line.' ); ?></p>
-               <p><?php printf( __( 'This works with URLs from some other sites, too. For more, see the Codex article on <a href="%s">Embeds</a>.' ), __( 'http://codex.wordpress.org/Embeds' ) ); ?></p>
+       <div class="feature-section col two-col">
+               <div class="col-1">
+                       <h3><?php _e( 'Focus on your content' ); ?></h3>
+                       <p><?php _e( 'Writing and editing is smoother and more immersive with an editor that expands to fit your content as you write, and keeps the formatting tools available at all times.' ); ?></p>
+               </div>
+               <div class="col-2 last-feature">
+                       <div class="about-video about-video-focus">
+                               <?php
+                                       echo wp_video_shortcode( array(
+                                               'mp4'      => '//s.w.org/images/core/4.0/focus.mp4',
+                                               'ogv'      => '//s.w.org/images/core/4.0/focus.ogv',
+                                               'webm'      => '//s.w.org/images/core/4.0/focus.webm',
+                                               'loop'     => true,
+                                               'autoplay' => true,
+                                               'width'    => 500,
+                                               'height'   => 281
+                                       ) );
+                               ?>
+                       </div>
+               </div>
        </div>
 
-</div>
+       <hr />
 
-
-<div class="changelog">
-       <h3><?php _e( 'Better Captions' ); ?></h3>
-
-       <div class="feature-section images-stagger-right">
-               <img src="<?php echo esc_url( admin_url( 'images/screenshots/captions-1.png' ) ); ?>" class="image-30" />
-               <img src="<?php echo esc_url( admin_url( 'images/screenshots/captions-2.png' ) ); ?>" class="image-30" />
-               <h4><?php _e( 'HTML Support' ); ?></h4>
-               <p><?php _e( 'Basic HTML support has been added to the caption field in the image uploader. This allows you to add links &mdash; great for photo credits or licensing details &mdash; and basic formatting such as bold and italicized text.' ); ?></p>
+       <div class="feature-section col two-col">
+               <div class="col-1">
+                       <img src="//s.w.org/images/core/4.0/plugins.png" />
+               </div>
+               <div class="col-2 last-feature">
+                       <h3 class="higher"><?php _e( 'Finding the right plugin' ); ?></h3>
+                       <p><?php _e( 'There are more than 30,000 free and open source plugins in the WordPress plugin directory. WordPress 4.0 makes it easier to find the right one for your needs, with new metrics, improved search, and a more visual browsing experience.' ); ?></p>
+                       <a href="<?php echo admin_url( 'plugin-install.php' ); ?>" class="button button-large button-primary"><?php _e( 'Browse plugins' ); ?></a>
+               </div>
        </div>
 </div>
 
-<div class="changelog">
+<hr />
+
+<div class="changelog under-the-hood">
        <h3><?php _e( 'Under the Hood' ); ?></h3>
 
-       <div class="feature-section three-col">
+       <div class="feature-section col three-col">
                <div>
-                       <h4><?php _e( 'Faster WP_Query' ); ?></h4>
-                       <p><?php _e( 'Post queries have been optimized to improve performance, especially for sites with large databases.' ); ?></p>
-
-                       <h4><?php _e( 'Faster Translations' ); ?></h4>
-                       <p><?php _e( 'The number of strings loaded on the front end was greatly reduced, resulting in faster front page load times for localized installations.' ); ?> <?php _e( 'Also, better support for East Asian languages, right-to-left languages, theme translations, and more.' ); ?></p>
+               <h4><?php _e( 'Customizer API' ); ?></h4>
+                       <p><?php _e( 'Contexts, panels, and a wider array of controls are now supported in the customizer.' ); ?></p>
                </div>
                <div>
-                       <h4><?php _e( 'Themes API' ); ?></h4>
-                       <p><?php _e( 'WP_Theme, wp_get_themes(), wp_get_theme(). Faster, uses less memory, makes use of persistent caching.' ); ?></p>
-
-                       <h4><?php _e( 'Custom Header and Background API' ); ?></h4>
-                       <p><?php  _e( 'Custom header and background API relocated into the theme support API.' ); ?></p>
+                       <h4><?php _e( 'Query Ordering' ); ?></h4>
+                       <p><?php
+                               /* translators: 1: "ORDER BY" (SQL), 2: "WP_Query" */
+                               printf( __( 'Developers have more flexibility creating %1$s clauses through %2$s.' ), '<code>ORDER&nbsp;BY</code>', '<code>WP_Query</code>' );
+                       ?></p>
                </div>
                <div class="last-feature">
-                       <h4><?php _e( 'XML-RPC API' ); ?></h4>
-                       <p><?php printf( __( 'A new <a href="%s">WordPress API</a> that supports custom content types and taxonomies, as well as dozens of other bug fixes and improvements.' ), __( 'http://codex.wordpress.org/XML-RPC_WordPress_API' ) ); ?></p>
-
                        <h4><?php _e( 'External Libraries' ); ?></h4>
-                       <p><?php _e( 'jQuery, jQuery UI, TinyMCE, Plupload, PHPMailer, SimplePie, and other libraries were updated. jQuery UI Touch Punch was introduced.' ); ?></p>
+                       <p><?php _e( 'Updated libraries: TinyMCE&nbsp;4.1.3, jQuery&nbsp;1.11.1, MediaElement&nbsp;2.15.' ); ?></p>
                </div>
        </div>
-</div>
 
-<div class="return-to-dashboard">
-       <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
-       <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>"><?php
-               is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' );
-       ?></a> |
-       <?php endif; ?>
-       <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php
-               is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
+       <hr />
+
+       <div class="return-to-dashboard">
+               <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
+               <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>"><?php
+                       is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' );
+               ?></a> |
+               <?php endif; ?>
+               <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php
+                       is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
+       </div>
+
 </div>
 
 </div>