Making WordPress.org


Ignore:
Timestamp:
10/18/2018 01:53:33 AM (6 years ago)
Author:
coffee2code
Message:

developer.wordpress.org: Revamp the design of the homepage to match the redesign of other wp.org sites (support, plugins, main, etc).

Also changes dashicon used for theme handbook.

Props mapk, coffee2code.
Fixes #2459.
See #3377.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-home-landing.php

    r5678 r7739  
    1414        <div class="home-landing">
    1515
    16             <div class="handbook-banner section blue clear color">
    17                 <div class="inner-wrap two-columns">
    18                     <div class="widget box box-left transparent">
    19                         <h3 class="widget-title"><div class="dashicons dashicons-welcome-widgets-menus"></div><?php _e( 'Themes', 'wporg' ); ?></h3>
    20                         <p class="widget-description"><?php _e( 'Want to learn how to start theming WordPress?', 'wporg' ); ?></p>
    21                         <a href="<?php echo esc_url( get_post_type_archive_link( 'theme-handbook' ) ); ?>" class="themes-go get-started go button"><?php _e( 'Develop Themes ', 'wporg' ); ?><span class="dashicons dashicons-arrow-right-alt2"></span></a>
    22                     </div>
    23                     <div class="widget box box-right transparent">
    24                         <h3 class="widget-title"><div class="dashicons dashicons-admin-plugins"></div><?php _e( 'Plugins', 'wporg' ); ?></h3>
    25                         <p class="widget-description"><?php _e( 'Ready to dive deep into the world of plugin authoring?', 'wporg' ); ?></p>
    26                         <a href="<?php echo esc_url( get_post_type_archive_link( 'plugin-handbook' ) ); ?>" class="plugins-go get-started go button"><?php _e( 'Develop Plugins ', 'wporg' ); ?><span class="dashicons dashicons-arrow-right-alt2"></span></a>
    27                     </div>
     16            <div class="inner-wrap section">
     17
     18                <div class="box box-code-ref">
     19                    <h3 class="widget-title"><div class="dashicons dashicons-editor-code"></div><?php _e( 'Code Reference', 'wporg' ); ?></h3>
     20                    <p class="widget-description"><?php _e( 'Looking for documentation for the codebase?', 'wporg' ); ?></p>
     21                    <a href="<?php echo esc_url( home_url( '/reference' ) ); ?>" class="go"><?php _e( 'Visit the reference', 'wporg' ); ?></a>
    2822                </div>
    29             </div><!-- /topic-guide -->
    3023
    31             <div class="code-reference-banner section gray clear color">
    32                 <div class="inner-wrap">
    33                     <div class="widget transparent">
    34                         <div class="code-ref-left">
    35                             <h3 class="widget-title"><div class="dashicons dashicons-editor-code"></div><?php _e( ' Code Reference', 'wporg' ); ?></h3>
    36                             <p class="widget-description"><?php _e( 'Search the codebase for documentation', 'wporg' ); ?></p>
    37                         </div>
    38                         <div class="code-ref-right">
    39                             <a href="<?php echo home_url( '/reference' ); ?>" class="codex-go go button"><?php _e( 'Visit the Reference ', 'wporg' ); ?><span class="dashicons dashicons-arrow-right-alt2"></span></a>
    40                         </div>
    41                     </div>
     24                <div class="box box-themes">
     25                    <h3 class="widget-title"><div class="dashicons dashicons-admin-appearance"></div><?php _e( 'Themes', 'wporg' ); ?></h3>
     26                    <p class="widget-description"><?php _e( 'Want to learn how to start theming WordPress?', 'wporg' ); ?></p>
     27                    <a href="<?php echo esc_url( get_post_type_archive_link( 'theme-handbook' ) ); ?>" class="go"><?php _e( 'Develop Themes ', 'wporg' ); ?></a>
    4228                </div>
    43             </div><!-- /new-in-guide -->
    4429
    45             <div class="handbook-banner section blue clear color">
    46                 <div class="inner-wrap two-columns">
    47                     <div class="widget box box-left transparent">
    48                         <h3 class="widget-title"><div class="dashicons dashicons-controls-repeat"></div><?php _e( 'REST API', 'wporg' ); ?></h3>
    49                         <p class="widget-description"><?php _e( 'Getting started on making WordPress applications?', 'wporg' ); ?></p>
    50                         <a href="<?php esc_attr_e( get_post_type_archive_link( 'rest-api-handbook' ) ); ?>" class="rest-api-go get-started go button"><?php _e( 'Make Applications ', 'wporg' ); ?><span class="dashicons dashicons-arrow-right-alt2"></span></a>
    51                     </div>
    52                     <div class="widget box box-right transparent">
    53                         <h3 class="widget-title"><div class="dashicons dashicons-arrow-right-alt2"></div><?php _e( 'WP-CLI', 'wporg' ); ?></h3>
    54                         <p class="widget-description"><?php _e( 'Want to accelerate your workflow managing WordPress?', 'wporg' ); ?></p>
    55                         <a href="<?php esc_attr_e( get_post_type_archive_link( 'command' ) ); ?>" class="wp-cli-go get-started go button"><?php _e( 'Run Commands ', 'wporg' ); ?><span class="dashicons dashicons-arrow-right-alt2"></span></a>
    56                     </div>
     30                <div class="box box-plugins">
     31                    <h3 class="widget-title"><div class="dashicons dashicons-admin-plugins"></div><?php _e( 'Plugins', 'wporg' ); ?></h3>
     32                    <p class="widget-description"><?php _e( 'Ready to dive deep into the world of plugin authoring?', 'wporg' ); ?></p>
     33                    <a href="<?php echo esc_url( get_post_type_archive_link( 'plugin-handbook' ) ); ?>" class="go"><?php _e( 'Develop Plugins ', 'wporg' ); ?></a>
    5734                </div>
    58             </div><!-- /topic-guide -->
    5935
    60             <?php /*
    61             <main id="main" class="site-main section" role="main">
     36                <div class="box box-rest-api">
     37                    <h3 class="widget-title"><div class="dashicons dashicons-controls-repeat"></div><?php _e( 'REST API', 'wporg' ); ?></h3>
     38                    <p class="widget-description"><?php _e( 'Getting started on making WordPress applications?', 'wporg' ); ?></p>
     39                    <a href="<?php echo esc_url( get_post_type_archive_link( 'rest-api-handbook' ) ); ?>" class="go"><?php _e( 'Make Applications ', 'wporg' ); ?></a>
     40                </div>
    6241
    63                     <?php while ( have_posts() ) : the_post(); ?>
     42                <div class="box box-wp-cli">
     43                    <h3 class="widget-title"><div class="dashicons dashicons-arrow-right-alt2"></div><?php _e( 'WP-CLI', 'wporg' ); ?></h3>
     44                    <p class="widget-description"><?php _e( 'Want to accelerate your workflow managing WordPress?', 'wporg' ); ?></p>
     45                    <a href="<?php echo esc_url( get_post_type_archive_link( 'command' ) ); ?>" class="go"><?php _e( 'Run Commands ', 'wporg' ); ?></a>
     46                </div>
    6447
    65                         <div id="post-<?php the_ID(); ?>" class="home-primary-content">
    66                             <header class="entry-header">
    67                                 <h1 class="entry-title"><?php the_title(); ?></h1>
    68                             </header><!-- .entry-header -->
     48            </div>
    6949
    70                             <div class="entry-content">
    71                                 <?php the_content(); ?>
    72                                 <?php
    73                                     wp_link_pages( array(
    74                                         'before' => '<div class="page-links">' . __( 'Pages:', 'wporg' ),
    75                                         'after'  => '</div>',
    76                                     ) );
    77                                 ?>
    78                             </div><!-- .entry-content -->
    79                             <?php edit_post_link( __( 'Edit', 'wporg' ), '<footer class="entry-meta"><span class="edit-link">', '</span></footer>' ); ?>
    80                         </div><!-- #post-## -->
     50            <div class="search-guide inner-wrap section">
    8151
    82                     <?php endwhile; // end of the loop. ?>
     52                <?php if ( is_active_sidebar( 'landing-footer-1') ) { ?>
     53                    <?php dynamic_sidebar( 'landing-footer-1' ); ?>
     54                <?php } else { ?>
     55                    <div class=" box"></div>
     56                <?php } ?>
    8357
    84             </main><!-- #main -->
    85 */ ?>
     58                <div class="box">
     59                    <h3 class="widget-title"><?php _e( 'Contribute', 'wporg' ); ?></h3>
     60                    <ul class="unordered-list no-bullets">
     61                        <li><a href="https://make.wordpress.org/" class="make-wp-link"><?php _e( 'Help Make WordPress', 'wporg' ); ?></a></li>
     62                    </ul>
     63                </div>
    8664
    87             <div class="search-guide section light-gray clear">
    88                 <div class="inner-wrap three-columns">
     65                <?php if ( is_active_sidebar( 'landing-footer-2') ) { ?>
     66                    <?php dynamic_sidebar( 'landing-footer-2' ); ?>
     67                <?php } else { ?>
     68                    <div class=" box"></div>
     69                <?php } ?>
    8970
    90                     <?php if ( is_active_sidebar( 'landing-footer-1') ) { ?>
    91                         <?php dynamic_sidebar( 'landing-footer-1' ); ?>
    92                     <?php } else { ?>
    93                         <div class="widget box"></div>
    94                     <?php } ?>
    95 
    96                     <?php if ( is_active_sidebar( 'landing-footer-2') ) { ?>
    97                         <?php dynamic_sidebar( 'landing-footer-2' ); ?>
    98                     <?php } else { ?>
    99                         <div class="widget box"></div>
    100                     <?php } ?>
    101 
    102                     <div class="widget box">
    103                         <h4 class="widget-title"><a href="https://make.wordpress.org/" class="make-wp-link"><?php _e( 'Help Make WordPress', 'wporg' ); ?></a></h4>
    104                     </div>
    105                 </div>
    10671            </div>
    10772
     
    11075
    11176<?php get_footer(); ?>
     77
Note: See TracChangeset for help on using the changeset viewer.