WordPress.org
Get WordPress

Make WordPress Core

Changeset 26718


Ignore:
Timestamp:
12/06/2013 07:49:05 AM (11 years ago)
Author:
iammattthomas
Message:

Committing a first pass at a new About page for 3.8. See #26387, props melchoyce.

Location:
trunk/src/wp-admin
Files:
4 added
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/about.php

    r25956 r26718  
    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>
    … …  
    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="<?php echo admin_url( 'images/about-overview.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: grey; 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: grey; 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>
    53         </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 );
    65 
    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>';
    68 
    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.
    74 
    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         ?>
    85     </div>
    86 </div>
    87 
    88 <div class="changelog about-passwords">
    89     <h3><?php _e( 'Create Stronger Passwords' ); ?></h3>
    90 
    91     <div class="feature-section col two-col">
    92         <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>
    95         </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' ) ) ); ?>
     54            <p style="margin-top: 20px; background-color: grey; 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>
    10057        </div>
    10158    </div>
    10259</div>
    10360
     61<hr />
     62
     63<!-- Image example -->
     64<!-- <img alt="" src="<?php echo admin_url( 'images/about-search-2x.png' ); ?>" /> -->
     65
    10466<div class="changelog">
    10567    <div class="feature-section col two-col">
    10668        <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>
     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>
    10973        </div>
    11074        <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>
     75            <img src="<?php echo admin_url( 'images/about-colors.png' ); ?>" />
    11376        </div>
    11477    </div>
    11578</div>
     79
     80<hr />
     81
     82<div class="changelog about-colors">
     83    <div class="feature-section col one-col">
     84        <div>
     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>
     90        </div>
     91    </div>
     92</div>
     93
     94<hr />
     95
     96<div class="changelog">
     97    <div class="feature-section col two-col">
     98        <div>
     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>             
     107        </div>
     108        <div class="last-feature">
     109            <img src="<?php echo admin_url( 'images/about-themes.png' ); ?>" />
     110        </div>
     111    </div>
     112</div>
     113
     114<hr />
     115
     116<div class="changelog">
     117    <h2><?php _e( 'Sleek New Magazine Theme' ); ?></h2>
     118    <img src="<?php echo admin_url( 'images/about-twentyfourteen.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 />
    116130
    117131<div class="changelog">
    … …  
    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>

  • trunk/src/wp-admin/css/colors.css

    r26677 r26718  
    17991799.about-wrap .feature-section h4 {
    18001800    color: #464646;
    1801 }
    1802 
    1803 .about-wrap .feature-section img {
    1804     background: #fff;
    1805     border-color: #ccc;
    18061801}
    18071802

  • trunk/src/wp-admin/css/wp-admin.css

    r26717 r26718  
    77907790}
    77917791
    7792 .about-wrap div.updated,
    7793 .about-wrap div.error {
    7794     display: none !important;
     7792.about-wrap hr {
     7793    border: 0;
     7794    height: 0;
     7795    border-top: 1px solid rgba(0, 0, 0, 0.05);
     7796}
     7797
     7798.about-wrap img {
     7799    margin: 0.5em 0 0.5em 5px;
     7800    max-width: 100%;
    77957801}
    77967802
    … …  
    78267832}
    78277833
     7834.about-wrap .changelog h2 {
     7835    margin: 1.4em 0 0;
     7836    font-size: 2.1em;
     7837    line-height: 1.3;
     7838    text-align: center;
     7839}
     7840
    78287841.about-wrap h3 {
     7842    margin: 1em 0 .6em;
    78297843    font-size: 1.5em;
    78307844    line-height: 1.5em;
    7831     padding-top: 20px;
    7832 }
    7833 
    7834 .about-wrap .feature-section {
    7835     padding-bottom: 20px;
    78367845}
    78377846
    78387847.about-wrap .feature-section h4 {
    7839     margin-bottom: 0.6em;
     7848    margin: 1.4em 0 0.6em 0;
    78407849}
    78417850
    … …  
    79097918/* Changelog / Update screen */
    79107919
    7911 .about-wrap .feature-section.three-col img {
    7912     margin: 0.5em 0 0.5em 5px;
    7913     max-width: 100%;
    7914     float: none;
     7920.about-wrap .feature-section {
     7921    padding-bottom: 20px;
    79157922}
    79167923
    … …  
    79197926}
    79207927
    7921 .about-wrap .feature-section.col h4 {
    7922     margin: 0 0 0.6em 0;
     7928.about-wrap .feature-section.one-col div {
     7929    margin: auto;
     7930    width: 60%;
     7931}
     7932
     7933.about-wrap .about-colors .one-col div {
     7934    width: 100%;
    79237935}
    79247936
    … …  
    79357947    margin-right: 4.999999999%;
    79367948    float: left;
    7937 }
    7938 
    7939 .about-wrap .three-col.about-updates .col-1,
    7940 .about-wrap .three-col.about-updates .col-3 {
    7941     width: 50%;
    7942     margin: 0;
    7943     -moz-box-sizing: border-box;
    7944     box-sizing: border-box;
    7945 }
    7946 
    7947 .about-wrap .three-col.about-updates .col-1 {
    7948     z-index: 1;
    7949     padding-right: 100px;
    7950 }
    7951 
    7952 .about-wrap .three-col.about-updates .col-2 {
    7953     position: absolute;
    7954     width: 100%;
    7955     text-align: center;
    7956 }
    7957 
    7958 .about-wrap .three-col.about-updates .col-3 {
    7959     padding-left: 100px;
    79607949}
    79617950
    … …  
    80188007    list-style-type: disc;
    80198008    margin-left: 3em;
    8020 }
    8021 
    8022 /* Icons to replace images. */
    8023 
    8024 .about-wrap .feature-section .col-2 img,
    8025 .about-wrap .feature-section.two-col p img {
    8026     display: none;
    8027 }
    8028 
    8029 .about-wrap .feature-section .col-2:before,
    8030 .about-wrap .feature-section .col-2:after,
    8031 .about-wrap .feature-section.two-col p:before {
    8032     display: inline-block;
    8033     position: relative;
    8034     font: normal 50px/125px 'dashicons';
    8035     speak: none;
    8036     content: '\f147';
    8037     -webkit-font-smoothing: antialiased;
    8038     -moz-osx-font-smoothing: grayscale;
    8039 }
    8040 
    8041 .about-wrap .feature-section .col-2:before {
    8042     width: 100%;
    8043 }
    8044 
    8045 .about-wrap .feature-section .col-2:after {
    8046     position: absolute;
    8047     top: 0;
    8048     left: 0;
    8049     width: 100%;
    8050     font-size: 170px;
    8051     line-height: 125px;
    8052     content: '\f113';
    8053 }
    8054 
    8055 .about-wrap .feature-section.two-col p:before {
    8056     float: right;
    8057     top: -25px;
    8058     font-size: 130px;
    8059     line-height: 1;
    8060     content: '\f179';
    8061 }
    8062 
    8063 .about-wrap .feature-section.two-col .last-feature p:before {
    8064     top: -15px;
    8065     font-size: 110px;
    8066     content: '\f319';
    8067 }
    8068 
    8069 .about-wrap .about-passwords .feature-section.two-col p:before {
    8070     content: '';
    80718009}
    80728010
Note: See TracChangeset for help on using the changeset viewer.