Google のような検索結果のハイライト表示

MovableType の検索結果テンプレートはわりあいあっさりしていて、Google のような検索結果のハイライト表示ができません。そこで、プラグインの登場です。

「Open MagicVox.net」で公開された、「検索キーワード付近を抜き出して表示するMovableTypeプラグイン:SearchStringHighlight」の出番です。

MovableType の可能性って本当にすごい。もちろんプラグイン作者の皆さんのおかげです。感謝、感謝。

検索結果テンプレートもしくは代替の検索結果テンプレート(MT/search_templates/altsearch.tmpl)からインクルードしている、ブログ記事の概要テンプレート20行目あたり、

<div class="asset-body">
        <$mt:EntryBody$>
</div>

を、

<div class="asset-body">
        <$mt:SearchStringHighlight$>
</div>
<$mt:SearchStringHighlight length="20" words="40" tag="strong"$>

というように、オプション指定もできます。

とすればよいのですが、ブログ記事の概要テンプレートには手を加えず、書き換えたものを、検索結果テンプレートからインクルードしている部分に丸ごと上書きしたほうが吉でしょう。