Make WordPress Core

Ticket #36173: 36173.3.diff

File 36173.3.diff, 13.5 KB (added by kirasong, 8 years ago)
  • src/wp-admin/about.php

    diff --git src/wp-admin/about.php src/wp-admin/about.php
    index 769a0c8..44c05c7 100644
    include( ABSPATH . 'wp-admin/admin-header.php' ); 
    4949                </h2>
    5050
    5151                <div class="headline-feature feature-video">
    52                         <iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
    53                         <script src="https://videopress.com/videopress-iframe.js"></script>
     52                        <div style="height:591px;width:1050px;background-color:#191E23;"></div>
    5453                </div>
    5554
    5655                <hr>
    5756
    58                 <div class="headline-feature feature-section one-col">
    59                         <h2><?php _e( 'Twenty Sixteen' ); ?></h2>
    60                         <div class="media-container">
    61                                 <img src="https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-2x.png 536w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-1x.png 840w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-1x.png 1086w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-2x.png 1680w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png 2172w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .8), (max-width: 1290px) calc((100vw - 240px) * .8), 840px" />
    62                         </div>
    63                         <div class="two-col">
    64                                 <div class="col">
    65                                         <h3><?php _e( 'Introducing Twenty Sixteen' ); ?></h3>
    66                                         <p><?php _e( 'Our newest default theme, Twenty Sixteen, is a modern take on a classic blog design.' ); ?></p>
    67                                         <p><?php _e( 'Twenty Sixteen was built to look great on any device. A fluid grid design, flexible header, fun color schemes, and more, will make your content shine.' ); ?></p>
    68                                         <div class="horizontal-image">
    69                                                 <div class="content">
    70                                                         <img class="feature-image horizontal-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png" alt=""  srcset="https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-2x.png 535w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-1x.png 783w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png 1566w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .5216), (max-width: 1290px) calc((100vw - 240px) * .5216), 548px" />
    71                                                 </div>
    72                                         </div>
    73                                 </div>
    74                                 <div class="col feature-image">
    75                                         <img class="vertical-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-1x.png 107w, https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-2x.png 214w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-1x.png 252w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-1x.png 410w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-2x.png 504w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png 820w" sizes="(max-width: 500px) calc((100vw - 40px) * .32), (max-width: 782px) calc((100vw - 70px) * .32), (max-width: 960px) calc((100vw - 116px) * .24), (max-width: 1290px) calc((100vw - 240px) * .24), 252px" />
    76                                 </div>
    77                         </div>
    78                 </div>
    79 
    80                 <hr />
    81 
    8257                <div class="feature-section two-col">
    83                         <div class="col">
    84                                 <div class="media-container">
    85                                         <img src="https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/responsive-devices-smartphone-1x.png 335w, https://s.w.org/images/core/4.4/responsive-devices-desktop-1x.png 500w, https://s.w.org/images/core/4.4/responsive-devices-smartphone-2x.png 670w, https://s.w.org/images/core/4.4/responsive-devices-tablet-1x.png 698w, https://s.w.org/images/core/4.4/responsive-devices-desktop-2x.png 1000w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-1x.png 1200w, https://s.w.org/images/core/4.4/responsive-devices-tablet-2x.png 1396w, https://s.w.org/images/core/4.4/responsive-devices-fullsize-2x.png 2400w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 782px) calc(100vw - 70px), (max-width: 960px) calc((100vw - 116px) * .476), (max-width: 1290px) calc((100vw - 240px) * .476), 500px" />
    86                                 </div>
     58                        <h2 style="margin: 1.5em 0 1em;font-size: 1.8em;font-weight: 300;line-height: 1.3;text-align: center;"><?php _e( 'Editing Improvements' ); ?></h2>
     59                        <div class="col" style="margin-top:1em;">
     60                                <div style="width:100%;height:300px;margin-bottom:1.5em;"><img src="https://cldup.com/klO9vWGiT3.png" /></div>
     61                                <h3><?php _e( 'Inline Linking' ); ?></h3>
     62                                <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>
    8763                        </div>
    88                         <div class="col">
    89                                 <h3><?php _e( 'Responsive images' ); ?></h3>
    90                                 <p><?php _e( 'WordPress now takes a smarter approach to displaying appropriate image sizes on any device, ensuring a perfect fit every time. You don&#8217;t need to do anything to your theme, it just works.' ); ?></p>
     64                        <div class="col" style="margin-top:1em;">
     65                                <div style=";margin-bottom:1.5em;"><img src="https://cldup.com/Zj3Sr7wekW.png" height="300" style="vertical-align: baseline;height:300px!important;" /></div>
     66                                <h3><?php _e( 'Formatting Shortcuts' ); ?></h3>
     67                                <p><?php _e( 'Enjoy using formatting shortcuts for lists and headings? Now they’re even more useful, with horizontal lines and <code>&lt;code&gt;</code>.' ); ?></p>
    9168                        </div>
    9269                </div>
    9370
    9471                <hr />
    9572
    9673                <div class="feature-section two-col">
    97                         <div class="col">
    98                                 <div class="embed-container">
    99                                         <blockquote data-secret="OcUe7B6Edh" class="wp-embedded-content"><a href="https://wordpress.org/news/2015/12/clifford/">WordPress 4.4 &ldquo;Clifford&rdquo;</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="display:none;" src="https://wordpress.org/news/2015/12/clifford/embed/#?secret=OcUe7B6Edh" data-secret="OcUe7B6Edh" width="600" height="338" title="<?php esc_attr_e( 'Embedded WordPress Post' ); ?>" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
    100                                 </div>
     74                        <h2 style="margin: 1.5em 0;font-size: 1.8em;font-weight: 300;line-height: 1.3;text-align: center;"><?php _e( 'Customization Improvements' ); ?></h2>
     75                        <div class="col" style="margin-top:1em;">
     76                                <div style=";margin-bottom:1.5em;"><img src="https://cldup.com/0iRJNVbt4G.png" height="300" style="vertical-align: baseline;height:300px!important;" /></div>
     77                                <h3><?php _e( 'Live Responsive Previews' ); ?></h3>
     78                                <p><?php _e( 'Make sure your site looks great on all screens! Preview mobile, tablet, and desktop views directly from the customizer.' ); ?></p>
    10179                        </div>
    102                         <div class="col">
    103                                 <h3><?php _e( 'Embed your WordPress content' ); ?></h3>
    104                                 <p><?php _e( 'Now you can embed your posts on other sites, even other WordPress sites. Simply drop a post URL into the editor and see an instant embed preview, complete with the title, excerpt, and featured image if you&#8217;ve set one. We&#8217;ll even include your site icon and links for comments and sharing.' ); ?></p>
    105                         </div>
    106                 </div>
    107 
    108                 <hr />
    109 
    110                 <div class="feature-section two-col">
    111                         <div class="col">
    112                                 <div class="embed-container embed-reverbnation">
    113                                         <iframe width="640" height="150" scrolling="no" frameborder="no" src="https://www.reverbnation.com/widget_code/html_widget/artist_607?widget_id=55&amp;pwc[song_ids]=3731874&amp;pwc[size]=small"></iframe>
    114                                 </div>
    115                         </div>
    116                         <div class="col">
    117                                 <h3><?php _e( 'Even more embed providers' ); ?></h3>
    118                                 <p><?php _e( 'In addition to post embeds, WordPress 4.4 also adds support for five new oEmbed providers: Cloudup, Reddit&nbsp;Comments, ReverbNation, Speaker&nbsp;Deck, and VideoPress.' ); ?></p>
     80                        <div class="col" style="margin-top:1em;">
     81                                <div style=";margin-bottom:1.5em;"><img src="https://cldup.com/HWDA8xR_8G.png" height="300" style="vertical-align: baseline;height:300px!important;" /></div>
     82                                <h3><?php _e( 'Custom Logos' ); ?></h3>
     83                                <p><?php _e( 'Themes can now choose to support logos for your business or brand. If you’re using Twenty Sixteen or Twenty Fifteen, you can check it out right now in the identity section of the customizer.' ); ?></p>
    11984                        </div>
    12085                </div>
    12186
    include( ABSPATH . 'wp-admin/admin-header.php' ); 
    12489                <div class="changelog">
    12590                        <h3><?php _e( 'Under the Hood' ); ?></h3>
    12691
    127                         <div class="feature-section under-the-hood one-col">
     92                        <div class="feature-section under-the-hood three-col">
    12893                                <div class="col">
    129                                         <h4><?php _e( 'REST API infrastructure' ); ?></h4>
    130                                         <div class="two-col-text">
    131                                                 <p><?php _e( 'Infrastructure for the REST API has been integrated into core, marking a new era in developing with WordPress. The REST API serves to provide developers with a path forward for building and extending RESTful APIs on top of WordPress.' ); ?></p>
    132                                                 <p><?php
    133                                                         if ( current_user_can( 'install_plugins' ) ) {
    134                                                                 $url_args = array(
    135                                                                         'tab'       => 'plugin-information',
    136                                                                         'plugin'    => 'rest-api',
    137                                                                         'TB_iframe' => true,
    138                                                                         'width'     => 600,
    139                                                                         'height'    => 550
    140                                                                 );
    141 
    142                                                                 $plugin_link = '<a href="' . esc_url( add_query_arg( $url_args, network_admin_url( 'plugin-install.php' ) ) ) . '" class="thickbox open-plugin-details-modal">WordPress REST API</a>';
    143                                                         } else {
    144                                                                 $plugin_link = '<a href="https://wordpress.org/plugins/rest-api">WordPress REST API</a>';
    145                                                         }
    146 
    147                                                         /* translators: WordPress REST API plugin link */
    148                                                         printf( __( 'Infrastructure is the first part of a multi-stage rollout for the REST API. Inclusion of core endpoints is targeted for an upcoming release. To get a sneak peek of the core endpoints, and for more information on extending the REST API, check out the official %s plugin.' ), $plugin_link );
    149                                                 ?></p>
    150                                         </div>
     94                                        <h4><?php _e( 'Smart Image Resizing' ); ?></h4>
     95                                        <p>Generated images now load up to 50% faster with no noticeable quality loss. <a href="https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/">It’s really cool</a>.</p>
     96                                </div>
     97                                <div class="col">
     98                                        <h4><?php _e( 'Selective Refresh' ); ?></h4>
     99                                        <p>A <a href="https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/">comprehensive framework</a> for rendering parts of the customizer preview in real time.</p>
    151100                                </div>
    152                         </div>
    153 
    154                         <div class="feature-section under-the-hood three-col">
    155101                                <div class="col">
    156                                         <h4><?php _e( 'Term meta' ); ?></h4>
    157                                         <p><?php
    158                                                 /* translators: 1: add_term_meta() docs link, 2: get_term_meta() docs link, 3: update_term_meta() docs link */
    159                                                 printf( __( 'Terms now support metadata, just like posts. See %1$s, %2$s, and %3$s for more information.' ),
    160                                                         '<a href="https://developer.wordpress.org/reference/functions/add_term_meta"><code>add_term_meta()</code></a>',
    161                                                         '<a href="https://developer.wordpress.org/reference/functions/get_term_meta"><code>get_term_meta()</code></a>',
    162                                                         '<a href="https://developer.wordpress.org/reference/functions/update_term_meta"><code>update_term_meta()</code></a>'
    163                                          );
    164                                         ?></p>
     102                                        <h4><?php _e( 'JavaScript Library Updates' ); ?></h4>
     103                                        <p>Backbone and Underscore updated to <a href="https://make.wordpress.org/core/2016/02/17/backbone-and-underscore-updated-to-latest-versions/">latest versions</a>.</p>
    165104                                </div>
     105                        </div>
     106
     107                        <div class="feature-section under-the-hood two-col">
    166108                                <div class="col">
    167                                         <h4><?php _e( 'Comment query improvements' ); ?></h4>
    168                                         <p><?php
    169                                                 /* translators: WP_Comment_Query class name */
    170                                                 printf( __( 'Comment queries now have cache handling to improve performance. New arguments in %s make crafting robust comment queries simpler.' ), '<code>WP_Comment_Query</code>' );
    171                                         ?></p>
     109                                        <h4><?php _e( 'Script Loader Improvements' ); ?></h4>
     110                                        <p>Inline JavaScript inclusion with <code>wp_add_inline_script()</code> and better support for script header/footer dependencies.</p>
    172111                                </div>
    173112                                <div class="col">
    174                                         <h4><?php _e( 'Term, comment, and network objects' ); ?></h4>
    175                                         <p><?php
    176                                                 /* translators: 1: WP_Term class name, WP_Comment class name, WP_Network class name */
    177                                                 printf( __( 'New %1$s, %2$s, and %3$s objects make interacting with terms, comments, and networks more predictable and intuitive in code.' ),
    178                                                         '<code>WP_Term</code>',
    179                                                         '<code>WP_Comment</code>',
    180                                                         '<code>WP_Network</code>'
    181                                                 );
    182                                         ?></p>
     113                                        <h4><?php _e( 'Better Embed Templates' ); ?></h4>
     114                                        <p>Embed templates have been split into parts and can be directly overridden by themes via the template hierarchy.</p>
    183115                                </div>
    184116                        </div>
    185117
  • src/wp-admin/css/about.css

    diff --git src/wp-admin/css/about.css src/wp-admin/css/about.css
    index 543625f..0742d19 100644
     
    147147        margin-right: 4.799999999%;
    148148        width: -webkit-calc( 47.6% - 4px );
    149149        width: calc( 47.6% - 4px );
    150         vertical-align: middle;
     150        vertical-align: top;
    151151}
    152152
    153153.about-wrap .three-col .col {