ベストセラー人気 WordPress テーマTop 30 詳細

WordPress 検索ハイライトのプラグイン - Highlight Search Terms

Last Updated:2021年7月1日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

検索した単語やフレーズを黄色などで強調表示したい場合 WordPressで検索ハイライトプラグインHighlight Search Termsを使用することができます。 この無料のプラグインを使用すると、ページのタイトルと本文内の検索語句を強調表示することができます。

WordPress 検索ハイライトのプラグイン - Highlight Search Terms

WordPress 検索ハイライトのプラグイン -  Highlight Search Terms

Highlight Search Termsプラグインは、 WordPress 検索結果ページで検索キーワードを黄色で強調表示して、検索単語がどこに位置しているかどうかを簡単に把握できるようにします。

このプラグインは、軽量で、設定するオプションがありません。 バージョン1.6(この記事の執筆時点の最新バージョン:1.6)からjQueryライブラリーに依存しないです。

機能

  • WordPress 検索結果ページだけでなく、発見されたページ内のクリック深いページで強調表示。
  • 大文字小文字の区別はありません。
  • BuddyPress / bbPressの互換性:フォーラムを検索でもハイライト表示
  • キャッシュ(WP Super Cache)互換性のある
  • 二重引用符で包んだ検索も、単一の用語とみなされ

サイトの速度に影響をあまり与え、このプラグインは、各ポスト内の検索結果ページでは、すべてのクエリを探して ... タグで強調表示されます。
(ここで、Nは0から1ずつ増加する数字であり、検出された検索語に0から順番に付与されます。検索キーワードの一部が引用符で囲まれた場合、単一の用語として見なされます。

ハイライトに設定されたCSSスタイルがありません。 好みのスタイルを自由に使用することができますが、Internet Explorer 8以下のようにHTML5をサポートしているいないブラウザでもハイライトが表示されるためには、少なくともXNUMXつのルールを定義する必要があります。

モダンなHTML5ブラウザは、基本的に、独自のハイライトスタイルを使用します。 (通常黄色のマーカースタイルの背景色)

スタイルはCSSで変更が可能です。 例CSSコード:

.hilite { background-color:yellow; font-weight:bold } /* 기본 - default */
.term-1 { background-color:#D3E18A } /* 두 번째 검색어에만 적용 - second search term only */
.term-2 { background-color:#9CD4FF } /* 세 번째 검색어에만 적용 - third search term only */
.term-3 { background-color:#FFCA61 } /* 두 번째 검색어에만 적용 - fourth search term only */

カスタムCSSコードは ルックス>ユーザー定義>追加CSSに追加するだけです。 Avada などいくつかの有料テーマでは、テーマのオプションにCustom CSSコードを追加するセクションを提供しています。

このプラグインを使用してテストしてみると、ハングルでもうまく動作しますね。 複数の単語の検索でも動作し、クエリの調査が付けたり、他の単語と組み合わせた場合でも、その用語が、黄色で強調表示されます。

WordPress 検索ハイライトのプラグイン -  Highlight Search Terms  - 検索結果
検索の強調表示例。

プラグインが正常に動作しない場合

このプラグインをインストールしても、検索結果ページで検索キーワードがハイライトで表示されない場合は、プラグインやテーマとの競合により、プラグインが正常に動作していない場合があります。 ハイライトが動作しない場合、他のプラグインを無効にして、問題が解決するかチェックしてみてください。 また、 プラグインのサポートページを介してサポートを受けることもできます。

最後に、

以上で WordPress 検索結果ページで検索用語を強調表示するHighlight Search Termsプラグインについて説明しました。 (WordPress 管理者ページ>プラグイン>新規追加で「Highlight Search Terms」を検索すると、 WordPress 韓国語版では、「検索を強調」という名前で検索されます。)

検索ボックスに検索フレーズの一部を入力すると、リアルタイムで検索結果を表示したい場合には、 アヤックス検索プロのようなAjax検索プラグインを使用することができます。

参照



コメントを残す

コメント