検索オプション、検索結果画面に表示される文言を変更したいです
検索オプション、検索結果画面に表示される文言を変更したいです
Q: 検索窓の選択項目や、検索結果画面に表示される文言を変更したいです。
A: mf-search-box の属性と、cssにて変更可能です。
非対応の言語でも表示可能です。
■mf-search-box の属性で変更できる文言
1) 文書種別選択用UIの「全部」を示す文言
2) カテゴリ選択用UIの「全てのカテゴリ」を示す文言
3)
並び順選択用UIの「一致順」「新着順」を示す文言
4)
画像サイズ選択用UIの「なし、小、中、大」を示す文言
■cssにて変更できる文言
1) [Results]の部分
2) [of about]の部分
3) [for"]の部分
4) ["]の部分
5) ドリルダウンのタイトル
6) 関連検索キーワードのタイトル
それぞれの具体的な方法は以下の通りです。
■
mf-search-box の属性で変更できる文言
下記赤枠の部分は
mf-search-box の属性に指定することで、表示される文言を変更できます。
1) 文書種別選択用UIの「全部」を示す文言(デフォルトは”ALL”)
mf-search-box の属性に、以下の1行を追記してください。
doctype-all-text="
全部
"
2)
カテゴリ
選択用UIの「全てのカテゴリ」を示す文言(デフォルトは
"ALL Category"
)
mf-search-box の属性に、以下の1行を追記してください。
category-all-text="
全てのカテゴリ
"
3) 並び順選択用UIの「一致順」「新着順」を示す文言(デフォルトは
"match,recent")
mf-search-box の属性に、以下の1行を追記してください。
sort-text-csv="
一致順
,
新着順
"
4) 画像サイズ選択用UIの「なし、小、中、大」を示す文言(デフォルトは
"none,small,medium,large"
)
mf-search-box の属性に、以下の1行を追記してください。
imgsize-text-csv="
なし,小,中,大
"
■
CSSで変更できる文言
下記赤枠の部分はCSSで指定することで文言を変更できます。
1) [Results]の部分
.mf_finder_organic_range_from:before {
content: "
Results
";
}
2) [of about]の部分
.mf_finder_organic_total:before {
content: "
of about
";
}
3) [for"]の部分
.mf_finder_query:before {
content: '
for"
';
}
4) ["]の部分
.mf_finder_query:after {
content: '
"
';
}
5) ドリルダウンのタイトル
.mf_finder_drilldown_head:before{
content:"
Drilldown
"}
6) 関連検索キーワードのタイトル
.mf_finder_relatedkeywords_head:before{content:"
Related Keywords
"}
参考:
カスタムエレメント技術資料