Make WordPress Core


Ignore:
Timestamp:
06/07/2017 10:06:16 PM (7 years ago)
Author:
melchoyce
Message:

About: Swap out images and videos for CDN versions, and add responsive images.

Props: joemcgill, pento.
See #40721.

File:
1 edited

Legend:

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

    r40863 r40881  
    6060                <picture>
    6161                    <!-- Large image -->
    62                     <source media="(min-width: 1050px)" srcset="https://cldup.com/-951havc3C.png" />
     62                    <source media="( min-width: 1050px )"
     63                        srcset="
     64                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_810.png 810w,
     65                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1054.png 1054w,
     66                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1266.png 1266w,
     67                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1458.png 1458w,
     68                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1633.png 1633w,
     69                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1797.png 1797w,
     70                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_1955.png 1955w,
     71                            https://s.w.org/images/core/4.8/widgets-with-all-four-widescreen_w_2100.png 2100w"
     72                        sizes="( max-width: 1290px ) calc( 100vw - 240px ), 1050px" />
    6373                    <!-- Medium image -->
    64                     <source media="(min-width: 601px)" srcset="https://cldup.com/60ktdYzv0l.png" />
     74                    <source media="( min-width: 601px )"
     75                        srcset="
     76                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_531.png 531w,
     77                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_745.png 745w,
     78                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_927.png 927w,
     79                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_1089.png 1089w,
     80                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_1236.png 1236w,
     81                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_1370.png 1370w,
     82                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_1498.png 1498w,
     83                            https://s.w.org/images/core/4.8/widgets-with-all-four_w_1620.png 1620w"
     84                        sizes="( max-width: 782px ) calc( 100vw - 70px ), ( max-width: 960px ) calc( 100vw - 116px ), calc( 100vw - 240px )" />
    6585                    <!-- Small image -->
    66                     <img src="https://cldup.com/mwvU0Zi5wW.png" alt="" />
     86                    <img src="https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_685.png"
     87                        srcset="
     88                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_300.png 300w,
     89                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_451.png 451w,
     90                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_575.png 575w,
     91                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_685.png 685w,
     92                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_784.png 784w,
     93                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_873.png 873w,
     94                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_959.png 959w,
     95                            https://s.w.org/images/core/4.8/widgets-with-all-four-mobile_w_1040.png 1040w"
     96                        sizes="( max-width: 500px ) calc( 100vw - 40px ), calc( 100vw - 70px )"
     97                        alt="" />
    6798                </picture>
    6899            </div>
     
    72103            <div class="col">
    73104                <h3><?php _e( 'Image Widget' ); ?></h3>
    74                 <p><?php _e( 'Adding an image to a widget is now a simple task that is achievable for any WordPress user without needing to know code. Simply insert your image right within the widget settings. Try adding something like a headshot or a photo of your latest weekend adventure &mdash; and see it appear automatically.' );?></p>
     105                <p><?php _e( 'Adding an image to a widget is now a simple task that is achievable for any WordPress user without needing to know code. Simply insert your image right within the widget settings. Try adding something like a headshot or a photo of your latest weekend adventure &mdash; and see it appear automatically.' ); ?></p>
    75106            </div>
    76107            <div class="col">
     
    98129                <?php
    99130                echo wp_video_shortcode( array(
    100                     'mp4'      => 'https://cldup.com/LHwC1lL_jC.mp4',
    101                     'poster'   => 'https://cldup.com/wx7uMMXJor.png',
     131                    'mp4'      => 'https://s.w.org/images/core/4.8/link-boundaries.mp4',
     132                    'poster'   => 'https://s.w.org/images/core/4.8/link-boundaries.png',
    102133                    'width'    => 1140,
    103134                    'height'   => 624,
     
    121152            </div>
    122153            <div class="col">
    123                 <img src="https://cldup.com/GuISab3_X1.png" alt="" />
     154                <img
     155                    src="https://s.w.org/images/core/4.8/events-widget_w_732.png"
     156                    srcset="
     157                        https://s.w.org/images/core/4.8/events-widget_w_280.png 280w,
     158                        https://s.w.org/images/core/4.8/events-widget_w_420.png 420w,
     159                        https://s.w.org/images/core/4.8/events-widget_w_529.png 529w,
     160                        https://s.w.org/images/core/4.8/events-widget_w_638.png 638w,
     161                        https://s.w.org/images/core/4.8/events-widget_w_732.png 732w,
     162                        https://s.w.org/images/core/4.8/events-widget_w_827.png 827w,
     163                        https://s.w.org/images/core/4.8/events-widget_w_992.png 992w"
     164                    sizes="
     165                        ( max-width: 500px ) calc( 100vw - 40px ),
     166                        ( max-width: 782px ) calc( 48vw - 33px ),
     167                        ( max-width: 960px ) calc( 47vw - 54px ),
     168                        ( max-width: 1290px ) calc( 47vw - 112px ),
     169                        496px"
     170                    alt="" />
    124171            </div>
    125172        </div>
Note: See TracChangeset for help on using the changeset viewer.