事前準備
サイトにAndroidまたはiPhoneアプリが追加されていることを確認してください(keynate/apps/add-appsをご覧ください)。独自のアイコンを使う場合は、できれば1024×1024ピクセルの正方形のPNGまたはJPG画像をご用意ください。
手順
- マイサイトを開き、サイトを選択してアプリをタップします。
- このページ内メニューでアプリ名とアイコンをタップします。または、ストア向けガイドにある名前とアイコンを設定(設定済みの場合は名前とアイコンを変更)をタップします。どちらからでもアプリの名前とアイコンカードが開きます。
- 1. アイコンの下に表示される名前で、スマホ上のアプリ名を入力します。最大30文字まで入力できますが、実際のスマホ画面に表示されるのは全角6文字(半角12文字)程度です。それ以上長い名前は途中で省略されます。iPhoneとAndroidのホーム画面プレビューで表示イメージを確認できます。
- Google PlayとApp Storeでの表示名と簡単な説明文を確認します。これらはKeynateがサイト情報から自動入力しています。
- 2. アプリアイコンで、いずれか1つを選択します。
- アイコンをアップロード: 画像を選択をタップします。256ピクセル以上のPNGまたはJPG画像が使えます。Keynateが自動で1024×1024にリサイズします。画像が正方形でない場合は、ドラッグして正方形に切り抜く範囲を選べます。
- サイトのロゴを使用: 保存時に、Keynateがブランドカラーの上にサイトロゴを配置してアイコンを自動作成します。サイトにまだロゴがない場合は、先にサイト管理画面で追加してください。
- デフォルトのアイコンを使う: Webサイトに設定済みの小さなアイコン、またはアプリ名の頭文字が使われます。テスト用としては十分です。
- 3. カラーで、起動画面のカラー(アプリ起動時に一瞬表示される色)とボタンのカラー(ボタン、リンク、選択中のタブの色)を選択します。Keynateがサイトのカラーを元に初期設定します。
- 名前とアイコンを保存をタップします。カードに完了 ✓と表示されます。
- すでにアプリのバージョンを作成済みの場合は、ストアに新しい名前とアイコンを反映させるため、再度ビルドしてください。ストア向けガイドのアプリを作成をタップするか、ビルド・プレビュー・公開のAndroidアプリをビルド / iPhoneアプリをビルドをタップします。
補足情報
- アイコンの透過部分は、設定したボタンのカラーで塗りつぶされます。Appleでは透過アイコンが許可されていないためです。
- アイコンの重要な部分は中央に配置してください。Androidでは角が丸く切り取られて円形になります。
- アイコン、機能グラフィック、ストア用スクリーンショットは、ビルドのたびに再作成されます。
- ストアでの表示名は、アイコンの下に表示される名前と別にすることができます。ストア名はkeynate/apps/store-listingで設定します。
- サイトの新しい記事はアプリに自動で反映されます。名前、アイコン、カラー、通知設定を変更した場合や、Keynateがアプリのアップデートをリリースした場合のみ、再ビルドが必要です。
トラブルシューティング
- 「画像サイズが4MBを超えています」 画像サイズを小さく保存し直してから、再度お試しください。
- 「PNGまたはJPG画像を選択するか、サイトのロゴを使用してください」 その他のファイル形式には対応していません。
- 「少しぼやけて見える場合があります」 画像が512ピクセル未満です。鮮明なアイコンにするには、より大きな画像をアップロードしてください。
- スマホに古いアイコンが表示されたままです スマホには現在インストールされているバージョンのアイコンが表示されます。ストアまたはテスト用リンクから新しいバージョンをインストールしてください。
よくある質問
よく聞かれる質問
アプリをストアに公開した後でも名前を変更できますか?
はい。ここで名前を変更し、新しいバージョンを作成して公開してください。ただし、ストアに一度登録されたパッケージ名とバンドルIDは変更できません。
アイコンを変更するとWebサイトにも影響しますか?
いいえ。これはアプリ専用の設定です。Webサイトのロゴはそのまま変わりません。