WordPress.org
Get WordPress

Making WordPress.org

Changeset 742


Ignore:
Timestamp:
07/09/2014 06:46:05 PM (12 years ago)
Author:
coffee2code
Message:

Code Reference: add search form to search results page.

  • Add search form to top of search results page
  • Add breadcrumb for search results page
  • Make searchform template applicable outside of reference landing page

See #450, #494.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/content-none.php

    r556 r742  
    2323                        } ?>
    2424                        </h4>
    25                         <?php get_search_form(); ?>
    2625                </div><!-- /search-guide -->
    2726        </div><!-- .reference-landing -->

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

    r724 r742  
    578578        }
    579579
     580        .section.search-section {
     581                padding-bottom: 0;
     582        }
     583
     584        .searchform {
     585                overflow: hidden;
     586                height: auto;
     587                margin-bottom: 1em;
     588                input[type="text"], input[type="submit"] {
     589                        height: 50px;
     590                        height: 5rem;
     591                        margin-bottom: 1em;
     592                        width: 100%;
     593                }
     594                input[type="submit"] {
     595                        width: 85px;
     596                        width: 8.5rem;
     597                        float: left;
     598                }
     599                label {
     600                        width: 560px;
     601                        width: 56rem;
     602                        max-width: 100%;
     603                        margin-right: 15px;
     604                        display: inline-block;
     605                        float: left;
     606                        .search-field input[type="text"] {
     607                                width: 100%;
     608                        }
     609                }
     610                div {
     611                        overflow: auto;
     612                }
     613        }
     614
    580615        .reference-landing {
    581616                padding: 1em 0;
    … …  
    603638                        &.section.topic-guide, &.section.new-in-guide  {
    604639                                padding-top: 0;
    605                         }
    606                 }
    607                 .searchform {
    608                         overflow: hidden;
    609                         height: auto;
    610                         margin-bottom: 1em;
    611                         input {
    612                                 height: 50px;
    613                                 height: 5rem;
    614                                 margin-bottom: 1em;
    615                                 width: 100%;
    616                         }
    617                         input[type="submit"] {
    618                                 width: 85px;
    619                                 width: 8.5rem;
    620                                 float: left;
    621                         }
    622                         label {
    623                                 width: 560px;
    624                                 width: 56rem;
    625                                 max-width: 100%;
    626                                 margin-right: 15px;
    627                                 display: inline-block;
    628                                 float: left;
    629                                 .search-field input[type="text"] {
    630                                         width: 100%;
    631                                 }
    632 
    633640                        }
    634641                }

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/search.php

    r596 r742  
    1010        <div id="content-area">
    1111
    12                 <header class="page-header">
    13                         <h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'wporg' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
    14                 </header><!-- .page-header -->
     12                <div class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb">
     13                        <span class="trail-browse"><span class="trail-begin"><?php _e( 'Search Results', 'wporg' ); ?></span></span>
     14                        <span class="sep">/</span> <span class="trail-end"><?php echo esc_html( get_search_query() ); ?></span>
     15                </div>
     16
     17                <?php get_search_form(); ?>
     18
    1519                <main id="main" class="site-main" role="main">
    1620

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php

    r554 r742  
    66 */
    77?>
    8 <form role="search" method="get" class="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    9         <label>
    10                 <span class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg' ); ?></span>
    11                 <input type="text" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'wporg' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
    12         </label>
    13         <input type="submit" class="shiny-blue search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'wporg' ); ?>">
    14 </form>
     8<div class="search-section section clear">
     9
     10        <form role="search" method="get" class="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
     11                <div>
     12                <label>
     13                        <span class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg' ); ?></span>
     14                        <input type="text" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'wporg' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
     15                </label>
     16                <input type="submit" class="shiny-blue search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'wporg' ); ?>">
     17                </div>
     18        </form>
     19
     20</div><!-- /search-guide -->

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r724 r742  
    819819  clear: none;
    820820}
    821 .devhub-wrap .reference-landing {
    822   padding: 1em 0;
    823 }
    824 .devhub-wrap .reference-landing .section {
    825   max-width: 700px;
    826   max-width: 70rem;
    827   margin: 0 auto;
    828   padding: 1.5em 0;
    829 }
    830 .devhub-wrap .reference-landing .section h2,
    831 .devhub-wrap .reference-landing .section h3,
    832 .devhub-wrap .reference-landing .section h4 {
    833   margin-bottom: 1em;
    834   color: #404040;
    835 }
    836 .devhub-wrap .reference-landing .section h2.widget-title,
    837 .devhub-wrap .reference-landing .section h3.widget-title,
    838 .devhub-wrap .reference-landing .section h4.widget-title {
    839   margin-bottom: 0;
    840 }
    841 .devhub-wrap .reference-landing .section.search-guide {
     821.devhub-wrap .section.search-section {
    842822  padding-bottom: 0;
    843823}
    844 .devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide {
     824.devhub-wrap .reference-landing .section.search-section {
    845825  padding-top: 0;
    846826}
    847 .devhub-wrap .reference-landing .searchform {
     827.devhub-wrap .searchform {
    848828  overflow: hidden;
    849829  height: auto;
    850830  margin-bottom: 1em;
    851831}
    852 .devhub-wrap .reference-landing .searchform input {
     832.devhub-wrap .searchform input[type="text"], .devhub-wrap .searchform input[type="submit"] {
    853833  height: 50px;
    854834  height: 5rem;
    … …  
    856836  width: 100%;
    857837}
    858 .devhub-wrap .reference-landing .searchform input[type="submit"] {
     838.devhub-wrap .searchform input[type="submit"] {
    859839  width: 85px;
    860840  width: 8.5rem;
    861841  float: left;
    862842}
    863 .devhub-wrap .reference-landing .searchform label {
     843.devhub-wrap .searchform label {
    864844  width: 560px;
    865845  width: 56rem;
    … …  
    869849  float: left;
    870850}
    871 .devhub-wrap .reference-landing .searchform label .search-field input[type="text"] {
     851.devhub-wrap .searchform label .search-field input[type="text"] {
    872852  width: 100%;
     853}
     854.devhub-wrap .searchform div {
     855  overflow: auto;
     856}
     857.devhub-wrap .reference-landing {
     858  padding: 1em 0;
     859}
     860.devhub-wrap .reference-landing .section, .devhub-wrap .search-section {
     861  max-width: 700px;
     862  max-width: 70rem;
     863  margin: 0 auto;
     864  padding: 1.5em 0;
     865}
     866.devhub-wrap .reference-landing .section h2,
     867.devhub-wrap .reference-landing .section h3,
     868.devhub-wrap .reference-landing .section h4 {
     869  margin-bottom: 1em;
     870  color: #404040;
     871}
     872.devhub-wrap .reference-landing .section h2.widget-title,
     873.devhub-wrap .reference-landing .section h3.widget-title,
     874.devhub-wrap .reference-landing .section h4.widget-title {
     875  margin-bottom: 0;
     876}
     877.devhub-wrap .reference-landing .section.search-guide {
     878  padding-bottom: 0;
     879}
     880.devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide {
     881  padding-top: 0;
    873882}
    874883.devhub-wrap .reference-landing .box,
Note: See TracChangeset for help on using the changeset viewer.