サイト内検索で検索ワードをハイライト

LINEで送る
Pocket

この1年位、当サイト内の検索をした時に検索対象としたワードをハイライトさせたいとずっと思いながらも放置してきましたが、ついにそれを実行すべき時がやってきました。

今夜のTEARS OF TRANCEでのBen Nicky出演に先立って、当サイトの記事から彼に関連する楽曲を検索して聴いておこうと思った時に、一目で彼の楽曲を発見したかったわけです。

そこで、ハイライト用のプラグインを探してみました。

当サイト(他の多くのサイトもそうかもしれませんが)でサイト内検索をかける場合、
まずは検索結果のページ(検索ワードが存在するであろう記事のタイトルや冒頭部分のみがリスト化されたページ)が表示され、
次にそのページの各リンクからそれぞれの記事の全体ページにいくという流れです。

検索結果のページ自体は当該検索ワードを含む記事のタイトルや記事の冒頭のみがリスト表示されているにすぎないので、そこで検索文字列をハイライトさせることにほとんど意味はなく、
記事の全体ページへ飛んだ時にそこで検索ワードをハイライトさせることに意味があります。

そしてこのポイントを充たしてくれるプラグインはこちらでした。

Highlight Search Terms
プラグインの詳細ページはこちら

このプラグインは特に設定箇所などなく至ってシンプルなものですが、検索ページでもそこから飛んだリンク先でも検索ワードをハイライトさせてくれます。

例えばこんな感じ。

ハイライトの色の変更等については、上のプラグインの詳細ページに記載があり、私の場合はVK ExUnitというプラグインのCSSカスタマイズの部分でCSSの設定をして変更しました。



LINEで送る
Pocket