WordPress.org

Make WordPress Core

Ticket #37246: 37246.diff

File 37246.diff, 14.4 KB (added by hugobaeta, 3 years ago)

First pass. Updated sections and text strings. Still needs interactive bits and images.

  • src/wp-admin/about.php

     
    2929        <div class="wrap about-wrap">
    3030                <h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
    3131
    32                 <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s streamlines your workflow, whether you&#8217;re writing or building your site.' ), $display_version ); ?></div>
     32                <div class="about-text"><?php printf( __( 'Thank you for updating to WordPress %s! We changed a lot behind the scenes to make your WordPress experience even better.' ), $display_version ); ?></div>
    3333                <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
    3434
    3535                <h2 class="nav-tab-wrapper wp-clearfix">
     
    4545
    4646                <hr>
    4747
    48                 <div class="feature-section two-col">
    49                         <h2><?php _e( 'Editing Improvements' ); ?></h2>
    50                         <div class="col">
    51                                 <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"/>
    52                                 <h3><?php _e( 'Inline Linking' ); ?></h3>
    53                                 <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>
     48                <div class="streamlined-updates feature-section one-col">
     49                        <h2><?php _e( 'Streamlined Updates' ); ?></h2>
     50                        <p><?php _e( 'Inline Updates replaces progress updates with a simpler and more straight forward experience when installing, updating, and deleting plugins and themes.' ); ?></p>
     51                        <div class="streamlined-updates-demo">
     52                                <!-- Interactive Demo goes here -->
    5453                        </div>
    55                         <div class="col">
    56                                 <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"/>
    57                                 <h3><?php _e( 'Formatting Shortcuts' ); ?></h3>
    58                                 <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>
     54                </div>
     55
     56                <hr>
     57
     58                <div class="native-fonts feature-section one-col">
     59                        <h2><?php _e( 'Native Fonts' ); ?></h2>
     60                        <p><?php _e( '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>
     61                        <div class="native-fonts-demo">
     62                                <!-- Interactive Demo goes here -->
    5963                        </div>
    6064                </div>
    6165
    62                 <hr />
     66                <hr>
    6367
    6468                <div class="feature-section two-col">
    65                         <h2><?php _e( 'Customization Improvements' ); ?></h2>
     69                        <h2><?php _e( 'Editor Improvements' ); ?></h2>
    6670                        <div class="col">
    67                                 <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"/>
    68                                 <h3><?php _e( 'Live Responsive Previews' ); ?></h3>
    69                                 <p><?php _e( 'Make sure your site looks great on all screens!' ); ?>
    70                                         <?php
    71                                         if ( current_user_can( 'customize' ) ) {
    72                                                 $customize_url = admin_url( 'customize.php' );
    73                                                 printf(
    74                                                         /* translators: %s: URL to customizer */
    75                                                         __( 'Preview mobile, tablet, and desktop views directly in the <a href="%s" class="load-customize">customizer</a>.' ),
    76                                                         esc_url( $customize_url )
    77                                                 );
    78                                         } else {
    79                                                 _e( 'Preview mobile, tablet, and desktop views directly in the customizer.' );
    80                                         }
    81                                 ?></p>
     71                                <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"/>
     72                                <h3><?php _e( 'Broken Link Checker' ); ?></h3>
     73                                <p><?php _e( '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>
    8274                        </div>
    8375                        <div class="col">
    84                                 <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"/>
    85                                 <h3><?php _e( 'Custom Logos' ); ?></h3>
    86                                 <p><?php _e( 'Themes can now support logos for your business or brand.' ); ?>
    87                                         <?php
    88                                         if ( current_theme_supports( 'custom-logo' ) && current_user_can( 'customize' ) ) {
    89                                                 printf(
    90                                                         /* translators: %s: URL to Site Identity section of the customizer */
    91                                                         __( '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.' ),
    92                                                         esc_url( add_query_arg( array( 'autofocus' => array( 'section' => 'title_tagline' ) ), $customize_url ) )
    93                                                 );
    94                                         } else {
    95                                                 _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.' );
    96                                         }
    97                                         ?></p>
     76                                <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"/>
     77                                <h3><?php _e( 'Simplified Disaster Recovery' ); ?></h3>
     78                                <p><?php _e( 'As you type, WordPress saves your content to the browser. Recovering saved content is even easier with WordPress 4.6.' ); ?></p>
    9879                        </div>
    9980                </div>
    10081
     
    10586
    10687                        <div class="under-the-hood three-col">
    10788                                <div class="col">
    108                                         <h3><?php _e( 'Selective Refresh' ); ?></h3>
    109                                         <p><?php
    110                                                 printf(
    111                                                         /* translators: %s: URL to the development post of the new feature */
    112                                                         __( 'The customizer now supports a <a href="%s">comprehensive framework</a> for rendering parts of the preview without rewriting your PHP code in JavaScript.' ),
    113                                                         'https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/'
    114                                                 );
    115                                                 if ( current_user_can( 'customize' ) && current_user_can( 'edit_theme_options' ) ) {
    116                                                         if ( current_theme_supports( 'menus' ) && ! current_theme_supports( 'customize-selective-refresh-widgets' ) ) {
    117                                                                 printf(
    118                                                                         /* translators: %s: URL to Menus section of the customizer  */
    119                                                                         ' ' . __( 'See it in action with <a href="%s" class="load-customize">Menus</a>.' ),
    120                                                                         esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'nav_menus' ) ), $customize_url ) )
    121                                                                 );
    122                                                         } elseif ( current_theme_supports( 'customize-selective-refresh-widgets' ) ) { // If widgets are supported, menus are also because of the menus widget.
    123                                                                 printf(
    124                                                                         /* translators: 1: URL to Menus section of the customizer, 2: URL to Widgets section of the customizer */
    125                                                                         ' ' . __( 'See it in action with <a href="%1$s" class="load-customize">Menus</a> or <a href="%2$s" class="load-customize">Widgets</a>.' ),
    126                                                                         esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'nav_menus' ) ), $customize_url ) ),
    127                                                                         esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'widgets' ) ), $customize_url ) )
    128                                                                 );
    129                                                         }
    130                                                 }
    131                                         ?></p>
     89                                        <h3><?php _e( 'Helpful Hints' ); ?></h3>
     90                                        <p><?php _e( 'Resource Hints allow browsers to perform background tasks that make sites load faster.' ); ?></p>
    13291                                </div>
    13392                                <div class="col">
    134                                         <h3><?php _e( 'Smart Image Resizing' ); ?></h3>
    135                                         <p><?php
    136                                                 printf(
    137                                                         /* translators: %s: URL to the development post of the new feature */
    138                                                         __( 'Generated images now load up to 50&#37; faster with no noticeable quality loss. <a href="%s">It&#8217;s really cool</a>.' ),
    139                                                         'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/'
    140                                                 );
    141                                         ?></p>
     93                                        <h3><?php _e( 'Robust Requests' ); ?></h3>
     94                                        <p><?php _e( 'The HTTP API now leverages the Requests library, improving HTTP standard support and adding case-insensitive headers, parallel HTTP requests, and support for Internationalized Domain Names.' ); ?></p>
    14295                                </div>
    14396                                <div class="col">
    144                                         <h3><?php _e( 'JavaScript Library Updates' ); ?></h3>
    145                                         <p><?php _e( 'jQuery 1.12.3, jQuery Migrate 1.4.0, Backbone 1.2.3, and Underscore 1.8.3 are bundled.' ); ?></p>
     97                                        <h3><?php _e( 'Meta Meta' ); ?></h3>
     98                                        <p><?php _e( 'The Meta Registration API has been expanded to support types, descriptions, and REST API visibility.' ); ?></p>
    14699                                </div>
    147100                        </div>
    148101
    149                         <div class="under-the-hood two-col">
     102                        <div class="under-the-hood three-col">
    150103                                <div class="col">
    151                                         <h3><?php _e( 'Script Loader Improvements' ); ?></h3>
    152                                         <p><?php
    153                                                 printf(
    154                                                         /* translators: %s: wp_add_inline_script() */
    155                                                         __( 'Better support has been added for script header/footer dependencies. New %s enables adding extra code to registered scripts.' ),
    156                                                         '<code><a href="https://make.wordpress.org/core/2016/03/08/enhanced-script-loader-in-wordpress-4-5/">wp_add_inline_script()</a></code>'
    157                                                 );
    158                                         ?></p>
     104                                        <h3><?php _e( 'Quantifiable Queries' ); ?></h3>
     105                                        <p><?php _e( 'New <code>WP_Site_Query</code>, <code>WP_Network_Query</code>, and <code>WP_Term_Query</code> classes add flexibility to querying for site, network, and term information.' ); ?></p>
    159106                                </div>
    160107                                <div class="col">
    161                                         <h3><?php _e( 'Better Embed Templates' ); ?></h3>
    162                                         <p><?php
    163                                                 printf(
    164                                                         /* translators: %s: URL to the development post of the new feature */
    165                                                         __( 'Embed templates have been split into parts and can be <a href="%s">directly overridden by themes</a> via the template hierarchy.' ),
    166                                                         'https://make.wordpress.org/core/2016/03/11/embeds-changes-in-wordpress-4-5/'
    167                                                 );
    168                                         ?></p>
     108                                        <h3><?php _e( 'Timely Translations' ); ?></h3>
     109                                        <p><?php _e( 'Preference is now given to <a href=”https://translate.wordpress.org/”>translations</a> for plugins and themes served from WordPress.org which allows WordPress to load them just-in-time.' ); ?></p>
    169110                                </div>
     111                                <div class="col">
     112                                        <h3><?php _e( 'JavaScript Library Updates' ); ?></h3>
     113                                        <p><?php _e( 'Masonry 3.3.2, imagesLoaded 3.2.0, MediaElement.js 2.22.0, TinyMCE 4.4.0, and Backbone.js 1.3.3 are bundled.' ); ?></p>
     114                                </div>
    170115                        </div>
    171116
    172                         <div class="return-to-dashboard">
    173                                 <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
    174                                         <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
    175                                                 <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
    176                                         </a> |
    177                                 <?php endif; ?>
    178                                 <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
    179                         </div>
     117                </div>
    180118
     119                <hr />
     120
     121                <div class="return-to-dashboard">
     122                        <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
     123                                <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
     124                                        <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
     125                                </a> |
     126                        <?php endif; ?>
     127                        <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
    181128                </div>
     129
    182130        </div>
    183131<?php
    184132
  • src/wp-admin/css/about.css

     
    8888/* 1.1 - Typography */
    8989
    9090.about-wrap p {
    91         line-height: 1.6em;
     91        line-height: 1.5;
    9292        font-size: 14px;
     93        max-width: 38em;
     94        margin-left: auto;
     95        margin-right: auto;
    9396}
    9497
    9598.about-wrap h1 {
     
    109112        text-align: center;
    110113}
    111114
    112 .about-wrap .changelog h2,
    113115.about-wrap h3 {
    114116        margin: 1.25em 0 .6em;
    115117        font-size: 1.25em;
    116         line-height: 1.5em;
     118        line-height: 1.5;
    117119}
    118120
    119 .about-wrap .changelog h2 {
    120         margin-top: 40px;
    121         font-weight: 600;
    122         text-align: left;
    123 }
    124 
    125121.about-wrap h4 {
    126122        color: #23282d;
    127123}