WordPress.org

Make WordPress Core

Changeset 22379


Ignore:
Timestamp:
11/05/2012 09:12:46 PM (8 years ago)
Author:
ryan
Message:

Welcome screen refresh. Now with icons. Props lessbloat, empireoflight. fixes #21368

Location:
trunk/wp-admin
Files:
2 added
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/wp-admin.css

    r22377 r22379  
    22202220    border-radius: 3px;
    22212221    font-size: 13px;
    2222     line-height: 1.6em;
     2222    line-height: 2.1em;
    22232223}
    22242224
     
    22262226    margin: 0;
    22272227    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
    2228     font-size: 32px;
     2228    font-size: 21px;
    22292229    font-weight: normal;
    22302230    line-height: 1.2;
     
    22362236
    22372237.welcome-panel .about-description {
    2238     font-size: 18px;
     2238    font-size: 16px;
    22392239    margin: 0;
    22402240}
     
    22662266    height: 46px;
    22672267    line-height: 44px;
    2268     margin: -9px 0 3px;
     2268    margin: 15px 0 3px;
    22692269    padding: 0 36px;
    22702270}
     
    23002300
    23012301.welcome-panel-column p {
    2302     margin-top: 5px;
     2302    margin-top: 7px;
     2303}
     2304
     2305.welcome-panel .welcome-add-page {
     2306    background: url('../images/welcome-icons.png') no-repeat 0 -1px;
     2307}
     2308
     2309.welcome-panel .welcome-edit-page {
     2310    background: url('../images/welcome-icons.png') no-repeat 0px -92px;
     2311}
     2312
     2313.welcome-panel .welcome-learn-more {
     2314    background: url('../images/welcome-icons.png') no-repeat 0px -138px;
     2315}
     2316
     2317.welcome-panel .welcome-comments {
     2318    background: url('../images/welcome-icons.png') no-repeat 0px -184px;
     2319}
     2320
     2321.welcome-panel .welcome-view-site {
     2322    background: url('../images/welcome-icons.png') no-repeat 0px -276px;
     2323}
     2324
     2325.welcome-panel .welcome-widgets-menus {
     2326    background: url('../images/welcome-icons.png') no-repeat 1px -230px;
     2327    line-height: 14px;
     2328}
     2329 
     2330.welcome-panel .welcome-write-blog {
     2331    background: url('../images/welcome-icons.png') no-repeat 0px -46px;
     2332}
     2333
     2334.welcome-panel .welcome-add-page,
     2335.welcome-panel .welcome-edit-page,
     2336.welcome-panel .welcome-learn-more,
     2337.welcome-panel .welcome-comments,
     2338.welcome-panel .welcome-view-site,
     2339.welcome-panel .welcome-widgets-menus,
     2340.welcome-panel .welcome-write-blog {
     2341    background-size: 16px;
     2342    display: block;
     2343    padding: 2px 0 8px 32px;
     2344}
     2345
     2346@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     2347    .welcome-panel .welcome-add-page {
     2348        background: url('../images/welcome-icons-2x.png') no-repeat 0 -1px;
     2349        background-size: 16px;
     2350    }
     2351   
     2352    .welcome-panel .welcome-edit-page {
     2353        background: url('../images/welcome-icons-2x.png') no-repeat 0px -92px;
     2354        background-size: 16px;
     2355    }
     2356   
     2357    .welcome-panel .welcome-learn-more {
     2358        background: url('../images/welcome-icons-2x.png') no-repeat 0px -138px;
     2359        background-size: 16px;
     2360    }
     2361   
     2362    .welcome-panel .welcome-comments {
     2363        background: url('../images/welcome-icons-2x.png') no-repeat 0px -184px;
     2364        background-size: 16px;
     2365    }
     2366   
     2367    .welcome-panel .welcome-view-site {
     2368        background: url('../images/welcome-icons-2x.png') no-repeat 0px -276px;
     2369        background-size: 16px;
     2370    }
     2371   
     2372    .welcome-panel .welcome-widgets-menus {
     2373        background: url('../images/welcome-icons-2x.png') no-repeat 1px -230px;
     2374        background-size: 16px;
     2375    }
     2376     
     2377    .welcome-panel .welcome-write-blog {
     2378        background: url('../images/welcome-icons-2x.png') no-repeat 0px -46px;
     2379        background-size: 16px;
     2380    }
    23032381}
    23042382
    23052383.welcome-panel .welcome-panel-column ul {
    2306     margin: 0.4em 1em 1em 1.3em;
     2384    margin: 0.8em 1em 1em 0;
    23072385}
    23082386
    23092387.welcome-panel .welcome-panel-column li {
    2310     list-style-type: disc;
    2311     padding-left: 2px;
     2388    line-height: 16px;
     2389    list-style-type: none;
    23122390}
    23132391
     
    23312409    .welcome-panel .welcome-panel-column ul {
    23322410        margin: 0.4em 0 0;
     2411    }
     2412   
     2413    .welcome-panel .welcome-add-page,
     2414    .welcome-panel .welcome-edit-page,
     2415    .welcome-panel .welcome-learn-more,
     2416    .welcome-panel .welcome-comments,
     2417    .welcome-panel .welcome-view-site,
     2418    .welcome-panel .welcome-widgets-menus,
     2419    .welcome-panel .welcome-write-blog {
     2420        padding-left: 25px;
    23332421    }
    23342422}
  • trunk/wp-admin/includes/dashboard.php

    r22306 r22379  
    12431243    <div class="welcome-panel-column">
    12441244        <h4><?php _e( 'Get Started' ); ?></h4>
    1245         <p><?php _e( 'First, tweak the look of your site:' ); ?></p>
    12461245        <a class="button-primary welcome-button load-customize hide-if-no-customize" href="<?php echo wp_customize_url(); ?>"><?php _e( 'Customize Your Site' ); ?></a>
    12471246        <a class="button-primary welcome-button hide-if-customize" href="<?php echo admin_url( 'themes.php' ); ?>"><?php _e( 'Customize Your Site' ); ?></a>
     
    12541253        <ul>
    12551254        <?php if ( 'page' == get_option( 'show_on_front' ) && ! get_option( 'page_for_posts' ) ) : ?>
    1256             <li><?php printf( '<a href="%s">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
    1257             <li><?php printf( '<a href="%s">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1255            <li><?php printf( '<a href="%s" class="welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
     1256            <li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    12581257        <?php elseif ( 'page' == get_option( 'show_on_front' ) ) : ?>
    1259             <li><?php printf( '<a href="%s">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
    1260             <li><?php printf( '<a href="%s">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    1261             <li><?php printf( '<a href="%s">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
     1258            <li><?php printf( '<a href="%s" class="welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
     1259            <li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1260            <li><?php printf( '<a href="%s" class="welcome-write-blog">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
    12621261        <?php else : ?>
    1263             <li><?php printf( '<a href="%s">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
    1264             <li><?php printf( '<a href="%s">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1262            <li><?php printf( '<a href="%s" class="welcome-write-blog">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
     1263            <li><?php printf( '<a href="%s" class="welcome-add-page">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    12651264        <?php endif; ?>
    1266             <li><?php printf( '<a href="%s">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
     1265            <li><?php printf( '<a href="%s" class="welcome-view-site">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
    12671266        </ul>
    12681267    </div>
    12691268    <div class="welcome-panel-column welcome-panel-last">
    1270         <h4><?php _e( 'Learn How To' ); ?></h4>
     1269        <h4><?php _e( 'More Actions' ); ?></h4>
    12711270        <ul>
    1272             <li><?php printf( '<a id="wp350_add_images" href="%s">' . __( 'Add image/media' ) . '</a>', admin_url( 'media-new.php' ) ); ?></li>
    1273             <li><?php printf( '<a id="wp350_widgets" href="%s">' . __( 'Add/remove widgets' ) . '</a>', admin_url( 'widgets.php' ) ); ?></li>
    1274             <li><?php printf( '<a id="wp350_edit_menu" href="%s">' . __( 'Edit your navigation menu' ) . '</a>', admin_url( 'nav-menus.php' ) ); ?></li>
     1271            <li><?php printf( '<div class="welcome-widgets-menus">Manage <a href="%s">' . __( 'widgets' ) . '</a> or <a href="%s">' . __( 'menus' ) . '</a></div>', admin_url( 'widgets.php' ), admin_url( 'nav-menus.php' ) ); ?></li>
     1272            <li><?php printf( '<a href="%s" class="welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>
     1273            <li><?php printf( '<a href="%s" class="welcome-learn-more">' . __( 'Learn more about getting started' ) . '</a>', 'http://codex.wordpress.org/First_Steps_With_WordPress' ); ?></li>
    12751274        </ul>
    12761275    </div>
Note: See TracChangeset for help on using the changeset viewer.