Vocardsの見た目を変更する

ライトモードやダークモード、カラーテーマ、表示言語、アプリアイコンを設定し、それぞれがほかの端末に引き継がれるかどうかを確認します。

必要なもの

  • Web版のVocards、またはiOS・Androidのアプリ。
  • アプリアイコンは、iOSとAndroidのアプリでしか変更できません。

早見表

設定WebiOSとAndroid初期設定アカウントに保存されるか
ライト・ダークツールバーの太陽または月のボタン設定のテーマシステムの設定に従ういいえ。このブラウザやスマートフォンだけ
カラーテーマツールバーの2つの点のボタン、または設定設定のカラー標準のテーマいいえ。このブラウザやスマートフォンだけ
お気に入りのテーマテーマ一覧の星テーマ一覧の星なしはい
表示言語ツールバーの旗のボタン、または設定設定の言語ブラウザやスマートフォンの言語(Vocardsが対応している場合)。対応していなければ英語はい
アプリアイコン利用できない設定のアプリアイコンペーパーミニマルいいえ。このスマートフォンだけ

ライトとダークを切り替える

Webでは、ツールバーの太陽または月のボタンをクリックします。マウスを重ねるとテーマと表示されるボタンです。ライトモード、自動 (システム)、ダークモードから選びます。

自動 (システム)は、パソコンのライト・ダークの設定に従い、その設定が変わると一緒に切り替わります。

iOSとAndroidでは、設定タブを開きます。アプリの下にあるテーマをタップし、自動、ライト、ダークから選びます。

メモ: iOSとAndroidのアプリでは、ポッドキャストモードはライトモードでも常にテーマのダークカラーで表示されます。

カラーテーマを選ぶ

カラーテーマを選ぶと、アプリの配色が変わります。各テーマにはライト版とダーク版があるので、どちらのモードでも使えます。テーマはVocardsが用意したものから選びます。自分でテーマを作ることはできません。

  1. Webでは、ツールバーにある2つの色の点のボタンをクリックします。カラーテーマという名前のボタンです。ウィンドウが狭い場合は、代わりに設定を開き、アプリの下のカラーテーマの行を使います。
  2. テーマを検索...に入力すると、一覧を絞り込めます。
  3. テーマをクリックします。アプリがそのテーマに変わり、一覧が閉じます。

テーマの横の星をクリックすると、そのテーマがお気に入りに追加されます。お気に入りは一覧の一番上、すべてのテーマの上に表示されます。

iOSとAndroidでは、設定のアプリの下にあるカラーをタップします。一覧の使い方は同じで、各テーマに星が付いています。一覧が長い場合は、上部に検索欄が表示されます。

探索で実際の画面にテーマを試す

探索を使うと、選ぶ前に、いま開いている画面で各テーマの見た目を確かめられます。

  1. カラーテーマの一覧を開き、上部の探索をクリックします。画面の下部にバーが表示されます。
  2. 矢印ボタンでテーマを順に切り替えるか、シャッフルを押してランダムに選びます。切り替えるたびに、バーの後ろのアプリの表示が変わります。
  3. バーの星をクリックすると、表示中のテーマをお気に入りに追加できます。
  4. 保持をクリックするとそのテーマが適用され、キャンセルをクリックすると元のテーマに戻ります。

キーボードを使っている場合は、バーの上に表示されたキーでも操作できます。

iOSとAndroidでは、カラーの一覧の上部にある探索をタップします。バーを左右にスワイプしてテーマを切り替え、下にドラッグするとキャンセルできます。星、シャッフル、キャンセル、決定のボタンも同じようにあります。

表示言語を変更する

表示言語とは、アプリのボタンやメニューに使われる言語です。Vocardsは13の言語に対応しています。英語、スペイン語、ポーランド語、ブラジルポルトガル語、ドイツ語、フランス語、トルコ語、イタリア語、日本語、韓国語、ロシア語、ベトナム語、アラビア語です。

表示言語は、学習する言語とは別のものです。デッキごとに話せる言語と学習中の言語の組み合わせがあり、表示言語を変更してもデッキには影響しません。

  • Webでは、ツールバーにある表示言語という名前の旗のボタンをクリックし、言語を選びます。設定のアプリの下からも変更できます。ウィンドウが狭い場合は、メニューアイコンから開くメニューの中にあります。
  • iOSとAndroidでは、設定のアプリの下にある言語をタップします。

サインインしているあいだは、選んだ言語がアカウントに保存されます。Web版のVocardsは次に読み込んだときにその言語に切り替わり、アプリは別のスマートフォンでサインインしたときにその言語を使います。

メモ: アラビア語は右から左に書く言語なので、レイアウト全体が左右反転します。iOSとAndroidでは、アラビア語に切り替えるときやアラビア語から別の言語に切り替えるときにアプリが再起動します。そのあいだは言語を準備中と表示されます。

アプリアイコンを変更する(iOSとAndroid)

  1. 設定タブで、アプリの下にあるアプリアイコンをタップします。
  2. 9つのアイコンから1つをタップします。使用中のアイコンにはチェックマークが付きます。

Androidでは、新しいアイコンを適用するあいだに、アプリがいったん閉じて再び開くことがあります。

メモ: アプリアイコン画面の上部には、アイコンの変更はiOSで利用できると書かれていますが、Androidでも使えます。

ウィジェットの色(iOSとAndroid)

ホーム画面のウィジェットには、アプリのテーマとは別に独自のカラースタイルがあります。新しいウィジェットはPaperスタイルで始まります。スタイルは、ホーム画面にあるウィジェット自体の設定から変更します。iPhoneとiPadでは、その設定項目の名前は英語で表示されます。

動きを減らす

iOSとAndroidのアプリは、スマートフォンのアクセシビリティ設定にある、動きを減らす設定に従います。この設定がオンだと、アニメーションは再生されずに最後の状態まで一気に進みます。アプリを開いているあいだに設定を変えても反映されます。

Vocardsには、独自の文字サイズの設定はありません。

うまくいかないとき

表示される内容原因対処法
Webの設定にライト・ダークの選択肢がないWebではツールバーにある。ページ上部の太陽または月のボタンをクリックします。
別の端末のカラーテーマが古いままカラーテーマはブラウザやスマートフォンごとに保存される。その端末でもう一度選びます。お気に入りはすでに反映されています。
「アプリアイコンを変更できませんでした – このアイコンを使うには Vocards を更新してください。」多くの場合、そのアイコンは、インストール済みのバージョンにまだ含まれていないアプリのアップデートで追加されたもの。App StoreまたはGoogle PlayでVocardsをアップデートしてから、もう一度試します。
別のスマートフォンでサインインしたあと、アプリアイコン画面で、ホーム画面に表示されていないアイコンにチェックが付いているサインインすると、別のスマートフォンで選んだアイコンが表示されるが、このスマートフォンのアイコンは切り替わらない。チェックの付いたアイコンをタップしても何も起こらない。いったん別のアイコンをタップしてから、使いたいアイコンをタップします。