WordPress 4.0
[autoinstalls/wordpress.git] / wp-admin / about.php
index b12fbe8aaf8de095c4f1572160df16dd544edfae..2e2ba5cf388dbf0e9ec4251cddb43654afcd2943 100644 (file)
@@ -9,22 +9,25 @@
 /** WordPress Administration Bootstrap */
 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' );
 
 list( $display_version ) = explode( '-', $wp_version );
 
-// Temporary 3.8 hack: We want to use user-profile for the color schemes but don't need the heavy zxcvbn.
-wp_deregister_script( 'zxcvbn-async' );
-wp_register_script( 'zxcvbn-async', false );
-wp_enqueue_script( 'user-profile' );
-
 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&nbsp;%s' ), $display_version ); ?></h1>
 
-<div class="about-text"><?php printf( __( 'Thank you for updating to WordPress %s, the most beautiful WordPress&nbsp;yet.' ), $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>
 
@@ -39,108 +42,124 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 </h2>
 
 <div class="changelog">
-       <h2 class="about-headline-callout"><?php _e( 'Introducing a modern new&nbsp;design' ); ?></h2>
-       <img class="about-overview-img" src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/overview.png?1" />
-       <div class="feature-section col three-col about-updates">
+       <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>
+
+       <hr />
+
+       <div class="feature-section col two-col">
                <div class="col-1">
-                       <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/aesthetics.png?1" />
-                       <h3><?php _e( 'Modern aesthetic' ); ?></h3>
-                       <p><?php _e( 'The new WordPress dashboard has a fresh, uncluttered design that embraces clarity and simplicity.' ); ?></p>
+                       <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">
-                       <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/typography.png?1" />
-                       <h3><?php _e( 'Clean typography' ); ?></h3>
-                       <p><?php _e( 'The Open Sans typeface provides simple, friendly text that is optimized for both desktop and mobile viewing. It&#8217;s even open source, just like WordPress.' ); ?></p>
-               </div>
-               <div class="col-3 last-feature">
-                       <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/contrast.png?1" />
-                       <h3><?php _e( 'Refined contrast' ); ?></h3>
-                       <p><?php _e( 'We think beautiful design should never sacrifice legibility. With superior contrast and large, comfortable type, the new design is easy to read and a pleasure to navigate.' ); ?></p>
+               <div class="col-2 last-feature">
+                       <img src="//s.w.org/images/core/4.0/media.jpg" />
                </div>
        </div>
-</div>
 
-<hr>
+       <hr />
 
-<div class="changelog">
        <div class="feature-section col two-col">
-               <div>
-                       <h3><?php _e( 'WordPress on every&nbsp;device' ); ?></h3>
-                       <p><?php _e( 'We all access the internet in different ways. Smartphone, tablet, notebook, desktop &mdash; no matter what you use, WordPress will adapt and you&#8217;ll feel right at home.' ); ?></p>
-                       <h4><?php _e( 'High definition at high&nbsp;speed' ); ?></h4>
-                       <p><?php _e( 'WordPress is sharper than ever with new vector-based icons that scale to your screen. By ditching pixels, pages load significantly faster, too.' ); ?></p>
+               <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="last-feature about-colors-img">
-                       <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/colors.png?1" />
+               <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>
-
-<hr>
 
-<?php
-global $_wp_admin_css_colors;
-$new_colors = array( 'fresh', 'light', 'blue', 'midnight', 'sunrise', 'ectoplasm', 'ocean', 'coffee' );
-$_wp_admin_css_colors = array_intersect_key( $_wp_admin_css_colors, array_fill_keys( $new_colors, true ) );
+       <hr />
 
-if ( count( $_wp_admin_css_colors ) > 1 && has_action( 'admin_color_scheme_picker' ) ) : ?>
-<div class="changelog about-colors">
-       <div class="feature-section col one-col">
-               <div>
-                       <h3><?php _e( 'Pick a color' ); ?></h3>
-                       <p><?php _e( 'We&#8217;ve included eight color schemes so you can pick your favorite. Choose from any of them below to change it instantly.' ); ?>
+       <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
-                               /** This action is documented in wp-admin/user-edit.php */
-                               do_action( 'admin_color_scheme_picker' );
+                                       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
+                                       ) );
                                ?>
-                       <p><?php printf( __( 'To change your color scheme later, just <a href="%1$s">visit your profile</a>.' ), get_edit_profile_url( get_current_user_id() ) ); ?></p>
+                       </div>
                </div>
        </div>
-</div>
 
-<hr>
-<?php endif; ?>
+       <hr />
 
-<div class="changelog">
        <div class="feature-section col two-col">
-               <div>
-                       <h3><?php _e( 'Refined theme management' ); ?></h3>
-                       <p><?php _e( 'The new themes screen lets you survey your themes at a glance. Or want more information? Click to discover more. Then sit back and use your keyboard&#8217;s navigation arrows to flip through every theme you&#8217;ve got.' ); ?></p>
-                       <h4><?php _e( 'Smoother widget experience' ); ?></h4>
-                       <p><?php _e( 'Drag-drag-drag. Scroll-scroll-scroll. Widget management can be complicated. With the new design, we&#8217;ve worked to streamline the widgets&nbsp;screen.' ); ?></p>
-                       <p><?php _e( 'Have a large monitor? Multiple widget areas stack side-by-side to use the available space. Using a tablet? Just tap a widget to add it.' ); ?></p>
+               <div class="col-1">
+                       <img src="//s.w.org/images/core/4.0/plugins.png" />
                </div>
-               <div class="last-feature about-themes-img">
-                       <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/themes.png?1" />
+               <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>
 
-<hr>
+<hr />
 
-<div class="changelog about-twentyfourteen">
-       <h2 class="about-headline-callout"><?php _e( 'Twenty Fourteen, a sleek new magazine&nbsp;theme' ); ?></h2>
-       <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/twentyfourteen.jpg?1" />
+<div class="changelog under-the-hood">
+       <h3><?php _e( 'Under the Hood' ); ?></h3>
 
-       <div class="feature-section col one-col center-col">
+       <div class="feature-section col three-col">
+               <div>
+               <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>
-                       <h3><?php _e( 'Turn your blog into a&nbsp;magazine' ); ?></h3>
-                       <p><?php _e( 'Create a beautiful magazine-style site with WordPress and Twenty Fourteen. Choose a grid or a slider to display featured content on your homepage. Customize your site with three widget areas or change your layout with two page templates.' ); ?></p>
-                       <p><?php _e( 'With a striking design that does not compromise our trademark simplicity, Twenty Fourteen is our most intrepid default theme yet.' ); ?></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( 'External Libraries' ); ?></h4>
+                       <p><?php _e( 'Updated libraries: TinyMCE&nbsp;4.1.3, jQuery&nbsp;1.11.1, MediaElement&nbsp;2.15.' ); ?></p>
                </div>
        </div>
-</div>
 
-<hr>
+       <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 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>