scarpepersonalizzate.it

Aggiungere modulo di ricerca WordPress


searchform-wordpress-personalizzato

Per aggiungere il modulo di ricerca WordPress, è molto semplice!

Basta inserire il codice:

<?php get_search_form( $echo ); ?>

Che viene esplicitato in questo modo. Si tratta della versione standard del modulo:

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

Ma se desideriamo discostarci dal modulo standard?

Basta creare un file searchform.php, e creare un modulo di ricerca personalizzato come il seguente, poi richiamarlo con una funzione php:

<form action="/" method="get">
    <fieldset>
        <label for="search">Search in <?php echo home_url( '/' ); ?></label>
        <input type="text" name="s" id="search" value="<?php the_search_query(); ?>" />
        <input type="image" alt="Search" src="<?php bloginfo( 'template_url' ); ?>/images/search.png" />
    </fieldset>
</form>

Altro modo per abilitare il searchform personalizzato è quello di scrivere alcune linee di codice all’interno del file functions.php, e poi richiamarlo con una funzione php:

function my_search_form( $form ) {
    $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div><label class="screen-reader-text" for="s">' . __( 'Search for:' ) . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__( 'Search' ) .'" />
    </div>
    </form>';

    return $form;
}

add_filter( 'get_search_form', 'my_search_form' );

Commenti: Vedi tutto

Lascia una risposta