WordPress.org
Get WordPress

Making WordPress.org


Ignore:
Timestamp:
03/13/2024 01:25:20 AM (2 years ago)
Author:
adamwood
Message:

wporg-support-2024: Use cards grid for front page

File:
1 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/front-page.php

    r13309 r13311  
    2929                        <?php else : ?>
    3030
    31                                 <section class="three-up" id="forum-welcome">
    32                                         <div>
    33                                                 <div class="info-box">
    34                                                         <span class="dashicons <?php
    35                                                                 /* translators: dashicon class name for 'Welcome to Support' section. Do not translate into your own language. */
    36                                                                 esc_attr_e( 'dashicons-sos', 'wporg-forums' );
    37                                                         ?>"></span>
    38                                                         <h3><?php _e( 'Welcome to Support', 'wporg-forums' ); ?></h3>
    39                                                         <p><?php _e( 'Our community-based Support Forums are a great place to learn, share, and troubleshoot.', 'wporg-forums' ); ?></p>
    40                                                         <p><?php _e( '<a href="https://wordpress.org/support/welcome/">Get started</a>', 'wporg-forums' ); ?></p>
     31                                <section>
     32
     33                                        <?php echo do_blocks(
     34                                                '<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"className":"is-style-cards-grid","layout":{"type":"grid","minimumColumnWidth":"32.3%"}} -->
     35                                                <div class="wp-block-group is-style-cards-grid">
     36
     37                                                        <!-- wp:group {"layout":{"type":"constrained"}} -->
     38                                                        <div class="wp-block-group">
     39
     40                                                                <!-- wp:heading -->
     41                                                                <h2 class="wp-block-heading has-heading-5-font-size">' . __( 'Welcome to Support', 'wporg-forums' ) . '</h2>
     42                                                                <!-- /wp:heading -->
     43
     44                                                                <!-- wp:paragraph -->
     45                                                                <p>' . __( 'Our community-based Support Forums are a great place to learn, share, and troubleshoot.', 'wporg-forums' ) . '</p>
     46                                                                <!-- /wp:paragraph -->
     47
     48                                                                <!-- wp:paragraph -->
     49                                                                <p>' . __( '<a href="https://wordpress.org/support/welcome/">Get started</a>', 'wporg-forums' ) . '</p>
     50                                                                <!-- /wp:paragraph -->
     51
     52                                                        </div>
     53                                                        <!-- /wp:group -->
     54
     55                                                        <!-- wp:group {"layout":{"type":"constrained"}} -->
     56                                                        <div class="wp-block-group">
     57
     58                                                                <!-- wp:heading -->
     59                                                                <h2 class="wp-block-heading has-heading-5-font-size">' . __( 'Documentation', 'wporg-forums' ) . '</h2>
     60                                                                <!-- /wp:heading -->
     61
     62                                                                <!-- wp:paragraph -->
     63                                                                <p>' . __( 'Your first stop where you\'ll find information on everything from installing to creating plugins.', 'wporg-forums' ) . '</p>
     64                                                                <!-- /wp:paragraph -->
     65
     66                                                                <!-- wp:paragraph -->
     67                                                                <p>' . __( '<a href="https://wordpress.org/documentation/">Explore documentation</a>', 'wporg-forums' ) . '</p>
     68                                                                <!-- /wp:paragraph -->
     69
     70                                                        </div>
     71                                                        <!-- /wp:group -->
     72
     73                                                        <!-- wp:group {"layout":{"type":"constrained"}} -->
     74                                                        <div class="wp-block-group">
     75
     76                                                                <!-- wp:heading -->
     77                                                                <h2 class="wp-block-heading has-heading-5-font-size">' . __( 'Get Involved', 'wporg-forums' ) . '</h2>
     78                                                                <!-- /wp:heading -->
     79
     80                                                                <!-- wp:paragraph -->
     81                                                                <p>' . __( 'The Support Handbook is great for tips, tricks, and advice regarding giving the best support possible.', 'wporg-forums' ) . '</p>
     82                                                                <!-- /wp:paragraph -->
     83
     84                                                                <!-- wp:paragraph -->
     85                                                                <p>' . __( '<a href="https://make.wordpress.org/support/handbook/">Explore the Handbook</a>', 'wporg-forums' ) . '</p>
     86                                                                <!-- /wp:paragraph -->
     87
     88                                                        </div>
     89                                                        <!-- /wp:group -->
     90
    4191                                                </div>
    42                                         </div>
    43                                         <div>
    44                                                 <div class="info-box">
    45                                                         <span class="dashicons <?php
    46                                                                 /* translators: dashicon class name for 'Documentation' section. Do not translate into your own language. */
    47                                                                 esc_attr_e( 'dashicons-portfolio', 'wporg-forums' );
    48                                                         ?>"></span>
    49                                                         <h3><?php _e( 'Documentation', 'wporg-forums' ); ?></h3>
    50                                                         <p><?php _e( 'Your first stop where you\'ll find information on everything from installing to creating plugins.', 'wporg-forums' ); ?></p>
    51                                                         <p><?php _e( '<a href="https://wordpress.org/support/">Explore documentation</a>', 'wporg-forums' ); ?></p>
    52                                                 </div>
    53                                         </div>
    54                                         <div>
    55                                                 <div class="info-box">
    56                                                         <span class="dashicons <?php
    57                                                                 /* translators: dashicon class name for 'Get Involved' section. Do not translate into your own language. */
    58                                                                 esc_attr_e( 'dashicons-hammer', 'wporg-forums' );
    59                                                         ?>"></span>
    60                                                         <h3><?php _e( 'Get Involved', 'wporg-forums' ); ?></h3>
    61                                                         <p><?php _e( 'The Support Handbook is great for tips, tricks, and advice regarding giving the best support possible.', 'wporg-forums' ); ?></p>
    62                                                         <p><?php _e( '<a href="https://make.wordpress.org/support/handbook/">Explore the Handbook</a>', 'wporg-forums' ); ?></p>
    63                                                 </div>
    64                                         </div>
     92                                                <!-- /wp:group -->'
     93                                        ); ?>
     94
    6595                                </section>
    6696
Note: See TracChangeset for help on using the changeset viewer.