WordPress.org

Make WordPress Core

Ticket #26387: 26387.diff

File 26387.diff, 14.2 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        <p style="margin-top: 20px; background-color: red; padding: 1em; color: white; min-height: 250px;">Image</p>
    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                        <p style="margin-top: 30px; background-color: red; padding: 1em; color: white; min-height: 250px;">Image</p>
     76                </div>
    8577        </div>
    8678</div>
    8779
    88 <div class="changelog about-passwords">
    89         <h3><?php _e( 'Create Stronger Passwords' ); ?></h3>
     80<hr />
    9081
     82<div class="changelog">
    9183        <div class="feature-section col two-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                        <p style="margin-top: 20px; background-color: red; padding: 1em; color: white; min-height: 250px;">Image</p>
    9586                </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' ) ) ); ?>
     87                <div class="last-feature">
     88                        <h3><?php _e( 'A more streamlined dashboard' ); ?></h3>
     89                        <p><?php _e( 'See site content, your recent activity, and site stats at a glance.' ); ?></p>
     90                        <h4><?php _e( 'Quick Draft for when inspiration strikes' ); ?></h4>
     91                        <p><?php _e( 'Get your thoughts down quickly before your fickle muse disappears.' ); ?></p>
     92                        <h4><?php _e( 'Consolidated news' ); ?></h4>
     93                        <p><?php _e( 'Keep up with WordPress news and the top blogs and posts.' ); ?></p>
     94                        <h4><?php _e( 'Choose your focus' ); ?></h4>
     95                        <p><?php _e( 'Fully customize your dashboard experience under Screen Options. Re-order sections to put what’s most important to you, front and center.' ); ?></p>               
    10096                </div>
    10197        </div>
    10298</div>
    10399
     100<hr />
     101
    104102<div class="changelog">
    105103        <div class="feature-section col two-col">
    106104                <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>
     105                        <h3><?php _e( 'A new theme experience' ); ?></h3>
     106                        <p><?php _e( 'A sleeker, faster, and more visual organization of your themes that is responsive.' ); ?></p>
     107                        <h4><?php _e( 'Browse better' ); ?></h4>
     108                        <p><?php _e( 'Enjoy a focused experience with theme screenshots at the center. Quickly search through your themes or add new ones.' ); ?></p>
     109                        <h4><?php _e( 'Dive into the details' ); ?></h4>
     110                        <p><?php _e( 'Expand a theme to see more information and preview it. Use the arrow navigation to quickly swift through your themes.' ); ?></p>
     111                        <h4><?php _e( 'Easier updates' ); ?></h4>
     112                        <p><?php _e( 'Identify immediately when a theme update is available.' ); ?></p>                         
    109113                </div>
    110114                <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>
     115                        <p style="margin-top: 30px; background-color: red; padding: 1em; color: white; min-height: 250px;">Image</p>
    113116                </div>
    114117        </div>
    115118</div>
    116119
     120<hr />
     121
    117122<div class="changelog">
     123        <h2><?php _e( 'Sleek New Magazine Theme' ); ?></h2>
     124        <p style="margin-top: 20px; background-color: red; padding: 1em; color: white; min-height: 250px;">Image</p>
     125
     126        <div class="feature-section col one-col">
     127                <div>
     128                        <h3><?php _e( 'Our new default theme lets you create a responsive magazine website with an elegant, modern design.' ); ?></h3>
     129                        <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>
     130                        <p><?php _e( 'Creating a magazine website with WordPress has never been easier.' ); ?></p>
     131                </div>
     132        </div>
     133</div>
     134
     135<hr />
     136
     137<div class="changelog">
    118138        <h3><?php _e( 'Under the Hood' ); ?></h3>
    119139
    120140        <div class="feature-section col three-col">
    121141                <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>
     142                        <h4><?php _e( 'Meta query fixes' ); ?></h4>
     143                        <p><?php _e( 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis.' ); ?></p>
    124144                </div>
    125145                <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>
     146                        <h4><?php _e( 'Automated RTL styles' ); ?></h4>
     147                        <p><?php _e( 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis.' ); ?></p>
    128148                </div>
    129149                <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>
     150                        <h4><?php _e( 'Improved customizer' ); ?></h4>
     151                        <p><?php _e( 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis.' ); ?></p>
    132152                </div>
    133153</div>
    134154
  • wp-admin/css/wp-admin.css

     
    78167816        font-size: 24px;
    78177817}
    78187818
     7819.about-wrap .changelog h2 {
     7820        margin: 2em 0 1em;
     7821        font-size: 2.1em;
     7822        text-align: center;
     7823}
     7824
    78197825.about-wrap h3 {
     7826        margin: 1em 0 .6em;
    78207827        font-size: 1.5em;
    78217828        line-height: 1.5em;
    7822         padding-top: 20px;
    78237829}
    78247830
    78257831.about-wrap .feature-section {
     
    78397845        font-size: 14px;
    78407846}
    78417847
     7848.about-wrap hr {
     7849        border: 0;
     7850        height: 0;
     7851        border-top: 1px solid rgba(0, 0, 0, 0.05);
     7852}
    78427853
     7854
    78437855/* Point Releases */
    78447856
    78457857.about-wrap .point-releases {
     
    78997911
    79007912/* Changelog / Update screen */
    79017913
    7902 .about-wrap .feature-section.three-col img {
     7914.about-wrap img {
    79037915        margin: 0.5em 0 0.5em 5px;
    79047916        max-width: 100%;
    7905         float: none;
     7917        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     7918        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    79067919}
    79077920
    79087921.about-wrap .feature-section.col {
     
    79107923}
    79117924
    79127925.about-wrap .feature-section.col h4 {
    7913         margin: 0 0 0.6em 0;
     7926        margin: 1.4em 0 0.6em 0;
    79147927}
    79157928
     7929.about-wrap .feature-section.one-col div {
     7930        margin: auto;
     7931        width: 60%;
     7932}
     7933
    79167934.about-wrap .feature-section.two-col div {
    79177935        position: relative;
    79187936        width: 47%;
     
    79277945        float: left;
    79287946}
    79297947
    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 
    79537948.about-wrap .feature-section.col .last-feature {
    79547949        margin-right: 0;
    79557950}
     
    80108005        margin-left: 3em;
    80118006}
    80128007
    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 
    80648008/* Return to Dashboard Home link */
    80658009
    80668010.about-wrap .return-to-dashboard {