WOVN 導入サイトに表示されるウィジェットの設定方法について記載します。
設定は WOVN 管理画面の「設定」タブ→「ウィジェット」メニューから行います。
目次
動画
独自言語切替ウィジェット
WOVN ではいくつかのテーマからウィジェットを選択することができますが、必ずしもサイトのイメージに合うわけではありません。
WOVN.io PRIME プランでは、Web サイトに埋め込んだ HTML をウィジェットとして利用できるので、サイトイメージに合った言語切替ウィジェットを構築できます。
ここでは、ユーザー自身で言語切替ウィジェットのデザイン HTML / CSS を用意し、WOVN 導入サイトで利用する場合の設定について記載します。詳細については、独自言語切替ウィジェットを参照してください。
独自言語切替ウィジェット機能を有効にする
1. WOVN 管理画面のウィジェット設定で、「独自ウィジェット」項目のトグルスイッチをクリックします。
2. 独自言語切替ウィジェット機能が有効になります。
3. 独自言語切替ウィジェットの HTML を、WOVN で翻訳しているウェブサイトに埋め込んでください。
独自言語切替ウィジェットの HTML 記述方法は、独自言語切替ウィジェット - 独自言語切替ウィジェットを設置するを参照してください。
4. CSS をカスタマイズし、サイトデザインに合わせてください。
独自言語切替ウィジェット機能を無効にする
1. WOVN 管理画面のウィジェット設定で、「独自ウィジェット」項目のトグルスイッチをクリックします。
2. 独自言語切替ウィジェット機能が無効になります。
独自言語切替ウィジェットが未導入の場合も WOVN デフォルト言語切替ウィジェットを非表示にする
デフォルト設定の場合、独自言語切替ウィジェットが実装されていないページでは、代わりに WOVN デフォルト言語切替ウィジェットが表示されます。
デフォルト言語切替ウィジェットも表示させたくない場合は、この設定を有効にしてください。
1. 「独自ウィジェット」→「OPTION 独自ウィジェットを使用する場合は、WOVN ウィジェットを表示しません」の右側の「＋」ボタンをクリックします。
2. メニューが展開されたら、トグルスイッチをクリックします。
3. 独自言語切替ウィジェットが実装されていないページで、WOVN デフォルト言語切替ウィジェットも表示されなくなります。
ウィジェット非表示機能
閲覧ユーザーのブラウザ言語設定がサイトの元言語と一致する場合、言語切替ウィジェットを表示しないように設定することができます。
サイトを元言語で閲覧するユーザーに対して、言語切替ウィジェットを表示することが必要とは限りません。例えば、サイトの元言語が日本語の場合、ブラウザ言語設定が日本語の閲覧ユーザーは表示言語を変更しないので、ウィジェットを表示させなくてもよい場合もあります。
ユーザーに表示する情報をできるだけ減らしたい場合、この設定が有用です。
独自言語切替ウェジェットを利用中にこの設定を ON にした場合、独自言語切替ウィジェットも非表示となります。
ウィジェット非表示機能を有効にする
1. WOVN 管理画面のウィジェット設定で、「ウィジェット非表示」項目のトグルスイッチをクリックします。
2. 言語切替ウィジェットが表示されなくなります。
言語切替ウィジェットを完全に非表示にする
サイトを閲覧するユーザーのブラウザ言語設定にかかわらず、言語切替ウィジェットを表示しないように設定します。
言語切替ウィジェットを完全に非表示にしたときの言語切替方法について
WOVN は、閲覧ユーザーのブラウザ言語を判断し、ページの表示言語を切り替えることができます。そのため、言語切替ウィジェットを非表示にしても、ページアクセス時に自動的に言語が切り替わります。
ただし、ユーザーエクスペリエンスの観点からは推奨されません。
例えば、日本語を母国語とする閲覧ユーザーがブラウザ言語を英語に設定していた場合、元言語が日本語のページでも、強制的に英語で表示されてしまいます。このときウィジェットが非表示になっていると、ユーザーは、日本語でもページを閲覧できることがわかりません。
本来は母国語で読むことができたページですが、ユーザーエクスペリエンスの低下につながります。
- 対象プロジェクトの管理画面を開きます。
- 「設定」タブ→「ウィジェット」→「独自ウィジェット」項目を ON に設定します。
- 「独自ウィジェットを使用する場合は、WOVN ウィジェットを表示しません。」の右にある「＋」ボタンをクリックします。
- 「独自ウィジェットのみ表示。独自ウィジェットが挿入されてない場合でも、WOVN デフォルトウィジェットも表示しません」を ON に設定します。
ウィジェット非表示機能を無効にする
1. WOVN 管理画面のウィジェット設定で、「ウィジェット非表示」項目のトグルスイッチをクリックします。
2. ウィジェット非表示が無効になり、言語切替ウィジェットが表示されるようになります。
優先表示言語
閲覧ユーザーがブラウザで設定している言語の翻訳が完了していない場合に、他の言語を表示するよう設定します。
1. WOVN 管理画面のウィジェット設定で、「言語」項目のプルダウンをクリックします。
2. プルダウンリストから、優先表示したい言語をクリックします。
3. 優先表示する言語が設定されます。
"機械翻訳"モーダルを表示
WOVN 導入サイトで言語を切り替えた際に、機械翻訳を使用している旨をモーダル表示することができます。
機械翻訳モーダル表示機能を有効にする
1. WOVN 管理画面のウィジェット設定で、「"機械翻訳"モーダルを表示」項目のトグルスイッチをクリックします。
2. 入力フォームが展開されたら、「言語」のプルダウンをクリックします。
3. プルダウンリストから、表示したい言語をクリックします。
4. 「モーダルタイトル」と「モーダル本文」の入力フォームに、それぞれ表示する文章を入力します。
5. 入力が完了したら、「保存」ボタンをクリックします。
6. 文章が登録され、機械翻訳モーダルが表示されます。
機械翻訳モーダル表示機能を無効にする
1. WOVN 管理画面のウィジェット設定で、「"機械翻訳"モーダルを表示」項目のトグルスイッチをクリックします。
2. 機械翻訳モーダルが表示されなくなります。
カスタマイズ
WOVN デフォルト言語切替ウィジェットのデザイン、およびレイアウトをカスタマイズすることができます。
WOVN デフォルト言語切替ウィジェットのカスタマイズ機能を有効にする
1. WOVN 管理画面のウィジェット設定で、「カスタマイズ」項目のトグルスイッチをクリックします。
2. カスタマイズできる設定項目が表示されます。
WOVN デフォルト言語切替ウィジェットのカスタマイズ機能を無効にする
1. WOVN 管理画面のウィジェット設定で、「カスタマイズ」項目のトグルスイッチをクリックします。
2. 設定項目が非表示になります。
PC ブラウザに表示される WOVN デフォルト言語切替ウィジェットをカスタマイズする
「カスタマイズ」→「デスクトップ」タブで設定します。
スマートフォンブラウザに表示される WOVN デフォルト言語切替ウィジェットをカスタマイズする
「カスタマイズ」→「モバイル」タブで設定します。
インフォメーション
配置に関する設定は、PC とスマートフォンで別々に指定できます。
スタイルを変更する
「スタイル」設定で、WOVN デフォルト言語切替ウィジェットの表示スタイルを変更できます。
「スタイル」設定をクリックすると、画面イメージ内の WOVN デフォルト言語切替ウィジェットの表示が切り替わります。
位置を変更する
「位置」設定で、WOVN デフォルト言語切替ウィジェットの表示位置を変更できます。
「位置」設定をクリックすると、画面イメージ内の WOVN デフォルト言語切替ウィジェットの表示位置が変わります。
色を変更する
「色」設定で、WOVN デフォルト言語切替ウィジェットの色を変更できます。
「色」設定をクリックすると、画面イメージ内の WOVN デフォルト言語切替ウィジェットの色が変わります。
WOVN ロゴを非表示にする
1. 「オプション ロゴ非表示」のトグルスイッチをクリックします。
2. 画面イメージ内の WOVN デフォルト言語切替ウィジェットのロゴが非表示になります。
「機械翻訳」を表記する
1. 「オプション 「機械翻訳」表記」のトグルスイッチをクリックします。
2. 機画面イメージ内の WOVN デフォルト言語切替ウィジェットに、機械翻訳の表記が追加されます。
設定内容を保存する
各種カスタマイズ設定を保存するには、左下にある「保存」ボタンをクリックします。
