Make WordPress Core

Ticket #26387: 26387.2.diff

File 26387.2.diff, 14.4 KB (added by melchoyce, 8 years ago)
  • wp-admin/about.php

     
    2121
    2222<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
    2323
    24 <div class="about-text"><?php printf( __( 'Thank you for updating to WordPress 3.7! You might not notice a thing, and we&#8217;re okay with that.' ), $display_version ); ?></div>
     24<div class="about-text"><?php printf( __( 'Thank you for updating to WordPress 3.8! We&rsquo;re happy to bring you the most beautiful WordPress yet.' ), $display_version ); ?></div>
    2525
    2626<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
    2727
     
    3636</h2>
    3737
    3838<div class="changelog">
    39         <h3><?php _e( 'Background Updates' ); ?></h3>
     39        <h2><?php _e( 'Introducing a new, modern admin design' ); ?></h2>
     40        <img src="https://i.cloudup.com/ZSwvsVApqN.png" />
    4041
    4142        <div class="feature-section col three-col about-updates">
    4243                <div class="col-1">
    43                         <h4><?php _e( 'Updates While You Sleep' ); ?></h4>
    44                         <p><?php _e( 'With WordPress 3.7, you don&#8217;t have to lift a finger to apply maintenance and security updates. Most sites are now able to automatically apply these updates in the background, though some configurations may not allow it.' ); ?></p>
     44                        <p style="margin-top: 20px; background-color: red; padding: 1em; color: white; min-height: 150px;">Image</p>
     45                        <h3><?php _e( 'Modern aesthetics' ); ?></h3>
     46                        <p><?php _e( 'Goodbye decoration, hello simplicity. We removed extraneous details, focusing on a cleaner, more streamlined admin design.' ); ?></p>
    4547                </div>
    4648                <div class="col-2">
    47                         <img alt="" src="<?php echo admin_url( 'images/about-updates-2x.png' ); ?>" />
     49                        <p style="margin-top: 20px; background-color: red; padding: 1em; color: white; min-height: 150px;">Image</p>
     50                        <h3><?php _e( 'Improved typography' ); ?></h3>
     51                        <p><?php _e( 'You might notice the type is a little bit bigger. We improved the typography, crafting a better reading experience.' ); ?></p>
    4852                </div>
    4953                <div class="col-3 last-feature">
    50                         <h4><?php _e( 'More Reliable Than Ever' ); ?></h4>
    51                         <p><?php _e( 'The update process has been made even more reliable and secure, with dozens of new checks and safeguards.' ); ?></p>
    52                         <p><?php _e( 'You&#8217;ll still need to click &#8220;Update Now&#8221; once WordPress 3.8 is released, but we&#8217;ve never had more confidence in that beautiful blue button.' ); ?></p>
     54                        <p style="margin-top: 20px; background-color: red; padding: 1em; color: white; min-height: 150px;">Image</p>
     55                        <h3><?php _e( 'Higher contrast' ); ?></h3>
     56                        <p><?php _e( 'With bigger typography and both high and low contrast color schemes, our new admin design is great for users of all ages.' ); ?></p>
    5357                </div>
    54                 <?php
    55                 if ( current_user_can( 'update_core' ) ) {
    56                         $future_minor_update = (object) array(
    57                                 'current'       => $wp_version . '.1.next.minor',
    58                                 'version'       => $wp_version . '.1.next.minor',
    59                                 'php_version'   => $required_php_version,
    60                                 'mysql_version' => $required_mysql_version,
    61                         );
    62                         require_once ABSPATH . 'wp-admin/includes/class-wp-upgrader.php';
    63                         $updater = new WP_Automatic_Updater;
    64                         $can_auto_update = wp_http_supports( array( 'ssl' ) ) && $updater->should_update( 'core', $future_minor_update, ABSPATH );
     58        </div>
     59</div>
    6560
    66                         if ( $can_auto_update ) {
    67                                 echo '<p class="about-auto-update cool">' . __( 'This site <strong>is</strong> able to apply these updates automatically. Cool!' ). '</p>';
     61<hr />
    6862
    69                         // If the updater is disabled entirely, don't show them anything.
    70                         } elseif ( ! $updater->is_disabled() ) {
    71                                 echo '<p class="about-auto-update">';
    72                                 // If this is is filtered to false, they won't get emails, so don't claim we will.
    73                                 // Assumption: If the user can update core, they can see what the admin email is.
     63<!-- Image example -->
     64<!-- <img alt="" src="<?php echo admin_url( 'images/about-search-2x.png' ); ?>" /> -->
    7465
    75                                 /** This filter is documented in wp-admin/includes/class-wp-upgrader.php */
    76                                 if ( apply_filters( 'send_core_update_notification_email', true, $future_minor_update ) ) {
    77                                         printf( __( 'This site <strong>is not</strong> able to apply these updates automatically. But we&#8217;ll email %s when there is a new security release.' ), esc_html( get_site_option( 'admin_email' ) ) );
    78                                 } else {
    79                                         _e( 'This site <strong>is not</strong> able to apply these updates automatically.' );
    80                                 }
    81                                 echo '</p>';
    82                         }
    83                 }
    84                 ?>
     66<div class="changelog">
     67        <div class="feature-section col two-col">
     68                <div>
     69                        <h3><?php _e( 'Take WordPress with you anywhere with our responsive design' ); ?></h3>
     70                        <p><?php _e( 'The WordPress admin is now completely responsive: you can work on your website easily from your smartphone or tablet. The full power of WordPress is at your fingertips, even when you’re on the go.' ); ?></p>
     71                        <h4><?php _e( 'Naturally HiDPI' ); ?></h4>
     72                        <p><?php _e( 'No more blurry edges — with the inclusion of vector icons and graphics, the admin is now entirely HiDPI, so you get the best viewing experience no matter what kind of computer or mobile device you use.' ); ?></p>
     73                </div>
     74                <div class="last-feature">
     75                        <img src="https://i.cloudup.com/XGa2p3ow1b.png" />
     76                </div>
    8577        </div>
    8678</div>
    8779
    88 <div class="changelog about-passwords">
    89         <h3><?php _e( 'Create Stronger Passwords' ); ?></h3>
     80<hr />
    9081
    91         <div class="feature-section col two-col">
     82<div class="changelog about-colors">
     83        <div class="feature-section col one-col">
    9284                <div>
    93                         <p><?php _e( 'Your password is your site&#8217;s first line of defense. It&#8217;s best to create passwords that are complex, long, and unique. To that end, our password meter has been updated in WordPress 3.7 to recognize common mistakes that can weaken your password: dates, names, keyboard patterns (123456789), and even pop culture references.' ); ?></p>
    94                         <p><strong><?php _e( 'Try it out on the right.' ); ?></strong></p>
     85                        <h3>Now with more color</h3>
     86                        <p><?php _e( 'Your admin is not longer monochromatic — we&rsquo;ve brought some more color to keep it looking fresh. You now have the option of four different default color schemes.' ); ?></p>
     87                        <p><?php _e( 'Try them out below:' ); ?></p>
     88                        <img src="https://i.cloudup.com/NBlGusRk0H.png" style="border: 2px solid red; max-width: 99%; margin: 0;" />
     89                        <p><?php _e( 'You can change your color scheme at any time from your profile page.' ); ?></p>
    9590                </div>
    96                 <div class="last-feature about-password-meter">
    97                         <input type="password" id="pass" size="25" value="" />
    98                         <p id="pass-strength-result" ><?php _e( 'Strength indicator' ); ?></p>
    99                         <?php printf( __( 'Getting the urge to <a href="%s">change your password</a>?' ), esc_url( self_admin_url( 'profile.php' ) ) ); ?>
    100                 </div>
    10191        </div>
    10292</div>
    10393
     94<hr />
     95
    10496<div class="changelog">
    10597        <div class="feature-section col two-col">
    10698                <div>
    107                         <h3><?php _e( 'Improved Search Results' ); ?></h3>
    108                         <p><img alt="" src="<?php echo admin_url( 'images/about-search-2x.png' ); ?>" /><?php _e( 'Search results are now ordered by how well the search query matches a post, instead of ordered only by date. For example, when your search terms match a post title, that result will be pushed to the top.' ); ?></p>
     99                        <h3><?php _e( 'A new theme experience' ); ?></h3>
     100                        <p><?php _e( 'A sleeker, faster, and more visual organization of your themes that is responsive.' ); ?></p>
     101                        <h4><?php _e( 'Browse better' ); ?></h4>
     102                        <p><?php _e( 'Enjoy a focused experience with theme screenshots at the center. Quickly search through your themes or add new ones.' ); ?></p>
     103                        <h4><?php _e( 'Dive into the details' ); ?></h4>
     104                        <p><?php _e( 'Expand a theme to see more information and preview it. Use the arrow navigation to quickly swift through your themes.' ); ?></p>
     105                        <h4><?php _e( 'Easier updates' ); ?></h4>
     106                        <p><?php _e( 'Identify immediately when a theme update is available.' ); ?></p>                         
    109107                </div>
    110108                <div class="last-feature">
    111                         <h3><?php _e( 'Better Global Support' ); ?></h3>
    112                         <p><img alt="" src="<?php echo admin_url( 'images/about-globe-2x.png' ); ?>" /><?php _e( 'Localized versions of WordPress will receive faster and more complete translations. WordPress 3.7 adds support for automatically installing the right language files and keeping them up to date.' ); ?></p>
     109                        <img src="https://i.cloudup.com/E7dZ9LDdEz.png" />
    113110                </div>
    114111        </div>
    115112</div>
    116113
     114<hr />
     115
    117116<div class="changelog">
     117        <h2><?php _e( 'Sleek New Magazine Theme' ); ?></h2>
     118        <img src="https://i.cloudup.com/OKe62hFJ5M.png" />
     119
     120        <div class="feature-section col one-col">
     121                <div>
     122                        <h3><?php _e( 'Our new default theme lets you create a responsive magazine website with an elegant, modern design.' ); ?></h3>
     123                        <p><?php _e( 'Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content&rsquo;s layout with a full width page template and a contributor page to show of your authors.' ); ?></p>
     124                        <p><?php _e( 'Creating a magazine website with WordPress has never been easier.' ); ?></p>
     125                </div>
     126        </div>
     127</div>
     128
     129<hr />
     130
     131<div class="changelog">
    118132        <h3><?php _e( 'Under the Hood' ); ?></h3>
    119133
    120134        <div class="feature-section col three-col">
    121135                <div>
    122                         <h4><?php _e( 'More Background Updates (Experimental)' ); ?></h4>
    123                         <p><?php _e( 'Want WordPress to always update automatically, even for major feature releases? Want to always keep a certain plugin up to date in the background? WordPress 3.7 comes with fine-grained update controls for developers and systems administrators.' ); ?></p>
     136                        <h4><?php _e( 'Meta query fixes' ); ?></h4>
     137                        <p><?php _e( 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis.' ); ?></p>
    124138                </div>
    125139                <div>
    126                         <h4><?php _e( 'Advanced Date Queries' ); ?></h4>
    127                         <p><?php _e( 'Developers can now query for posts within a date range, or that are older than or newer than a specific point in time. Or get really fancy: all posts written on Friday afternoons? Not&nbsp;a&nbsp;problem.' ); ?></p>
     140                        <h4><?php _e( 'Automated RTL styles' ); ?></h4>
     141                        <p><?php _e( 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis.' ); ?></p>
    128142                </div>
    129143                <div class="last-feature">
    130                         <h4><?php _e( 'Multisite Improvements' ); ?></h4>
    131                         <p><?php _e( '<code>wp_get_sites()</code> allows developers to easily get an array of all the sites on your network without resorting to a direct database query &mdash; just one of many improvements to multisite in WordPress 3.7.' ); ?></p>
     144                        <h4><?php _e( 'Improved customizer' ); ?></h4>
     145                        <p><?php _e( 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis.' ); ?></p>
    132146                </div>
    133147</div>
    134148
  • wp-admin/css/colors.css

     
    18001800        color: #464646;
    18011801}
    18021802
    1803 .about-wrap .feature-section img {
    1804         background: #fff;
    1805         border-color: #ccc;
    1806 }
    1807 
    18081803.about-wrap .feature-section .col-2:before,
    18091804.about-wrap .feature-section .col-2:after,
    18101805.about-wrap .feature-section.two-col p:before {
  • wp-admin/css/wp-admin.css

     
    77807780        font-size: 15px;
    77817781}
    77827782
    7783 .about-wrap div.updated,
    7784 .about-wrap div.error {
    7785         display: none !important;
     7783.about-wrap hr {
     7784        border: 0;
     7785        height: 0;
     7786        border-top: 1px solid rgba(0, 0, 0, 0.05);
    77867787}
    77877788
     7789.about-wrap img {
     7790        margin: 0.5em 0 0.5em 5px;
     7791        max-width: 100%;
     7792}
     7793
    77887794/* Typography */
    77897795
    77907796.about-wrap p {
     
    78167822        font-size: 24px;
    78177823}
    78187824
     7825.about-wrap .changelog h2 {
     7826        margin: 1.4em 0 0;
     7827        font-size: 2.1em;
     7828        line-height: 1.3;
     7829        text-align: center;
     7830}
     7831
    78197832.about-wrap h3 {
     7833        margin: 1em 0 .6em;
    78207834        font-size: 1.5em;
    78217835        line-height: 1.5em;
    7822         padding-top: 20px;
    78237836}
    78247837
    7825 .about-wrap .feature-section {
    7826         padding-bottom: 20px;
    7827 }
    7828 
    78297838.about-wrap .feature-section h4 {
    7830         margin-bottom: 0.6em;
     7839        margin: 1.4em 0 0.6em 0;
    78317840}
    78327841
    78337842.about-wrap .feature-section p {
     
    78997908
    79007909/* Changelog / Update screen */
    79017910
    7902 .about-wrap .feature-section.three-col img {
    7903         margin: 0.5em 0 0.5em 5px;
    7904         max-width: 100%;
    7905         float: none;
     7911.about-wrap .feature-section {
     7912        padding-bottom: 20px;
    79067913}
    79077914
    79087915.about-wrap .feature-section.col {
    79097916        margin-bottom: 0;
    79107917}
    79117918
    7912 .about-wrap .feature-section.col h4 {
    7913         margin: 0 0 0.6em 0;
     7919.about-wrap .feature-section.one-col div {
     7920        margin: auto;
     7921        width: 60%;
    79147922}
    79157923
     7924.about-wrap .about-colors .one-col div {
     7925        width: 100%;
     7926}
     7927
    79167928.about-wrap .feature-section.two-col div {
    79177929        position: relative;
    79187930        width: 47%;
     
    79277939        float: left;
    79287940}
    79297941
    7930 .about-wrap .three-col.about-updates .col-1,
    7931 .about-wrap .three-col.about-updates .col-3 {
    7932         width: 50%;
    7933         margin: 0;
    7934         -moz-box-sizing: border-box;
    7935         box-sizing: border-box;
    7936 }
    7937 
    7938 .about-wrap .three-col.about-updates .col-1 {
    7939         z-index: 1;
    7940         padding-right: 100px;
    7941 }
    7942 
    7943 .about-wrap .three-col.about-updates .col-2 {
    7944         position: absolute;
    7945         width: 100%;
    7946         text-align: center;
    7947 }
    7948 
    7949 .about-wrap .three-col.about-updates .col-3 {
    7950         padding-left: 100px;
    7951 }
    7952 
    79537942.about-wrap .feature-section.col .last-feature {
    79547943        margin-right: 0;
    79557944}
     
    80107999        margin-left: 3em;
    80118000}
    80128001
    8013 /* Icons to replace images. */
    8014 
    8015 .about-wrap .feature-section .col-2 img,
    8016 .about-wrap .feature-section.two-col p img {
    8017         display: none;
    8018 }
    8019 
    8020 .about-wrap .feature-section .col-2:before,
    8021 .about-wrap .feature-section .col-2:after,
    8022 .about-wrap .feature-section.two-col p:before {
    8023         display: inline-block;
    8024         position: relative;
    8025         font: normal 50px/125px 'dashicons';
    8026         speak: none;
    8027         content: '\f147';
    8028         -webkit-font-smoothing: antialiased;
    8029         -moz-osx-font-smoothing: grayscale;
    8030 }
    8031 
    8032 .about-wrap .feature-section .col-2:before {
    8033         width: 100%;
    8034 }
    8035 
    8036 .about-wrap .feature-section .col-2:after {
    8037         position: absolute;
    8038         top: 0;
    8039         left: 0;
    8040         width: 100%;
    8041         font-size: 170px;
    8042         line-height: 125px;
    8043         content: '\f113';
    8044 }
    8045 
    8046 .about-wrap .feature-section.two-col p:before {
    8047         float: right;
    8048         top: -25px;
    8049         font-size: 130px;
    8050         line-height: 1;
    8051         content: '\f179';
    8052 }
    8053 
    8054 .about-wrap .feature-section.two-col .last-feature p:before {
    8055         top: -15px;
    8056         font-size: 110px;
    8057         content: '\f319';
    8058 }
    8059 
    8060 .about-wrap .about-passwords .feature-section.two-col p:before {
    8061         content: '';
    8062 }
    8063 
    80648002/* Return to Dashboard Home link */
    80658003
    80668004.about-wrap .return-to-dashboard {