Making WordPress.org


Ignore:
Timestamp:
05/16/2023 08:16:11 PM (21 months ago)
Author:
ryelle
Message:

Main (rosetta): Add a banner to promote the 20th anniversary.

This matches the banner on main WordPress.org page, but links off to the locale-specific version of the anniversary site.

See https://github.com/WordPress/wordpress.org/pull/140.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php

    r11981 r12590  
    2828$user_class = $showcase ? 'col-12' : 'col-2';
    2929
     30$wp20_url = 'https://wp20.wordpress.net/';
     31if ( is_object( $rosetta ) && isset( $rosetta->locale ) ) {
     32    $wp20_url .= '?locale=' . $rosetta->locale;
     33}
     34
     35// The blocks code sets up the layout, but there is also inline CSS to refine things that aren't supported in classic themes.
     36$banner_blocks = '<!-- wp:wporg/link-wrapper {"align":"full","layout":{"type":"constrained"}} -->
     37<a class="wp-block-wporg-link-wrapper alignfull" style="background-color:#0a4b78;color:#fff;font-size:16px;" href="' . $wp20_url . '"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
     38<div class="wp-block-group" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;gap:10px;"><!-- wp:image {"width":45,"height":29,"sizeSlug":"full","linkDestination":"none"} -->
     39<figure class="wp-block-image size-full is-resized" style="flex-shrink: 0;"><img src="https://wordpress.org/files/2023/05/wp20-logo-white.png" alt="" width="45" height="29" /></figure>
     40<!-- /wp:image -->
     41
     42<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1"}}} -->
     43<p style="line-height:1.1">' . __( 'Join a celebration online or around the globe for the 20th anniversary of WordPress. ↗', 'wporg' ) . '</p>
     44<!-- /wp:paragraph --></div>
     45<!-- /wp:group --></a>
     46<!-- /wp:wporg/link-wrapper -->';
     47
    3048\WordPressdotorg\skip_to( '#masthead' );
    3149
     
    3553        <span class="download-ready"><?php _e( 'Ready to get started?', 'wporg' ); ?></span><a class="button download-button" href="/download/"><?php _e( 'Get WordPress', 'wporg' ); ?></a>
    3654    </aside>
     55
     56    <style>
     57        .wp-block-wporg-link-wrapper {
     58            /* This property is used in the focus state, and should match (or at least compliment) the background color. */
     59            --wp--preset--color--blueberry-1: #0a4b78;
     60        }
     61        @media (max-width: 499px) {
     62            .wp-block-wporg-link-wrapper p {
     63                font-size: 13px !important;
     64                line-height: 1.2 !important;
     65            }
     66        }
     67    </style>
     68    <?php echo do_blocks( $banner_blocks ); ?>
    3769
    3870    <header id="masthead" class="site-header" role="banner">
Note: See TracChangeset for help on using the changeset viewer.