検索オプション、検索結果画面に表示される文言を変更したいです

検索オプション、検索結果画面に表示される文言を変更したいです

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) ドリルダウンのタイトル
　7) 関連検索キーワードのタイトル

それぞれの具体的な方法は以下の通りです。

■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_keywordranking_head:before{font-size:1rem;content:"Keyword Ranking" }

　6) ドリルダウンのタイトル

.mf_finder_drilldown_head:before{content:"Drilldown"}

　7) 関連検索キーワードのタイトル


.mf_finder_relatedkeywords_head:before{content:"Related Keywords"}

    • Related Articles

    • 検索オプション、検索結果画面に表示される文言を変更したいです

      Q: 検索窓の選択項目や、検索結果画面に表示される文言を変更したいです。 A: 以下のガイド付きセットアップを参照下さい。 https://doc.mp.marsflag.com/mfx-v2-manual/pages/getting-started/guided-setup.html

    • 検索オプション、検索結果画面に表示される文言を変更したいです

      Q: 検索窓の選択項目や、検索結果画面に表示される文言を変更したいです。 A: mf-search-box の属性と、cssにて変更可能です。非対応の言語でも表示可能です。 ■mf-search-box の属性で変更できる文言 　1) 文書種別選択用UIの「全部」を示す文言 　2) カテゴリ選択用UIの「全てのカテゴリ」を示す文言 　3) 並び順選択用UIの「一致順」「新着順」を示す文言 　4) 画像サイズ選択用UIの「なし、小、中、大」を示す文言 ■cssにて変更できる文言 　1) ...

    • 検索オプション(大中小など)をボタン表示にしたいです

      Q. 検索窓の付近の表示される、画像の大中小などの選択肢をボタン表示にしたいです。 A. mf-search-box タグに ”use-links” と記述することで、以下の画像のようなボタン表示となります。 <mf-search-box ajax-url="//****/****/x_search.x"     use-links ></mf-search-box>

    • 検索結果の表示言語の設定方法を教えてください

      Q. 検索結果の表示言語はどのようにすれば設定できますか？ A. html要素のlang属性の言語で表示されますが 　mf_finder_container にlang属性がある場合はそちらを優先します。 　例) 　<html lang="ja">のみ記述されている場合、日本語で表示します。 　例) 　<html lang="ja"> 　<div class="mf_finder_container" lang="en"> 　と記述されている場合、英語で表示します。 ...

    • 検索結果の表示言語の設定方法を教えてください

      Q. 検索結果の表示言語はどのようにすれば設定できますか？ A. html要素のlang属性の言語で表示されますが 　mf_finder_container にlang属性がある場合はそちらを優先します。 　例) 　<html lang="ja">のみ記述されている場合、日本語で表示します。 　例) 　<html lang="ja"> 　<div class="mf_finder_container" lang="en"> 　と記述されている場合、英語で表示します。 ...