Hur man markerar söktermerna i resultat i WordPress

I ett försök att göra din WordPress-sökning ännu mer användarvänlig kan du markera sökord i resultaten. Vi gjorde detta för en av våra kunder, så vi trodde att det skulle vara användbart för andra användare. I den här artikeln visar vi dig hur du kan markera söktermer i resultaten i WordPress.

Öppna först din och leta efter följande kod:

<?php the_title(); ?>

Ersätt ovanstående kod med:

<?php echo $title; ?>

Se till att du klistrar in den här raden ovanför titelkoden:

<?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt"></strong>', $title); ?>

Öppna nu din CSS-fil och lägg till stylingen för klassens sökutdrag, så markeras termen. För närvarande gör koden sökorden fet. Du kan prova den här enkla CSS i temat stilformat.

strong.search-excerpt { 
background-color:yellow;
color:blue;
}

Källa: Michael Martin