タイトルアイコンの表示方法を教えてください
Q. 検索結果の各ページ情報に赤枠のようなアイコン（タイトルアイコン）を表示させたいです。
タイトルアイコンを表示することにより、各ページの種類をわかりやすく表示できると考えているのですが、MF3.0での表示方法を教えてください。
A.お客様にてCSSにて調整いただくことで、表示させることが可能です。以下は、CSSのサンプルですので、ご参考にご覧ください。
-----ココカラ-----
/* タイトルアイコン指定 */
/* 朱字に前方一致するURLについて、青字のタイトルアイコンが表示されます*/
a.mf_finder_organic_doc_title_wrapper.mf_finder_link[href^="https://www.marsflag.com/ja/news/"]::after {
background-image: url(http://sample.marsflag.com/mf_icon_products.gif);
}
/* タイトルアイコン指定（複数URL指定） */
/* 朱字に前方一致するURLについて、青字のタイトルアイコンが表示されます*/
a.mf_finder_organic_doc_title_wrapper.mf_finder_link[href^="https://www.marsflag.com/ja/news/"]::after,
a.mf_finder_organic_doc_title_wrapper.mf_finder_link[href^="https://www.marsflag.com/ja/faq/"]::after {
background-image: url(http://sample.marsflag.com/mf_icon_products.gif);
}
/* タイトルアイコンのサイズ、表示等の微調整*/
.mf_finder_organic_doc_title_wrapper::after {
content: '';
height: 20px;
width: 300px;
display: block;
background: no-repeat;
background-size: auto 20px;
margin-top: 0.3rem;
}
-----ココマデ-----