- <hr />
-
- <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
- ) );
- ?>
+ <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>