Comment créer une barre de recherche personnalisé ?

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Comment créer une barre de recherche personnalisé ?

Re: Comment créer une barre de recherche personnalisé ?

par @rthur » 15 oct. 2018, 18:07

Bonjour et bienvenue sur PHPfrance !

Malheureusement sans savoir comment ton thème fonctionne c'est un peu compliqué comme question. :-/

Non pas sur le fait d'ajouter des champs de recherche, mais surtout de faire le traitements pour qu'ils affichent le résultat voulu.

Je ne sais pas quel thème tu as mais par exemple pour le thème foodblog, il est déjà possible de filtrer par Pays en cliquant sur le drapeau d'un pays :
http://foodblog.pinsupreme.com/cuisine/french/
Donc peut être que tu peux t'inspirer du code qui existe déjà pour faire la même chose sur les temps de cuisson. (Oui je sais ce n'est pas très précis comme réponse mais difficile de faire mieux sans connaitre l'architecture du thème Wordpress...)

Comment créer une barre de recherche personnalisé ?

par mya78 » 13 oct. 2018, 17:21

Bonjour à tous et à toutes !!

Me voici nouvelle sur ce forum. Je viens de crée un blog culinaire pour partager des recettes et j'aurais d'un petit coup de pouce pour personnalisé ma barre de recherche.

En effet, j'ai acheté un template sur theme forest et la barre de recherche que le theme propose n'est pas assez détaillé à mon goût, on ne peux rechercher que par ingrédients ou recette.

Comment faire pour la personnalisé ? Exemple temps de préparation, pays etc...

Merci d'avance ...



PS: Voici le code php que j'ai:
<?php
/**
 * Template Name: Ingredients Search
 *
 */
?>
<?php get_header(); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


  <div class="os-container top-bar-w">
    <div class="top-bar <?php if(!has_post_thumbnail()) echo 'bordered'; ?>">
      <?php osetin_output_breadcrumbs(); ?>
      <?php osetin_social_share_icons('header'); ?>
    </div>
  </div>

  <div class="os-container">
    <div class="ingredients-search-box-w">
      <div class="ingredients-search-box-i">
        <h2 class="box-heading"><span><?php _e('Search by ingredients', 'osetin'); ?></span></h2>
        <div class="ingredients-select-box-w">
          <div class="ingredient-search-icon">
            <i class="os-icon os-icon-thin-search"></i>
          </div>
          <select class="ingredients-multi-select" name="" id="" data-placeholder="<?php esc_attr_e('Click to select Ingredients for search...', 'osetin'); ?>" multiple>
            <?php 
            $args = array( 'hide_empty' => 0 );

            $terms = get_terms( 'recipe_ingredient', $args );
            if ( ! empty( $terms ) && ! is_wp_error( $terms ) ) {
              foreach ( $terms as $term ) {
                echo '<option value="'.$term->term_id.'">'.$term->name.'</option>';
              }
            }
            ?>
          </select>
          <div class="ingredient-search-btn-w">
            <span class="ingredient-loading-icon-w"><img src="<?php echo get_template_directory_uri().'/assets/img/ajax-loader.gif' ?>" alt=""></span>
            <div class="trigger-ingredient-search" data-label-loading="<?php esc_attr_e('Searching...', 'osetin'); ?>"><?php _e('Find Recipes','osetin'); ?></div>
          </div>
        </div>
      </div>
    </div>
    <div class="ingredients-search-results-w"></div>
  </div>
<?php


endwhile; endif; ?>
<?php get_footer(); ?>