-<div class="wrap about-wrap">
-
-<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
-
-<div class="about-text"><?php printf( __( 'Thank you for updating to the latest version! Using WordPress %s will improve your looks, personality, and web publishing experience. Okay, just the last one, but still. :)' ), $display_version ); ?></div>
-
-<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
-
-<h2 class="nav-tab-wrapper">
- <a href="about.php" class="nav-tab nav-tab-active">
- <?php _e( 'What’s New' ); ?>
- </a><a href="credits.php" class="nav-tab">
- <?php _e( 'Credits' ); ?>
- </a><a href="freedoms.php" class="nav-tab">
- <?php _e( 'Freedoms' ); ?>
- </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 a security issue and fixed %2$s bug.',
- '<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.', 15 ), '3.3.1', number_format_i18n( 15 ) ); ?>
- <?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'http://codex.wordpress.org/Version_3.3.1' ); ?>
- </p>
-</div>
-
-<div class="changelog">
- <h3><?php _e( 'Easier Uploading' ); ?></h3>
-
- <div class="feature-section images-stagger-right">
- <div class="feature-images">
- <img src="images/screenshots/media-icon.png" width="200" class="angled-right" />
- <img src="images/screenshots/drag-and-drop.png" width="200" class="angled-left" />
- </div>
- <div class="left-feature">
- <h4><?php _e( 'File Type Detection' ); ?></h4>
- <p><?php _e( 'We’ve streamlined things! Instead of needing to click on a specific upload icon based on your file type, now there’s just one. Once your file is uploaded, the appropriate fields will be displayed for entering information based on the file type.' ); ?></p>
-
- <h4><?php _e( 'Drag-and-Drop Media Uploader' ); ?></h4>
- <p><?php _e( 'Adding photos or other files to posts and pages just got easier. Drag files from your desktop and drop them into the uploader. Add one file at a time, or many at once.' ); ?></p>
-
- <h4><?php _e( 'More File Formats' ); ?></h4>
- <p><?php _e( 'We’ve added the rar and 7z file formats to the list of allowed file types in the uploader.' ); ?></p>
- </div>
- </div>
-</div>
-
-<div class="changelog">
- <h3><?php _e( 'Dashboard Design' ); ?></h3>
-
- <div class="feature-section text-features">
- <h4><?php _e( 'Flyout Menus' ); ?></h4>
- <p><?php _e( 'Speed up navigating the dashboard and reduce repetitive clicking with our new flyout submenus. As you hover over each main menu item in your dashboard navigation, the submenus will magically appear, providing single-click access to any dashboard screen.' ); ?></p>
+ <div class="wrap about-wrap">
+ <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
+
+ <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s streamlines your workflow, whether you’re writing or building your site.' ), $display_version ); ?></div>
+ <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
+
+ <h2 class="nav-tab-wrapper wp-clearfix">
+ <a href="about.php" class="nav-tab nav-tab-active"><?php _e( 'What’s New' ); ?></a>
+ <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+ <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+ </h2>
+
+ <div class="changelog point-releases">
+ <h3><?php _e( 'Maintenance Release' ) ?></h3>
+ <p><?php printf( _n( '<strong>Version %1$s</strong> addressed %2$s bug.',
+ '<strong>Version %1$s</strong> addressed %2$s bugs.', 12 ), '4.5.1', number_format_i18n( 12 ) ); ?>
+ <?php printf( __( 'For more information, see <a href="%s">the release notes</a>.' ), 'https://codex.wordpress.org/Version_4.5.1' ); ?>
+ </p>
+ </div>
+
+ <div class="headline-feature feature-video" style="background-color:#191E23;">
+ <iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
+ <script src="https://videopress.com/videopress-iframe.js"></script>
+ </div>
+
+ <hr>
+
+ <div class="feature-section two-col">
+ <h2><?php _e( 'Editing Improvements' ); ?></h2>
+ <div class="col">
+ <img src="https://s.w.org/images/core/4.5/link-edit-560.png" alt="" srcset="https://s.w.org/images/core/4.5/link-edit-1000.png 1000w, https://s.w.org/images/core/4.5/link-edit-800.png 800w, https://s.w.org/images/core/4.5/link-edit-680.png 680w, https://s.w.org/images/core/4.5/link-edit-560.png 560w, https://s.w.org/images/core/4.5/link-edit-400.png 400w, https://s.w.org/images/core/4.5/link-edit-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
+ <h3><?php _e( 'Inline Linking' ); ?></h3>
+ <p><?php _e( 'Stay focused on your writing with a less distracting interface that keeps you in place and allows you to easily link to your content.' ); ?></p>
+ </div>
+ <div class="col">
+ <img src="https://s.w.org/images/core/4.5/formatting-560.png" alt="" srcset="https://s.w.org/images/core/4.5/formatting-1000.png 1000w, https://s.w.org/images/core/4.5/formatting-800.png 800w, https://s.w.org/images/core/4.5/formatting-680.png 680w, https://s.w.org/images/core/4.5/formatting-560.png 560w, https://s.w.org/images/core/4.5/formatting-400.png 400w, https://s.w.org/images/core/4.5/formatting-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
+ <h3><?php _e( 'Formatting Shortcuts' ); ?></h3>
+ <p><?php _e( 'Do you enjoy using formatting shortcuts for lists and headings? Now they’re even more useful, with horizontal lines and <code><code></code>.' ); ?></p>
+ </div>
+ </div>
+
+ <hr />
+
+ <div class="feature-section two-col">
+ <h2><?php _e( 'Customization Improvements' ); ?></h2>
+ <div class="col">
+ <img src="https://s.w.org/images/core/4.5/preview-icons-560.png" alt="" srcset="https://s.w.org/images/core/4.5/preview-icons-1000.png 1000w, https://s.w.org/images/core/4.5/preview-icons-800.png 800w, https://s.w.org/images/core/4.5/preview-icons-680.png 680w, https://s.w.org/images/core/4.5/preview-icons-560.png 560w, https://s.w.org/images/core/4.5/preview-icons-400.png 400w, https://s.w.org/images/core/4.5/preview-icons-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
+ <h3><?php _e( 'Live Responsive Previews' ); ?></h3>
+ <p><?php _e( 'Make sure your site looks great on all screens!' ); ?>
+ <?php
+ if ( current_user_can( 'customize' ) ) {
+ $customize_url = admin_url( 'customize.php' );
+ printf(
+ /* translators: %s: URL to customizer */
+ __( 'Preview mobile, tablet, and desktop views directly in the <a href="%s" class="load-customize">customizer</a>.' ),
+ esc_url( $customize_url )
+ );
+ } else {
+ _e( 'Preview mobile, tablet, and desktop views directly in the customizer.' );
+ }
+ ?></p>
+ </div>
+ <div class="col">
+ <img src="https://s.w.org/images/core/4.5/custom-logos-560.png" alt="" srcset="https://s.w.org/images/core/4.5/custom-logos-1000.png 1000w, https://s.w.org/images/core/4.5/custom-logos-800.png 800w, https://s.w.org/images/core/4.5/custom-logos-680.png 680w, https://s.w.org/images/core/4.5/custom-logos-560.png 560w, https://s.w.org/images/core/4.5/custom-logos-400.png 400w, https://s.w.org/images/core/4.5/custom-logos-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
+ <h3><?php _e( 'Custom Logos' ); ?></h3>
+ <p><?php _e( 'Themes can now support logos for your business or brand.' ); ?>
+ <?php
+ if ( current_theme_supports( 'custom-logo' ) && current_user_can( 'customize' ) ) {
+ printf(
+ /* translators: %s: URL to Site Identity section of the customizer */
+ __( 'Your theme supports custom logos! Try it out right now in the <a href="%s" class="load-customize">Site Identity</a> section of the customizer.' ),
+ esc_url( add_query_arg( array( 'autofocus' => array( 'section' => 'title_tagline' ) ), $customize_url ) )
+ );
+ } else {
+ _e( 'The Twenty Fifteen and Twenty Sixteen themes have been updated to support custom logos, which can be found in the Site Identity section of the customizer.' );
+ }
+ ?></p>
+ </div>
+ </div>
+
+ <hr />
+
+ <div class="changelog">
+ <h2><?php _e( 'Under the Hood' ); ?></h2>
+
+ <div class="under-the-hood three-col">
+ <div class="col">
+ <h3><?php _e( 'Selective Refresh' ); ?></h3>
+ <p><?php
+ printf(
+ /* translators: %s: URL to the development post of the new feature */
+ __( 'The customizer now supports a <a href="%s">comprehensive framework</a> for rendering parts of the preview without rewriting your PHP code in JavaScript.' ),
+ 'https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/'
+ );
+ if ( current_user_can( 'customize' ) && current_user_can( 'edit_theme_options' ) ) {
+ if ( current_theme_supports( 'menus' ) && ! current_theme_supports( 'customize-selective-refresh-widgets' ) ) {
+ printf(
+ /* translators: %s: URL to Menus section of the customizer */
+ ' ' . __( 'See it in action with <a href="%s" class="load-customize">Menus</a>.' ),
+ esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'nav_menus' ) ), $customize_url ) )
+ );
+ } elseif ( current_theme_supports( 'customize-selective-refresh-widgets' ) ) { // If widgets are supported, menus are also because of the menus widget.
+ printf(
+ /* translators: 1: URL to Menus section of the customizer, 2: URL to Widgets section of the customizer */
+ ' ' . __( 'See it in action with <a href="%1$s" class="load-customize">Menus</a> or <a href="%2$s" class="load-customize">Widgets</a>.' ),
+ esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'nav_menus' ) ), $customize_url ) ),
+ esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'widgets' ) ), $customize_url ) )
+ );
+ }
+ }
+ ?></p>
+ </div>
+ <div class="col">
+ <h3><?php _e( 'Smart Image Resizing' ); ?></h3>
+ <p><?php
+ printf(
+ /* translators: %s: URL to the development post of the new feature */
+ __( 'Generated images now load up to 50% faster with no noticeable quality loss. <a href="%s">It’s really cool</a>.' ),
+ 'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/'
+ );
+ ?></p>
+ </div>
+ <div class="col">
+ <h3><?php _e( 'JavaScript Library Updates' ); ?></h3>
+ <p><?php _e( 'jQuery 1.12.3, jQuery Migrate 1.4.0, Backbone 1.2.3, and Underscore 1.8.3 are bundled.' ); ?></p>
+ </div>
+ </div>
+
+ <div class="under-the-hood two-col">
+ <div class="col">
+ <h3><?php _e( 'Script Loader Improvements' ); ?></h3>
+ <p><?php
+ printf(
+ /* translators: %s: wp_add_inline_script() */
+ __( 'Better support has been added for script header/footer dependencies. New %s enables adding extra code to registered scripts.' ),
+ '<code><a href="https://make.wordpress.org/core/2016/03/08/enhanced-script-loader-in-wordpress-4-5/">wp_add_inline_script()</a></code>'
+ );
+ ?></p>
+ </div>
+ <div class="col">
+ <h3><?php _e( 'Better Embed Templates' ); ?></h3>
+ <p><?php
+ printf(
+ /* translators: %s: URL to the development post of the new feature */
+ __( 'Embed templates have been split into parts and can be <a href="%s">directly overridden by themes</a> via the template hierarchy.' ),
+ 'https://make.wordpress.org/core/2016/03/11/embeds-changes-in-wordpress-4-5/'
+ );
+ ?></p>
+ </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 → Updates' ); ?>
+ </a> |
+ <?php endif; ?>
+ <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard → Home' ) : _e( 'Go to Dashboard' ); ?></a>
+ </div>