Home / Wordpress / #35 Surligner les recherches dans WordPress.

#35 Surligner les recherches dans WordPress.

Le moteur de recherche de WordPress est souvent critiqué pour ne pas être assez puissant. Un de ses points faibles, à mon avis c’est que le texte recherché n’est pas facile à distinguer du reste du texte. Voici une astuce pour résoudre ce problème.Ouvrez le fichier search.php de votre thème, puis rechercher cette fonction <?php the_title(); ?>, attention il peut y avoir 2 résultats possible et la remplacer par <?php echo $title;?>
surlignage_1

Il ne faut  pas remplacer  title=Permanent link to <?php the_title(); ?>, qui permet d’afficher dans l’info bulle le nom du billet.

surlignage_2

Maintenant juste avant la ligne  que vous venez de modifier insérer le code suivant :

<?php
$title     = get_the_title();
$keys= explode( » « ,$s);
$title     = preg_replace(‘/(‘.implode(‘|’, $keys) .’)/iu’,
‘<strong class= »search-excerpt »>\0</strong>’,
$title);
?>

Votre code doit ressembler à ça :

surlignage_3

Pour afficher le surlignage jaune fluo, il faut modifier le fichier style.css de votre thème et rajouter ce code :

strong.search-excerpt { background: yellow; }

Maintenant vous pouvez faire un essai pour voir le rendu en cliquant ici

That’s All.

Difficulté : Intermédiaire
Modification :
Crédits :

  

5 Potins

  1. chez moi ca ne marche pas surement trop ancien comme code

  2. ha si en fait mais j’ai préféré utiliser get_the_excerpt(); au lieu de get_the_title(); afin de surligner dans le texte. Merci :)

  3. Bah cela ne fonctionne pas chez moi :(

  4. Merci pour le lien. Je bookmark.

    Guillaume.

  5. J’avais vu le hack déjà ailleurs, il était même un peu plus détaillé :
    http://forum.3oneseven.com/topic/hacks/page/10 ;)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Phasellus leo odio amet, mi, elit. Sed ultricies mattis Donec Praesent
Partagez
Tweetez
+1
Enregistrer
Reddit
Partagez
Pocket
0 Partages
QuickTutoriel

GRATUIT
VOIR