Link to search page without search parameter

Create a file search.php inside your theme-folder. In this file you can design the search page and its functionality.

Typically search page looks like this,

<?php
/**
 * The template for displaying search results pages
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
 *
 * @package Torba_Market
 */

get_header(); ?>
    <div class="container">

    <section id="primary" class="content-area">
        <main id="main" class="site-main" role="main">

        <?php
        if ( have_posts() ) : ?>

            <header class="page-header">
                <h1 class="page-title"><?php printf( esc_html__( 'Search Results for: %s', 'torba' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
            </header>
            <?php
            /* Start the Loop */
            while ( have_posts() ) : the_post();

                /**
                 * Run the loop for the search to output the results.
                 * If you want to overload this in a child theme then include a file
                 * called content-search.php and that will be used instead.
                 */
                get_template_part( 'components/post/content', 'search' );

            endwhile;

            the_posts_navigation();

        else :

            get_template_part( 'components/post/content', 'none' );

        endif; ?>

        </main>
    </section>
    </div>
<?php

get_footer();

?>

Here you can call different header and footer too.

Leave a Comment