SharePoint 2013 検索結果のホバーパネルのヘッダーをカスタマイズする

Article
04/24/2015

こんにちは、SharePoint サポートの佐伯です。
今回の投稿では、検索結果のホバーパネルのヘッダーをカスタマイズする方法についてご紹介します。

ホバーパネルの表示は複数の表示テンプレートというファイルによって定義されています。過去の投稿では、ホバーパネルの本文やフッターの表示を変更するための表示テンプレートの編集方法をご紹介してきました。
参考)
SharePoint 2013 検索結果のホバーパネルをカスタマイズする
 SharePoint 2013 検索結果のホバーパネルにカスタムのアクションを追加する
 SharePoint 2013 検索結果のホバーパネルのフッターで既定のアクションを非表示にする
 SharePoint 2013 検索結果のホバーパネルのフッターを削除する
今回は、このヘッダー領域の表示を定義する表示テンプレートを編集し、ヘッダーの表示を変更する方法について、例をあげて説明します。

例) ホバーパネルのヘッダーに表示されるビュー数を非表示にする
検索結果のアイテムによっては、以下のようにホバーパネルのヘッダーにビュー数が表示されます。
ホバーパネル表示テンプレートを編集し、検索結果のホバーパネルのヘッダーに表示されるビュー数を非表示にするカスタマイズを行いましょう。

- 手順
1. [サイトの設定] – [Web デザイナーギャラリー] – [マスターページ] をクリックし、マスターページギャラリーを開きます。
2. [Display Templates]、[Search] の順にフォルダを展開し、Item_CommonHoverPanel_Header.html のコピーをダウンロードします。
3. Item_CommonHoverPanel_Header.html ファイルを開き、ビュー数を表示する以下のコードを削除、またはコメントアウトします。
<div class="ms-srch-hover-popularity ms-metadata" title="_#= tooltipViewsEncoded =#_ ">
<div id="_#= $htmlEncode(id + HP.ids.viewsLifeTime) =#_"> _#= $htmlEncode(formattedViewsLifeTime) =#_ </div>
<div> _#= $htmlEncode(views) =#_ </div>
</div>
4. 編集した Item_CommonHoverPanel_Header.html ファイルをマスターページギャラリーの [Display Templates] – [Search] フォルダに上書きアップロードします。

ホバーパネルのカスタマイズは以上で完了です。
このように、ホバーパネルのヘッダーからビュー数が非表示となりました。

編集内容によって、表示する検索結果アイテムの情報を追加したり、デザインを変更することも可能です。
ご要件に合わせてカスタマイズを行ってください。

SharePoint 2013 検索結果のホバー パネルのヘッダーをカスタマイズする

Additional resources

SharePoint 2013 検索結果のホバーパネルのヘッダーをカスタマイズする