検索キーワードをハイライト表示する【Highlight Search Terms】の使い方

検索キーワードをハイライト表示する【Highlight Search Terms】の使い方

WordPressのサイト内検索結果は、とてもあっさりとしたもので、分かりにくい気がします。
ある語句で検索してみても、ただその検索結果がずらずらと並ぶだけ。

これでは、正直いって分かりづらいし、せっかく来てくださったユーザーも情報を見つけにくいと思うのです。

検索した語句がハイライト表示されていると分かりやすくなりますよね。
そんなときには、サイト内検索したキーワードをハイライト表示するプラグイン【Highlight Search Terms】を使ってみてはいかがでしょうか。

【Highlight Search Terms】を使うと、検索した語句がマーカーで引いたようにハイライト表示されるようになるので、表示が分かりやすくなります。

こんな場合におススメ

  • サイト内検索の結果を分かりやすく表示したい

プラグインを使ってできること

  • サイト内検索したキーワードをハイライト表示する

ご使用のテーマによっては、ハイライト表示されない場合もあります。

使用イメージ

Highlight Search Terms 使用イメージ

インストール方法

  1. ダッシュボードから プラグイン > 新規追加 とクリックする
  2. “Highlight Search Terms”で検索する
  3. “今すぐインストール”をクリック。インストール後、有効化する

または、配布サイトからダウンロードして、インストール。
検索キーワードをハイライト – WordPress プラグイン | WordPress.org

手動でインストールする方法はコチラ
WordPressのプラグインをインストールする方法WordPressのプラグインをインストールする方法

表示・設定方法

どちらも必要ありません。
プラグインを有効化すれば、自動的に検索した語句がハイライト表示されるようになります。

ハイライト色を変更する

デフォルトではハイライト色は黄色ですが、CSSで変更することができます。
変更したい場合は、下記のCSSをカスタムCSSに追記し、backgroundをお好きな色に変更してください。

CSS

.hilite{
         background:#d7e3e2;
}

動作確認環境

  • バージョン 1.5.2
  • WordPress 5.2.2
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • 【Highlight Search Terms】はサイト内検索したキーワードをハイライト表示するプラグイン
  • 検索した語句が分かりやすく表示されるようになるので、情報を見つけやすくなります。

ランキングに参加しています。

にほんブログ村 IT技術ブログ WordPressへ
クリックしていただけると、ブログ更新の励みになります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA