WordPress.org
Get WordPress

Make WordPress Core

Changeset 22018


Ignore:
Timestamp:
09/26/2012 07:44:43 PM (14 years ago)
Author:
nacin
Message:

New design and content for the welcome panel. First pass.

props lessbloat, helenyhou, georgestephanis, sabreuse, ryelle.
see #21368.

Location:
trunk
Files:
8 edited

Legend:

Unmodified
Added
Removed

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

    r22016 r22018  
    855855
    856856.welcome-panel {
     857        background: #f7fcfe;
    857858        border-color: #d1e5ee;
    858859}
    … …  
    864865}
    865866.welcome-panel h3 {
    866         text-shadow: 1px 1px 1px white;
     867        text-shadow: 1px 1px 1px #fff;
    867868}
    868869

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

    r21944 r22018  
    846846
    847847.welcome-panel {
     848        background: #f5f5f5;
     849        background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
     850        background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
     851        background-image:    -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
     852        background-image:      -o-linear-gradient(bottom, #f5f5f5, #fafafa);
     853        background-image: linear-gradient(to top, #f5f5f5, #fafafa);
    848854        border-color: #dfdfdf;
    849855}
    … …  
    855861}
    856862.welcome-panel h3 {
    857         text-shadow: 1px 1px 1px white;
     863        text-shadow: 1px 1px 1px #fff;
    858864}
    859865

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

    r21955 r22018  
    589589.welcome-panel .wp-badge {
    590590        float: right;
    591 }
    592 
    593 .welcome-panel-content .about-description, .welcome-panel h3 {
    594         margin-left: 0;
    595         margin-right: 190px;
    596591}
    597592

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

    r22007 r22018  
    13711371        top: -1000em;
    13721372        left: 146px;
    1373         z-index: 999;
     1373        z-index: 10000;
    13741374        overflow: visible;
    13751375        border-width: 1px;
    … …  
    21772177/* Welcome Panel */
    21782178.welcome-panel {
    2179         margin: 20px 8px;
    2180         padding: 30px 10px 20px;
    2181         border-width: 1px 0;
     2179        position: relative;
     2180        overflow: auto;
     2181        margin: 20px 0;
     2182        padding: 23px 10px 12px;
     2183        border-width: 1px;
    21822184        border-style: solid;
    2183         position: relative;
     2185        border-radius: 3px;
     2186        font-size: 13px;
    21842187        line-height: 1.6em;
    2185         overflow: auto;
    21862188}
    21872189
    21882190.welcome-panel h3 {
     2191        margin: 0;
    21892192        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
    21902193        font-size: 32px;
    21912194        font-weight: normal;
    21922195        line-height: 1.2;
    2193         margin: 0.1em 0 0.8em;
    21942196}
    21952197.welcome-panel h4 {
    2196         font-size: 14px;
     2198        margin: 1.33em 0 0;
     2199        font-size: 13px;
     2200}
     2201
     2202.welcome-panel .about-description {
     2203        font-size: 18px;
     2204        margin: 0;
    21972205}
    21982206
    … …  
    22072215
    22082216.welcome-panel .welcome-panel-close:before {
     2217        content: ' ';
     2218        position: absolute;
     2219        left: -12px;
     2220        width: 10px;
     2221        height: 100%;
    22092222        background: url('../images/xit.gif') 0 17% no-repeat;
    2210         content: ' ';
    2211         height: 100%;
    2212         width: 10px;
    2213         left: -12px;
    2214         position: absolute;
    22152223}
    22162224
    … …  
    22192227}
    22202228
    2221 .welcome-panel .wp-badge {
    2222         float: left;
    2223         margin-bottom: 20px;
     2229.welcome-button {
     2230        margin: -9px 0 3px;
     2231        padding: 1em 3em;
     2232        font: normal 15px/1 sans-serif;
    22242233}
    22252234
    22262235.welcome-panel-content {
     2236        margin-left: 13px;
    22272237        max-width: 1500px;
    2228 }
    2229 
    2230 .welcome-panel-content .about-description,
    2231 .welcome-panel h3 {
    2232         margin-left: 190px;
    2233 }
    2234 
    2235 .welcome-panel p.welcome-panel-dismiss {
    2236         clear: both;
    2237         padding: 1em 0 0 0;
    22382238}
    22392239
    … …  
    22422242        overflow: hidden;
    22432243        position: relative;
    2244         padding-left: 26px;
    22452244}
    22462245
    22472246.welcome-panel .welcome-panel-column {
    2248         margin: 0 5% 0 -25px;
    2249         padding-left: 25px;
    2250         width: 30%;
     2247        width: 32%;
    22512248        min-width: 200px;
    22522249        float: left;
    22532250}
    22542251
     2252.welcome-panel .welcome-panel-column:first-child {
     2253        width: 36%;
     2254}
     2255
    22552256.welcome-panel .welcome-panel-column.welcome-panel-last {
    22562257        margin-right: 0;
    … …  
    22612262}
    22622263
     2264.welcome-panel-column p {
     2265        margin-top: 5px;
     2266}
     2267
    22632268.welcome-panel .welcome-panel-column ul {
    2264         margin: 1.6em 1em 1em 1.3em;
     2269        margin: 0.4em 1em 1em 1.3em;
    22652270}
    22662271
    … …  
    22702275}
    22712276
     2277@media screen and (max-width: 870px) {
     2278        .welcome-button {
     2279                font-size: 14px;
     2280                padding: 1em 2.3em;
     2281        }
     2282
     2283        .welcome-panel .welcome-panel-column, .welcome-panel .welcome-panel-column:first-child {
     2284                display: block;
     2285                float: none;
     2286                width: 100%;
     2287        }
     2288        .welcome-panel .welcome-panel-column li {
     2289                display: inline-block;
     2290                margin-right: 13px;
     2291        }
     2292        .welcome-panel .welcome-panel-column ul {
     2293                margin: 0.4em 0 0;
     2294        }
     2295}
    22722296
    22732297/*------------------------------------------------------------------------------

  • trunk/wp-admin/includes/dashboard.php

    r21996 r22018  
    12331233 */
    12341234function wp_welcome_panel() {
    1235         global $wp_version;
    1236 
    1237         if ( ! current_user_can( 'edit_theme_options' ) )
    1238                 return;
    1239 
    1240         $classes = 'welcome-panel';
    1241 
    1242         $option = get_user_meta( get_current_user_id(), 'show_welcome_panel', true );
    1243         // 0 = hide, 1 = toggled to show or single site creator, 2 = multisite site owner
    1244         $hide = 0 == $option || ( 2 == $option && wp_get_current_user()->user_email != get_option( 'admin_email' ) );
    1245         if ( $hide )
    1246                 $classes .= ' hidden';
    1247 
    1248         list( $display_version ) = explode( '-', $wp_version );
    12491235        ?>
    1250         <div id="welcome-panel" class="<?php echo esc_attr( $classes ); ?>">
    1251         <?php wp_nonce_field( 'welcome-panel-nonce', 'welcomepanelnonce', false ); ?>
    1252         <a class="welcome-panel-close" href="<?php echo esc_url( admin_url( '?welcome=0' ) ); ?>"><?php _e('Dismiss'); ?></a>
    1253         <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
    1254 
    12551236        <div class="welcome-panel-content">
    1256         <h3><?php _e( 'Welcome to your new WordPress site!' ); ?></h3>
    1257         <p class="about-description"><?php _e( 'If you need help getting started, check out our documentation on <a href="http://codex.wordpress.org/First_Steps_With_WordPress">First Steps with WordPress</a>. If you&#8217;d rather dive right in, here are a few things most people do first when they set up a new WordPress site. If you need help, use the Help tabs in the upper right corner to get information on how to use your current screen and where to go for more assistance.' ); ?></p>
     1237        <h3><?php _e( 'Welcome to WordPress!' ); ?></h3>
     1238        <p class="about-description"><?php _e( 'We&#8217;ve assembled some links to get you started:' ); ?></p>
    12581239        <div class="welcome-panel-column-container">
    12591240        <div class="welcome-panel-column">
    1260                 <h4><span class="icon16 icon-settings"></span> <?php _e( 'Basic Settings' ); ?></h4>
    1261                 <p><?php _e( 'Here are a few easy things you can do to get your feet wet. Make sure to click Save on each Settings screen.' ); ?></p>
    1262                 <ul>
    1263                 <li><?php echo sprintf( __( '<a href="%s">Select your tagline and time zone</a>' ), esc_url( admin_url('options-general.php') ) ); ?></li>
    1264                 <li><?php echo sprintf( __( '<a href="%s">Turn comments on or off</a>' ), esc_url( admin_url('options-discussion.php') ) ); ?></li>
    1265                 <li><?php echo sprintf( __( '<a href="%s">Fill in your profile</a>' ), esc_url( get_edit_profile_url( get_current_user_id() ) ) ); ?></li>
    1266                 </ul>
     1241                <h4><?php _e( 'Get Started' ); ?></h4>
     1242                <p><?php _e( 'First, tweak the look of your site:' ); ?></p>
     1243                <a class="button-primary welcome-button" href="<?php echo add_query_arg( 'url', urlencode( admin_url( '/' ) ), wp_customize_url() ); ?>"><?php _e( 'Customize Your Site' ); ?></a>
     1244                <?php if ( current_user_can( 'install_themes' ) || ( current_user_can( 'switch_themes' ) && count( wp_get_themes( array( 'allowed' => true ) ) ) > 1 ) ) : ?>
     1245                        <p><?php printf( __( 'or, <a href="%s">change your theme completely</a>' ), admin_url( 'themes.php' ) ); ?></p>
     1246                <?php endif; ?>
    12671247        </div>
    12681248        <div class="welcome-panel-column">
    1269                 <h4><span class="icon16 icon-page"></span> <?php _e( 'Add Real Content' ); ?></h4>
    1270                 <p><?php _e( 'Check out the sample page & post editors to see how it all works, then delete the default content and write your own!' ); ?></p>
     1249                <h4><?php _e( 'Next Steps' ); ?></h4>
    12711250                <ul>
    1272                 <li><?php echo sprintf( __( 'View the <a href="%1$s">sample page</a> and <a href="%2$s">post</a>' ), esc_url( get_permalink( 2 ) ), esc_url( get_permalink( 1 ) ) ); ?></li>
    1273                 <li><?php echo sprintf( __( 'Delete the <a href="%1$s">sample page</a> and <a href="%2$s">post</a>' ), esc_url( admin_url('edit.php?post_type=page') ), esc_url( admin_url('edit.php') ) ); ?></li>
    1274                 <li><?php echo sprintf( __( '<a href="%s">Create an About Me page</a>' ), esc_url( admin_url('edit.php?post_type=page') ) ); ?></li>
    1275                 <li><?php echo sprintf( __( '<a href="%s">Write your first post</a>' ), esc_url( admin_url('post-new.php') ) ); ?></li>
     1251                <?php if ( 'page' == get_option( 'show_on_front' ) && ! get_option( 'page_for_posts' ) ) : ?>
     1252                        <li><?php printf( '<a href="%s">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
     1253                        <li><?php printf( '<a href="%s">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1254                <?php elseif ( 'page' == get_option( 'show_on_front' ) ) : ?>
     1255                        <li><?php printf( '<a href="%s">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
     1256                        <li><?php printf( '<a href="%s">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1257                        <li><?php printf( '<a href="%s">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
     1258                <?php else : ?>
     1259                        <li><?php printf( '<a href="%s">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
     1260                        <li><?php printf( '<a href="%s">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
     1261                <?php endif; ?>
     1262                        <li><?php printf( '<a href="%s">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
    12761263                </ul>
    12771264        </div>
    12781265        <div class="welcome-panel-column welcome-panel-last">
    1279                 <h4><span class="icon16 icon-appearance"></span> <?php _e( 'Customize Your Site' ); ?></h4>
    1280                 <?php
    1281                 $theme = wp_get_theme();
    1282                 if ( $theme->errors() ) :
    1283                         echo '<p>';
    1284                         printf( __( '<a href="%s">Install a theme</a> to get started customizing your site.' ), esc_url( admin_url( 'themes.php' ) ) );
    1285                         echo '</p>';
    1286                 else:
    1287                         $customize_links = array();
    1288                         if ( 'twentyeleven' == $theme->get_stylesheet() )
    1289                                 $customize_links[] = sprintf( __( '<a href="%s">Choose light or dark</a>' ), esc_url( admin_url( 'themes.php?page=theme_options' ) ) );
    1290 
    1291                         if ( current_theme_supports( 'custom-background' ) )
    1292                                 $customize_links[] = sprintf( __( '<a href="%s">Set a background color</a>' ), esc_url( admin_url( 'themes.php?page=custom-background' ) ) );
    1293 
    1294                         if ( current_theme_supports( 'custom-header' ) )
    1295                                 $customize_links[] = sprintf( __( '<a href="%s">Select a new header image</a>' ), esc_url( admin_url( 'themes.php?page=custom-header' ) ) );
    1296 
    1297                         if ( current_theme_supports( 'widgets' ) )
    1298                                 $customize_links[] = sprintf( __( '<a href="%s">Add some widgets</a>' ), esc_url( admin_url( 'widgets.php' ) ) );
    1299 
    1300                         if ( ! empty( $customize_links ) ) {
    1301                                 echo '<p>';
    1302                                 printf( __( 'Use the current theme &mdash; %1$s &mdash; or <a href="%2$s">choose a new one</a>. If you stick with %1$s, here are a few ways to make your site look unique.' ), $theme->display('Name'), esc_url( admin_url( 'themes.php' ) ) );
    1303                                 echo '</p>';
    1304                         ?>
    1305                         <ul>
    1306                                 <?php foreach ( $customize_links as $customize_link ) : ?>
    1307                                 <li><?php echo $customize_link ?></li>
    1308                                 <?php endforeach; ?>
    1309                         </ul>
    1310                         <?php
    1311                         } else {
    1312                                 echo '<p>';
    1313                                 printf( __( 'Use the current theme &mdash; %1$s &mdash; or <a href="%2$s">choose a new one</a>.' ), $theme->display('Name'), esc_url( admin_url( 'themes.php' ) ) );
    1314                                 echo '</p>';
    1315                         }
    1316                 endif; ?>
     1266                <h4><?php _e( 'Learn How To' ); ?></h4>
     1267                <ul>
     1268                        <li><?php printf( '<a id="wp350_add_images" href="%s">' . __( 'Add image/media' ) . '</a>', admin_url( 'media-new.php' ) ); ?></li>
     1269                        <li><?php printf( '<a id="wp350_widgets" href="%s">' . __( 'Add/remove widgets' ) . '</a>', admin_url( 'widgets.php' ) ); ?></li>
     1270                        <li><?php printf( '<a id="wp350_edit_menu" href="%s">' . __( 'Edit your navigation menu' ) . '</a>', admin_url( 'nav-menus.php' ) ); ?></li>
     1271                </ul>
    13171272        </div>
    1318         </div>
    1319         <p class="welcome-panel-dismiss"><?php printf( __( 'Already know what you&#8217;re doing? <a href="%s">Dismiss this message</a>.' ), esc_url( admin_url( '?welcome=0' ) ) ); ?></p>
    13201273        </div>
    13211274        </div>

  • trunk/wp-admin/includes/screen.php

    r21982 r22018  
    938938                                        meta_box_prefs( $this );
    939939
    940                                         if ( 'dashboard' === $this->id && current_user_can( 'edit_theme_options' ) ) {
     940                                        if ( 'dashboard' === $this->id && has_action( 'welcome_panel' ) && current_user_can( 'edit_theme_options' ) ) {
    941941                                                if ( isset( $_GET['welcome'] ) ) {
    942942                                                        $welcome_checked = empty( $_GET['welcome'] ) ? 0 : 1;

  • trunk/wp-admin/index.php

    r21716 r22018  
    107107<h2><?php echo esc_html( $title ); ?></h2>
    108108
    109 <?php wp_welcome_panel(); ?>
     109<?php if ( has_action( 'welcome_panel' ) && current_user_can( 'edit_theme_options' ) ) :
     110        $classes = 'welcome-panel';
     111
     112        $option = get_user_meta( get_current_user_id(), 'show_welcome_panel', true );
     113        // 0 = hide, 1 = toggled to show or single site creator, 2 = multisite site owner
     114        $hide = 0 == $option || ( 2 == $option && wp_get_current_user()->user_email != get_option( 'admin_email' ) );
     115        if ( $hide )
     116                $classes .= ' hidden'; ?>
     117
     118        <div id="welcome-panel" class="<?php echo esc_attr( $classes ); ?>">
     119                <?php wp_nonce_field( 'welcome-panel-nonce', 'welcomepanelnonce', false ); ?>
     120                <a class="welcome-panel-close" href="<?php echo esc_url( admin_url( '?welcome=0' ) ); ?>"><?php _e( 'Dismiss' ); ?></a>
     121                <?php do_action( 'welcome_panel' ); ?>
     122        </div>
     123<?php endif; ?>
    110124
    111125<div id="dashboard-widgets-wrap">

  • trunk/wp-includes/default-filters.php

    r21998 r22018  
    258258add_action( 'importer_scheduled_cleanup', 'wp_delete_attachment'                           );
    259259add_action( 'upgrader_scheduled_cleanup', 'wp_delete_attachment'                           );
     260add_action( 'welcome_panel',              'wp_welcome_panel'                               );
    260261
    261262// Navigation menu actions
Note: See TracChangeset for help on using the changeset viewer.