WordPress.org
Get WordPress

Make WordPress Core

Changeset 52442


Ignore:
Timestamp:
01/04/2022 07:11:24 PM (3 years ago)
Author:
ryelle
Message:

Administration: Refresh the Dashboard Welcome panel.

With its last major update in 3.5, the welcome panel was feeling stale. This bright new design showcases links to recent features, including patterns, the site editor, and styles, depending on whether you have a block theme active.

Props jameskoster, desrosj, noisysocks, critterverse, karmatosed, hellofromtonya, smit08, melchoyce, poena, audrasjb, webcommsat, marybaum.
See #54489.

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

Legend:

Unmodified
Added
Removed

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

    r52406 r52442  
    824824}
    825825
    826 .welcome-panel .welcome-panel-close:hover:before,
    827 .welcome-panel .welcome-panel-close:focus:before,
    828826.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
    829827.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,

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

    r51971 r52442  
    116116    overflow: auto;
    117117    margin: 16px 0;
    118     padding: 23px 10px 0;
    119     border: 1px solid #c3c4c7;
    120     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    121     background: #fff;
    122     font-size: 13px;
    123     line-height: 1.7;
     118    background: #3858e9 url(../images/about-texture.png) center repeat;
     119    background-size: 500px 500px;
     120    background-blend-mode: overlay;
     121    color: #fff;
     122    font-size: 14px;
     123    line-height: 1.3;
     124}
     125
     126.welcome-panel::before {
     127    content: "";
     128    position: absolute;
     129    top: -16px;
     130    right: 96px;
     131    z-index: 0;
     132    width: 300px;
     133    height: 382px;
     134    background: url(../images/about-header-about.svg) no-repeat center;
     135    background-size: contain;
    124136}
    125137
    126138.welcome-panel h2 {
    127139    margin: 0;
    128     font-size: 21px;
     140    font-size: 48px;
     141    font-weight: 600;
     142    line-height: 1.25;
     143    color: #fff;
     144}
     145
     146.welcome-panel h3 {
     147    margin: 0;
     148    font-size: 20px;
    129149    font-weight: 400;
    130     line-height: 1.2;
    131 }
    132 
    133 .welcome-panel h3 {
    134     margin: 1.33em 0 0;
    135     font-size: 16px;
    136 }
    137 
    138 .welcome-panel li {
    139     font-size: 14px;
     150    line-height: 1.4;
     151    color: #fff;
     152}
     153
     154.welcome-panel a {
     155    color: #fff;
    140156}
    141157
    142158.welcome-panel p {
    143     color: #646970;
    144 }
    145 
    146 .welcome-panel li a {
    147     text-decoration: none;
    148 }
    149 
    150 .welcome-panel .about-description {
    151     font-size: 16px;
    152     margin: 0;
     159    font-size: inherit;
     160    line-height: inherit;
     161}
     162
     163.welcome-panel-header p {
     164    margin: 0.5em 0 0;
     165    font-size: 20px;
     166    line-height: 1.4;
    153167}
    154168
    … …  
    157171    top: 10px;
    158172    right: 10px;
    159     padding: 10px 15px 10px 21px;
     173    padding: 10px 15px 10px 24px;
    160174    font-size: 13px;
    161175    line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
    … …  
    168182    left: 0;
    169183    transition: all .1s ease-in-out;
    170 }
    171 
     184    content: '\f335';
     185    font-size: 24px;
     186    color: #fff;
     187}
     188
     189.welcome-panel .welcome-panel-close:hover,
     190.welcome-panel .welcome-panel-close:focus,
     191.welcome-panel .welcome-panel-close:hover::before,
     192.welcome-panel .welcome-panel-close:focus::before {
     193    color: #f5e6ab;
     194}
     195
     196/* @deprecated 5.9.0 -- Button removed from panel. */
    172197.wp-core-ui .welcome-panel .button.button-hero {
    173198    margin: 15px 13px 3px 0;
    … …  
    179204
    180205.welcome-panel-content {
    181     margin-left: 13px;
     206    min-height: 400px;
     207    display: flex;
     208    flex-direction: column;
     209    justify-content: space-between;
     210}
     211
     212.welcome-panel-header {
     213    box-sizing: border-box;
     214    margin-left: auto;
     215    margin-right: auto;
    182216    max-width: 1500px;
     217    width: 100%;
     218    /* 408px = 300px (balloon width) + 96px (offset from edge) + 16px (spacing). */
     219    padding: 48px 408px 48px 48px;
    183220}
    184221
    185222.welcome-panel .welcome-panel-column-container {
     223    box-sizing: border-box;
     224    width: 100%;
    186225    clear: both;
    187     position: relative;
    188 }
    189 
    190 .welcome-panel .welcome-panel-column {
    191     width: 32%;
    192     min-width: 200px;
    193     float: left;
    194 }
    195 
    196 .welcome-panel .welcome-panel-column:first-child {
    197     width: 36%;
    198 }
    199 
    200 .welcome-panel-column p.hide-if-no-customize {
    201     margin-top: 10px;
    202 }
    203 
    204 .welcome-panel-column p {
    205     margin-top: 7px;
    206     color: #3c434a;
    207 }
    208 
     226    display: grid;
     227    z-index: 1;
     228    margin-top: 32px;
     229    padding: 48px;
     230    grid-template-columns: repeat(3, 1fr);
     231    gap: 32px;
     232    align-self: flex-end;
     233    background: #3858e9;
     234}
     235
     236[class*="welcome-panel-icon"] {
     237    height: 60px;
     238    width: 60px;
     239    background-color: #1d35b4;
     240    background-position: center;
     241    background-size: 24px 24px;
     242    background-repeat: no-repeat;
     243    border-radius: 100%;
     244}
     245
     246.welcome-panel-column {
     247    display: grid;
     248    grid-template-columns: min-content 1fr;
     249    gap: 24px;
     250}
     251
     252.welcome-panel-icon-pages {
     253    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
     254}
     255
     256.welcome-panel-icon-layout {
     257    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
     258}
     259
     260.welcome-panel-icon-styles {
     261    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
     262}
     263
     264/* @deprecated 5.9.0 -- Section removed from welcome panel. */
    209265.welcome-panel .welcome-widgets-menus {
    210266    line-height: 1.14285714;
    211267}
    212268
     269/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
    213270.welcome-panel .welcome-panel-column ul {
    214271    margin: 0.8em 1em 1em 0;
    215272}
    216273
     274/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
     275.welcome-panel li {
     276    font-size: 14px;
     277}
     278
     279/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
     280.welcome-panel li a {
     281    text-decoration: none;
     282}
     283
     284/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
    217285.welcome-panel .welcome-panel-column li {
    218286    line-height: 1.14285714;
    … …  
    221289}
    222290
     291/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    223292.welcome-panel .welcome-icon {
    224293    background: transparent !important;
    … …  
    227296/* Welcome Panel and Right Now common Icons style */
    228297
     298/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    229299.welcome-panel .welcome-icon:before,
    230300#dashboard_right_now li a:before,
    … …  
    245315/* Welcome Panel specific Icons styles */
    246316
     317/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    247318.welcome-panel .welcome-write-blog:before,
    248319.welcome-panel .welcome-edit-page:before {
    … …  
    251322}
    252323
     324/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    253325.welcome-panel .welcome-add-page:before {
    254326    content: "\f132";
    … …  
    256328}
    257329
     330/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    258331.welcome-panel .welcome-setup-home:before {
    259332    content: "\f102";
    … …  
    261334}
    262335
     336/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    263337.welcome-panel .welcome-view-site:before {
    264338    content: "\f115";
    … …  
    266340}
    267341
     342/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    268343.welcome-panel .welcome-widgets-menus:before {
    269344    content: "\f116";
    … …  
    271346}
    272347
     348/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    273349.welcome-panel .welcome-widgets:before {
    274350    content: "\f538";
    … …  
    276352}
    277353
     354/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    278355.welcome-panel .welcome-menus:before {
    279356    content: "\f163";
    … …  
    281358}
    282359
     360/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    283361.welcome-panel .welcome-comments:before {
    284362    content: "\f117";
    … …  
    286364}
    287365
     366/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
    288367.welcome-panel .welcome-learn-more:before {
    289368    content: "\f118";
    … …  
    11031182-------------------------------------------------------------- */
    11041183
     1184@media only screen and (min-width: 1600px) {
     1185    .welcome-panel .welcome-panel-column-container {
     1186        display: flex;
     1187        justify-content: center;
     1188    }
     1189
     1190    .welcome-panel-column {
     1191        width: 100%;
     1192        max-width: 460px;
     1193    }
     1194}
     1195
    11051196/* one column on the dash */
    11061197@media only screen and (max-width: 799px) {
    … …  
    12141305
    12151306@media screen and (max-width: 870px) {
    1216     .welcome-panel .welcome-panel-column,
    1217     .welcome-panel .welcome-panel-column:first-child {
    1218         display: block;
    1219         float: none;
    1220         width: 100%;
    1221     }
    1222 
     1307    /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
    12231308    .welcome-panel .welcome-panel-column li {
    12241309        display: inline-block;
    … …  
    12261311    }
    12271312
     1313    /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
    12281314    .welcome-panel .welcome-panel-column ul {
    12291315        margin: 0.4em 0 0;
    … …  
    12321318}
    12331319
     1320@media screen and (max-width: 1180px) and (min-width: 783px) {
     1321    .welcome-panel-column {
     1322        grid-template-columns: 1fr;
     1323    }
     1324
     1325    [class*="welcome-panel-icon"] {
     1326        display: none;
     1327    }
     1328}
     1329
    12341330@media screen and (max-width: 782px) {
    1235     #dashboard-widgets h2 {
    1236         padding: 12px;
    1237     }
    1238 
    1239     #dashboard_recent_comments #the-comment-list .comment-item .avatar {
    1240         height: 30px;
    1241         width: 30px;
    1242         margin: 4px 10px 5px 0;
    1243     }
    1244 
    1245     .community-events-toggle-location {
    1246         height: 38px;
    1247         vertical-align: baseline;
    1248     }
    1249 
    1250     .community-events-form .regular-text {
    1251         height: 32px;
    1252     }
    1253 
    1254     #community-events-submit {
    1255         margin-bottom: 0;
    1256         /* Override .wp-core-ui .button */
    1257         vertical-align: top;
    1258     }
    1259 
    1260     .community-events-form label,
    1261     #dashboard-widgets .community-events-cancel.button-link {
    1262         /* Same properties as the submit button for cross-browsers alignment. */
    1263         font-size: 14px;
    1264         line-height: normal;
    1265         height: auto;
    1266         padding: 6px 0;
    1267         border: 1px solid transparent;
    1268     }
    1269 
    1270     .community-events .spinner {
    1271         margin-top: 7px;
    1272     }
    1273 }
    1274 
    1275 /* Smartphone */
    1276 @media screen and (max-width: 600px) {
     1331    .welcome-panel::before {
     1332        width: 240px;
     1333        height: 305px;
     1334        right: 32px;
     1335    }
     1336
     1337    .welcome-panel-header {
     1338        /* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
     1339        padding: 32px 288px 32px 32px;
     1340    }
     1341
     1342    .welcome-panel .welcome-panel-column-container {
     1343        grid-template-columns: 1fr;
     1344        box-sizing: border-box;
     1345        padding: 32px;
     1346        width: 100%;
     1347    }
     1348
     1349    .welcome-panel .welcome-panel-column-content {
     1350        max-width: 520px;
     1351    }
     1352
    12771353    /* Keep the close icon from overlapping the Welcome text. */
    12781354    .welcome-panel .welcome-panel-close {
    … …  
    12871363    }
    12881364
    1289     /* Make the close icon larger for tappability. */
    1290     .welcome-panel .welcome-panel-close:before {
    1291         font-size: 20px;
     1365    .welcome-panel .welcome-panel-close::before {
    12921366        top: 5px;
    12931367        left: -35px;
     1368    }
     1369
     1370    #dashboard-widgets h2 {
     1371        padding: 12px;
     1372    }
     1373
     1374    #dashboard_recent_comments #the-comment-list .comment-item .avatar {
     1375        height: 30px;
     1376        width: 30px;
     1377        margin: 4px 10px 5px 0;
     1378    }
     1379
     1380    .community-events-toggle-location {
     1381        height: 38px;
     1382        vertical-align: baseline;
     1383    }
     1384
     1385    .community-events-form .regular-text {
     1386        height: 32px;
     1387    }
     1388
     1389    #community-events-submit {
     1390        margin-bottom: 0;
     1391        /* Override .wp-core-ui .button */
     1392        vertical-align: top;
     1393    }
     1394
     1395    .community-events-form label,
     1396    #dashboard-widgets .community-events-cancel.button-link {
     1397        /* Same properties as the submit button for cross-browsers alignment. */
     1398        font-size: 14px;
     1399        line-height: normal;
     1400        height: auto;
     1401        padding: 6px 0;
     1402        border: 1px solid transparent;
     1403    }
     1404
     1405    .community-events .spinner {
     1406        margin-top: 7px;
     1407    }
     1408}
     1409
     1410/* Smartphone */
     1411@media screen and (max-width: 600px) {
     1412    .welcome-panel::before {
     1413        display: none;
     1414    }
     1415
     1416    .welcome-panel-header {
     1417        padding: 32px;
     1418    }
     1419}
     1420
     1421@media screen and (max-width: 480px) {
     1422    .welcome-panel-column {
     1423        gap: 16px;
     1424    }
     1425}
     1426
     1427@media screen and (max-width: 360px) {
     1428    .welcome-panel-column {
     1429        grid-template-columns: 1fr;
     1430    }
     1431
     1432    [class*="welcome-panel-icon"] {
     1433        display: none;
    12941434    }
    12951435}

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

    r52330 r52442  
    19911991 */
    19921992function wp_welcome_panel() {
    1993     $customize_url          = null;
    1994     $can_edit_theme_options = current_user_can( 'edit_theme_options' );
    1995     $can_customize          = current_user_can( 'customize' );
    1996     $is_block_theme         = wp_is_block_theme();
    1997 
    1998     if ( $is_block_theme && $can_edit_theme_options ) {
    1999         $customize_url = esc_url( admin_url( 'site-editor.php' ) );
    2000     } elseif ( ! $is_block_theme && $can_customize ) {
    2001         $customize_url = wp_customize_url();
    2002     }
     1993    list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
     1994    $can_customize           = current_user_can( 'customize' );
     1995    $is_block_theme          = wp_is_block_theme();
    20031996    ?>
    20041997    <div class="welcome-panel-content">
    2005     <h2><?php _e( 'Welcome to WordPress!' ); ?></h2>
    2006     <p class="about-description"><?php _e( 'We&#8217;ve assembled some links to get you started:' ); ?></p>
     1998    <div class="welcome-panel-header">
     1999        <h2><?php _e( 'Welcome to WordPress!' ); ?></h2>
     2000        <p>
     2001            <a href="<?php echo esc_url( admin_url( 'about.php' ) ); ?>">
     2002            <?php
     2003                /* translators: %s: Current WordPress version. */
     2004                printf( __( 'Learn more about the %s version.' ), $display_version );
     2005            ?>
     2006            </a>
     2007        </p>
     2008    </div>
    20072009    <div class="welcome-panel-column-container">
    2008     <div class="welcome-panel-column">
    2009         <?php if ( $customize_url ) : ?>
    2010             <h3><?php _e( 'Get Started' ); ?></h3>
    2011             <a class="button button-primary button-hero load-customize hide-if-no-customize" href="<?php echo $customize_url; ?>"><?php _e( 'Customize Your Site' ); ?></a>
    2012         <?php endif; ?>
    2013         <a class="button button-primary button-hero hide-if-customize" href="<?php echo esc_url( admin_url( 'themes.php' ) ); ?>"><?php _e( 'Customize Your Site' ); ?></a>
    2014         <?php if ( current_user_can( 'install_themes' ) || ( current_user_can( 'switch_themes' ) && count( wp_get_themes( array( 'allowed' => true ) ) ) > 1 ) ) : ?>
    2015             <?php $themes_link = $can_customize && ! $is_block_theme ? add_query_arg( 'autofocus[panel]', 'themes', admin_url( 'customize.php' ) ) : admin_url( 'themes.php' ); ?>
    2016             <p class="hide-if-no-customize">
    2017                 <?php
    2018                     /* translators: %s: URL to Themes panel in Customizer or Themes screen. */
    2019                     printf( __( 'or, <a href="%s">change your theme completely</a>' ), $themes_link );
    2020                 ?>
    2021             </p>
    2022         <?php endif; ?>
    2023     </div>
    2024     <div class="welcome-panel-column">
    2025         <h3><?php _e( 'Next Steps' ); ?></h3>
    2026         <ul>
    2027         <?php if ( 'page' === get_option( 'show_on_front' ) && ! get_option( 'page_for_posts' ) ) : ?>
    2028             <li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
    2029             <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    2030         <?php elseif ( 'page' === get_option( 'show_on_front' ) ) : ?>
    2031             <li><?php printf( '<a href="%s" class="welcome-icon welcome-edit-page">' . __( 'Edit your front page' ) . '</a>', get_edit_post_link( get_option( 'page_on_front' ) ) ); ?></li>
    2032             <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add additional pages' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    2033             <li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Add a blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
    2034         <?php else : ?>
    2035             <li><?php printf( '<a href="%s" class="welcome-icon welcome-write-blog">' . __( 'Write your first blog post' ) . '</a>', admin_url( 'post-new.php' ) ); ?></li>
    2036             <li><?php printf( '<a href="%s" class="welcome-icon welcome-add-page">' . __( 'Add an About page' ) . '</a>', admin_url( 'post-new.php?post_type=page' ) ); ?></li>
    2037             <li><?php printf( '<a href="%s" class="welcome-icon welcome-setup-home">' . __( 'Set up your homepage' ) . '</a>', current_user_can( 'customize' ) ? add_query_arg( 'autofocus[section]', 'static_front_page', admin_url( 'customize.php' ) ) : admin_url( 'options-reading.php' ) ); ?></li>
    2038         <?php endif; ?>
    2039             <li><?php printf( '<a href="%s" class="welcome-icon welcome-view-site">' . __( 'View your site' ) . '</a>', home_url( '/' ) ); ?></li>
    2040         </ul>
    2041     </div>
    2042     <div class="welcome-panel-column welcome-panel-last">
    2043         <h3><?php _e( 'More Actions' ); ?></h3>
    2044         <ul>
    2045         <?php if ( current_theme_supports( 'widgets' ) ) : ?>
    2046             <li><?php printf( '<a href="%s" class="welcome-icon welcome-widgets">' . __( 'Manage widgets' ) . '</a>', admin_url( 'widgets.php' ) ); ?></li>
    2047         <?php endif; ?>
    2048         <?php if ( current_theme_supports( 'menus' ) ) : ?>
    2049             <li><?php printf( '<a href="%s" class="welcome-icon welcome-menus">' . __( 'Manage menus' ) . '</a>', admin_url( 'nav-menus.php' ) ); ?></li>
    2050         <?php endif; ?>
    2051         <?php if ( current_user_can( 'manage_options' ) ) : ?>
    2052             <li><?php printf( '<a href="%s" class="welcome-icon welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>
    2053         <?php endif; ?>
    2054             <li><?php printf( '<a href="%s" class="welcome-icon welcome-learn-more">' . __( 'Learn more about getting started' ) . '</a>', __( 'https://wordpress.org/support/article/first-steps-with-wordpress/' ) ); ?></li>
    2055         </ul>
    2056     </div>
     2010        <div class="welcome-panel-column">
     2011            <div class="welcome-panel-icon-pages"></div>
     2012            <div class="welcome-panel-column-content">
     2013                <h3><?php _e( 'Author rich content with blocks and patterns' ); ?></h3>
     2014                <p><?php _e( 'Block patterns are pre-configured block layouts. Use them to get inspired or create new pages in a flash.' ); ?></p>
     2015                <a href="<?php echo esc_url( admin_url( 'post-new.php?post_type=page' ) ); ?>"><?php _e( 'Add a new page' ); ?></a>
     2016            </div>
     2017        </div>
     2018        <div class="welcome-panel-column">
     2019            <div class="welcome-panel-icon-layout"></div>
     2020            <div class="welcome-panel-column-content">
     2021            <?php if ( $is_block_theme ) : ?>
     2022                <h3><?php _e( 'Customize your entire site with block themes' ); ?></h3>
     2023                <p><?php _e( 'Design everything on your site &#8212; from the header down to the footer, all using blocks and patterns.' ); ?></p>
     2024                <a href="<?php echo esc_url( admin_url( 'site-editor.php' ) ); ?>"><?php _e( 'Open site editor' ); ?></a>
     2025            <?php else : ?>
     2026                <h3><?php _e( 'Start Customizing' ); ?></h3>
     2027                <p><?php _e( 'Configure your site&#8217;s logo, header, menus, and more in the Customizer.' ); ?></p>
     2028                <?php if ( $can_customize ) : ?>
     2029                    <a class="load-customize hide-if-no-customize" href="<?php echo wp_customize_url(); ?>"><?php _e( 'Open the Customizer' ); ?></a>
     2030                <?php endif; ?>
     2031            <?php endif; ?>
     2032            </div>
     2033        </div>
     2034        <div class="welcome-panel-column">
     2035            <div class="welcome-panel-icon-styles"></div>
     2036            <div class="welcome-panel-column-content">
     2037            <?php if ( $is_block_theme ) : ?>
     2038                <h3><?php _e( 'Switch up your site&#8217;s look & feel with Styles' ); ?></h3>
     2039                <p><?php _e( 'Tweak your site, or give it a whole new look! Get creative &#8212; how about a new color palette or font?' ); ?></p>
     2040                <a href="<?php echo esc_url( admin_url( 'site-editor.php?styles=open' ) ); ?>"><?php _e( 'Edit styles' ); ?></a>
     2041            <?php else : ?>
     2042                <h3><?php _e( 'Discover a new way to build your site.' ); ?></h3>
     2043                <p><?php _e( 'There&#8217;s a new kind of WordPress theme, called a block theme, that lets you build the site you&#8217;ve always wanted &#8212; with blocks and styles.' ); ?></p>
     2044                <a href="<?php echo esc_url( __( 'https://wordpress.org/support/article/block-themes/' ) ); ?>"><?php _e( 'Learn about block themes' ); ?></a>
     2045            <?php endif; ?>
     2046            </div>
     2047        </div>
    20572048    </div>
    20582049    </div>
Note: See TracChangeset for help on using the changeset viewer.