WordPress.org

Make WordPress Core

Changeset 37175


Ignore:
Timestamp:
04/11/2016 05:45:17 PM (3 years ago)
Author:
ocean90
Message:

About Page: Use srcset and the w.org CDN for images.

Also, flip the "Selective Refresh" and "Smart Image Resizing" section and remove script enqueues which are no longer used.

Props joemcgill, melchoyce, ocean90.
Fixes #36173.

File:
1 edited

Legend:

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

    r37170 r37175  
    1010require_once( dirname( __FILE__ ) . '/admin.php' );
    1111
    12 wp_enqueue_style( 'wp-mediaelement' );
    13 wp_enqueue_script( 'wp-mediaelement' );
    14 wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
    15     'pluginPath' => includes_url( 'js/mediaelement/', 'relative' ),
    16     'pauseOtherPlayers' => ''
    17 ) );
    18 
    19 if ( current_user_can( 'install_plugins' ) ) {
    20     add_thickbox();
    21     wp_enqueue_script( 'plugin-install' );
    22 }
    23 
    2412if ( current_user_can( 'customize' ) ) {
    2513    wp_enqueue_script( 'customize-loader' );
     
    3321}
    3422
    35 wp_oembed_add_host_js();
    36 
    3723$title = __( 'About' );
    3824
     
    6248            <h2><?php _e( 'Editing Improvements' ); ?></h2>
    6349            <div class="col">
    64                 <img src="https://cldup.com/klO9vWGiT3.png" alt="" />
     50                <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"/>
    6551                <h3><?php _e( 'Inline Linking' ); ?></h3>
    6652                <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>
    6753            </div>
    6854            <div class="col">
    69                 <img src="https://cldup.com/TE-OBMWHkX.png" alt="" />
     55                <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"/>
    7056                <h3><?php _e( 'Formatting Shortcuts' ); ?></h3>
    7157                <p><?php _e( 'Do you enjoy using formatting shortcuts for lists and headings? Now they&#8217;re even more useful, with horizontal lines and <code>&lt;code&gt;</code>.' ); ?></p>
     
    7864            <h2><?php _e( 'Customization Improvements' ); ?></h2>
    7965            <div class="col">
    80                 <img src="https://cldup.com/0iRJNVbt4G.png" alt="" />
     66                <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"/>
    8167                <h3><?php _e( 'Live Responsive Previews' ); ?></h3>
    8268                <p><?php _e( 'Make sure your site looks great on all screens!' ); ?>
     
    9581            </div>
    9682            <div class="col">
    97                 <img src="https://cldup.com/HWDA8xR_8G.png" alt="" />
     83                <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"/>
    9884                <h3><?php _e( 'Custom Logos' ); ?></h3>
    9985                <p><?php _e( 'Themes can now support logos for your business or brand.' ); ?>
     
    118104
    119105            <div class="under-the-hood three-col">
    120                 <div class="col">
    121                     <h3><?php _e( 'Smart Image Resizing' ); ?></h3>
    122                     <p><?php
    123                         printf(
    124                             /* translators: %s: URL to the development post of the new feature */
    125                             __( 'Generated images now load up to 50&#37; faster with no noticeable quality loss. <a href="%s">It&#8217;s really cool</a>.' ),
    126                             'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/'
    127                         );
    128                     ?></p>
    129                 </div>
    130106                <div class="col">
    131107                    <h3><?php _e( 'Selective Refresh' ); ?></h3>
     
    155131                </div>
    156132                <div class="col">
     133                    <h3><?php _e( 'Smart Image Resizing' ); ?></h3>
     134                    <p><?php
     135                        printf(
     136                            /* translators: %s: URL to the development post of the new feature */
     137                            __( 'Generated images now load up to 50&#37; faster with no noticeable quality loss. <a href="%s">It&#8217;s really cool</a>.' ),
     138                            'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/'
     139                        );
     140                    ?></p>
     141                </div>
     142                <div class="col">
    157143                    <h3><?php _e( 'JavaScript Library Updates' ); ?></h3>
    158144                    <p><?php _e( 'jQuery 1.12.3, jQuery Migrate 1.4.0, Backbone 1.2.3, and Underscore 1.8.3 are bundled.' ); ?></p>
Note: See TracChangeset for help on using the changeset viewer.