Make WordPress Core

Changeset 38213


Ignore:
Timestamp:
08/07/2016 12:47:52 PM (8 years ago)
Author:
ocean90
Message:

About Page: Second pass for 4.6.

  • Update images for native fonts and editor features.
  • Add video animation with image fallback for update feature.
  • Rename "Simplified Disaster Recovery" to "Content Recovery".
  • Fix broken layout on credits and freedoms pages.

Props hugobaeta, SergeyBiryukov, ocean90.
Fixes #37590.
See #37246.

Location:
trunk/src/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/about.php

    r38183 r38213  
    1010require_once( dirname( __FILE__ ) . '/admin.php' );
    1111
    12 if ( current_user_can( 'customize' ) ) {
    13     wp_enqueue_script( 'customize-loader' );
     12if ( ! wp_is_mobile() ) {
     13    wp_enqueue_style( 'wp-mediaelement' );
     14    wp_enqueue_script( 'wp-mediaelement' );
     15    wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
     16        'pluginPath'        => includes_url( 'js/mediaelement/', 'relative' ),
     17        'pauseOtherPlayers' => '',
     18    ) );
     19}
     20
     21/**
     22 * Replaces the height and width attributes with values for full size.
     23 *
     24 * wp_video_shortcode() limits the width to 640px.
     25 *
     26 * @since 4.6.0
     27 * @ignore
     28 *
     29 * @param $output Video shortcode HTML output.
     30 * @return string Filtered HTML content to display video.
     31 */
     32function _wp_override_admin_video_width_limit( $output ) {
     33    return str_replace( array( '640', '384' ), array( '1050', '630' ), $output );
    1434}
    1535
     
    5171            <h2><?php echo( 'Streamlined Updates' ); ?></h2>
    5272            <p><?php echo( 'Inline Updates replaces progress updates with a simpler and more straight forward experience when installing, updating, and deleting plugins and themes.' ); ?></p>
    53             <div class="streamlined-updates-demo">
    54                 <!-- Interactive Demo goes here -->
    55             </div>
     73            <?php
     74            if ( ! wp_is_mobile() ) {
     75                add_filter( 'wp_video_shortcode', '_wp_override_admin_video_width_limit' );
     76                echo wp_video_shortcode( array(
     77                    'mp4'      => 'https://cldup.com/NlOEbKLT_6.mp4',
     78                    'ogv'      => 'https://cldup.com/0XzDZMlYwb.ogv',
     79                    'webm'     => 'https://cldup.com/ngOx9w9VlE.webm',
     80                    'poster'   => 'https://cldup.com/c0kfjoVcFo.png',
     81                    'loop'     => true,
     82                    'autoplay' => true,
     83                    'width'    => 1050,
     84                    'height'   => 630,
     85                    'class'    => 'wp-video-shortcode feature-video',
     86                ) );
     87                remove_filter( 'wp_video_shortcode', '_wp_override_admin_video_width_limit' );
     88            } else {
     89                echo '<img src="https://cldup.com/c0kfjoVcFo.png" alt="" srcset=""/>';
     90            }
     91            ?>
    5692        </div>
    5793
     
    6197            <h2><?php echo( 'Native Fonts' ); ?></h2>
    6298            <p><?php echo( 'The WordPress dashboard now uses the fonts that come with your device, allowing it to load faster and feel more like a native application.' ); ?></p>
    63             <img src="https://cldup.com/B4PdQgrZzH.png" alt="" srcset=""/>
     99            <img src="https://cldup.com/bCuNzRdtHm.png" alt="" srcset=""/>
    64100        </div>
    65101
     
    69105            <h2><?php echo( 'Editor Improvements' ); ?></h2>
    70106            <div class="col">
    71                 <img src="https://cldup.com/43RWsTMoXS.png" alt="" srcset="https://cldup.com/43RWsTMoXS.png 1000w, https://cldup.com/43RWsTMoXS.png 800w, https://cldup.com/43RWsTMoXS.png 680w, https://cldup.com/43RWsTMoXS.png 560w, https://cldup.com/43RWsTMoXS.png 400w, https://cldup.com/43RWsTMoXS.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"/>
     107                <img src="https://cldup.com/Kz3FL4I9iB.png" alt="" srcset="https://cldup.com/Kz3FL4I9iB.png 1000w, https://cldup.com/Kz3FL4I9iB.png 800w, https://cldup.com/Kz3FL4I9iB.png 680w, https://cldup.com/Kz3FL4I9iB.png 560w, https://cldup.com/Kz3FL4I9iB.png 400w, https://cldup.com/Kz3FL4I9iB.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"/>
    72108                <h3><?php echo( 'Broken Link Checker' ); ?></h3>
    73109                <p><?php echo( 'Links are the foundation of the Internet&colon; when they break, so does the web. Now when you edit a post, you instantly see when a link you add is broken.' ); ?></p>
    74110            </div>
    75111            <div class="col">
    76                 <img src="https://cldup.com/1r4sPoCL8d.png" alt="" srcset="https://cldup.com/1r4sPoCL8d.png 1000w, https://cldup.com/1r4sPoCL8d.png 800w, https://cldup.com/1r4sPoCL8d.png 680w, https://cldup.com/1r4sPoCL8d.png 560w, https://cldup.com/1r4sPoCL8d.png 400w, https://cldup.com/1r4sPoCL8d.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"/>
    77                 <h3><?php echo( 'Simplified Disaster Recovery' ); ?></h3>
     112                <img src="https://cldup.com/fxzqZFrDxo.png" alt="" srcset="https://cldup.com/fxzqZFrDxo.png 1000w, https://cldup.com/fxzqZFrDxo.png 800w, https://cldup.com/fxzqZFrDxo.png 680w, https://cldup.com/fxzqZFrDxo.png 560w, https://cldup.com/fxzqZFrDxo.png 400w, https://cldup.com/fxzqZFrDxo.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"/>
     113                <h3><?php echo( 'Content Recovery' ); ?></h3>
    78114                <p><?php echo( 'As you type, WordPress saves your content to the browser. Recovering saved content is even easier with WordPress 4.6.' ); ?></p>
    79115            </div>
  • trunk/src/wp-admin/css/about.css

    r38183 r38213  
    9191    line-height: 1.5;
    9292    font-size: 14px;
     93}
     94
     95.about-wrap .feature-section p {
    9396    max-width: 38em;
    9497    margin-left: auto;
    9598    margin-right: auto;
    96 }
    97 
    98 .about-wrap .changelog p {
    99     max-width: 100%;
    100     margin-left: 0;
    101     margin-right: 0;
    10299}
    103100
     
    202199}
    203200
     201.about-wrap .feature-video .mejs-controls {
     202    display: none !important;
     203}
     204
     205.about-wrap .feature-video .mejs-overlay-loading span {
     206    background: transparent; /* Hide loading.gif */
     207}
     208
    204209/* 1.3 - Point Releases */
    205210
     
    475480    }
    476481
    477     .about-wrap .under-the-hood:nth-of-type(2n) {
     482    .about-wrap .under-the-hood:nth-of-type(2n),
     483    .about-wrap .under-the-hood:nth-of-type(3n) {
    478484        margin-top: 0;
    479485    }
    480486
    481     .about-wrap .under-the-hood:nth-of-type(2n) h4 {
     487    .about-wrap .under-the-hood:nth-of-type(2n) h3,
     488    .about-wrap .under-the-hood:nth-of-type(3n) h3 {
    482489        margin-top: 0;
    483490    }
Note: See TracChangeset for help on using the changeset viewer.