タイトルアイコンの表示方法を教えてください

タイトルアイコンの表示方法を教えてください

Q. 検索結果の各ページ情報に赤枠のようなアイコン(タイトルアイコン)を表示させたいです。
タイトルアイコンを表示することにより、各ページの種類をわかりやすく表示できると考えているのですが、MF3.0 カスタムエレメントVer.2での表示方法を教えてください。


A.お客様にてCSSを調整いただくことで、表示させることが可能です。
 以下は、CSSのサンプルですので、ご参考にご覧ください。
-----ココカラ-----
/* タイトルアイコン指定 */
/* 朱字に後方一致するURLについて、青字のタイトルアイコンが検索結果タイトルの後ろに表示されます*/
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_title .mf-search-results_body_result_texts_title_link[href$="pdf"]::after {
       background: no-repeat url(https://www.adobe.com/dc-shared/assets/images/frictionless/verb-footer-images/convert-pdf.svg);
       content: '';
       display: inline-block;
       width: 20px;
       height: 20px;
}

/* href$="pdf"をhref^="https://sample.com/sample/"とすることで、 朱字に前方一致するURLについて 、タイトルアイコンが表示されます*/
/* after before とすることで、検索結果タイトルの前にタイトルアイコンを表示します */
/* width: 20px;、height: 20px; は、タイトルアイコン画像のサイズに合わせて調整します */
-----ココマデ-----


参考:


    • Related Articles

    • タイトルアイコンの表示方法を教えてください

      Q. 検索結果の各ページ情報に赤枠のようなアイコン(タイトルアイコン)を表示させたいです。 タイトルアイコンを表示することにより、各ページの種類をわかりやすく表示できると考えているのですが、MF3.0での表示方法を教えてください。 A.お客様にてCSSにて調整いただくことで、表示させることが可能です。以下は、CSSのサンプルですので、ご参考にご覧ください。 -----ココカラ----- /* タイトルアイコン指定 */ /* ...
    • MF2.0とMF3.0の機能を比較したいです

      Q.MF2.0とMF3.0の機能を比較したいです A.下記の表を参照ください。 MARSFINDER 2.0 と3.0 比較表(随時更新) 検索結果画面 機能 概要 MF2.0 MF3.0 補足 文章種別指定 (html/pdf/ Word/Excel/PowerPoint) 検索対象のファイル種別を絞り込む機能です。 〇 〇   並び順指定 (マッチ順・新着順) 結果の並び順をマッチ順(キーワードに適合した順)もしくは新着順(ページの更新日時が新しい順)から選択できる機能です。 〇 〇   ...
    • marsfinder_on offタグによる除外

      お客様サイト内へ以下のタグを挿入いただくことで、「タグ内の文字列を検索対象から除外する※」ことができる機能です。 但し、bodyタグ内でのみ有効です。 この機能は、検索DB詳細画面->拡張設定->marsfinderoff~marsfinderonタグ除外を利用する により、有効・無効が設定できます。 設定は、次回検索データベースが作成されると反映されます。 ※タグ内のリンクに関しては、クロール対象のままです。 ■タグ ==== 開始 <!-- marsfinderoff: index --> ...
    • 検索対象外タグとmarsfinder on/offタグの違いを教えてください

      Q.検索対象外タグとmarsfinder on/offタグの違いを教えてください。 A.両者の効果は同じです。 どちらも該当箇所を検索対象から除外いたします。 「検索対象外タグ」に当てはまれば、自動的に検索対象から除外されるため、marsfinder_on/offの追加は不要となります。HTMLを編集する必要もございません。 marsfinder on/offタグは、「検索対象外タグ」でカバーできない箇所に対して利用いただくものとなります。HTMLを編集して追加してください。 参考: ...
    • MARSFINDERを利用したユーザのアクセスログは、取得していますか

      Q. MARSFINDERを利用したユーザのアクセスログは、取得していますか。 A.はい、取得しています。 取得情報等につきましては、下記の通りです。 尚、これらの情報はシステム運用上保管しているものであり、お客様への開示を目的としたものではございません。 【取得している情報】 アクセス日時 IPアドレスとポート番号 リクエスト処理時間 HTTPステータスコード 送受信バイト数 リクエストURL HTTPバージョン User-Agent SSLプロトコルと暗号アルゴリズム 【用途】 ...