ワードプレスで検索されたコンテンツの特定の単語を強調表示する方法

Question

WordPressのコンテンツ結果で検索用語を強調表示します。

タイトル、抜粋、およびコンテンツのハイライトにいくつかの機能を試しました。タイトルと抜粋はうまく機能しますが、内容はうまく機能しません。それは私のコンテンツのレイアウトを妨げる。

私の実際のレイアウトは

とコンテンツでハイライト検索用語のための機能を使用した後です。これは、この

ように私はタイトルのハイライトを使用する機能が

function search_title() { 
$title = get_the_title(); 
$keys = implode('|', explode(' ', get_search_query())); 
$content = strip_tags($content); 
$title = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $title); 
echo $title; 

}

と私はコンテンツに使用する機能が

function search_content() { 
    $content = get_the_content(); 
    $keys = implode('|', explode(' ', get_search_query())); 
    // $content = strip_tags($content); 
    $content = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $content); 
    $content = preg_replace('~(?:\[/?)[^/\]]+/?\]~s', '', $content); 
    echo '<p>' . $content . '</p>'; 

}であるに見えます

うまく動作しますが、私のレイアウトは壊れます。

私はいくつかのjqueryメソッドも試してみました。運がない。

Answer 1

シャバンは、このコードによって、検索用語を取得し、あなたのsearch.phpこのコードを試してみてのfunctions.php

からsearch_content（）を削除します。その後、

<?php echo $str = esc_html(get_search_query(false)); ?> 

とと同じファイルにjqueryのを書くには含まれています機能を。これはjQueryのソリューションについてご