Skip to main content
ドキュメントへの更新が頻繁に発行されており、このページの翻訳はまだ行われている場合があります。 最新の情報については、「英語のドキュメント」を参照してください。

GitHub App のカスタムバッジを作成する

独自のロゴ画像をアップロードし、背景をカスタマイズすることによって、GitHub Appのデフォルトのバッジを置き換えられます。

既定では、新しい GitHub アプリには、自動的に生成された identicon が含まれます。 アイデンティコンバッジとは、次のようなものです。

アイデンティコン。円形の黄色い背景の上にランダムなパターンの白いピクセルで構成されています。

GitHub App の作成後、ロゴをアップロードし、背景色を設定することで、アプリケーションのバッジをカスタマイズできます。 バッジは、丸の中に正方形のロゴ画像があります。 バッジの背景色を選んで、他のアプリケーションと視覚的に区別させることができます。

ロゴは、1 MB 未満の PNG、JPG または GIF ファイルである必要があります。 最高の画質を得るため、画像の大きさは 200 x 200 ピクセル以上にすることをお勧めします。 バッジのカスタマイズに関する詳細なガイダンスについては「アプリケーションのリストの説明を書く」を参照してください。

既に承認済みの Marketplace リストがある GitHub アプリのカスタム バッジを変更するには、 https://github.com/marketplace/manage に移動します。

カスタムバッジを作成するには、以下の手順に従います。

  1. 任意のページで、右上隅にあるプロファイルの画像をクリックし、次に[設定]をクリックします。

    GitHub のアカウント メニューのスクリーンショット。ユーザーがプロファイル、コンテンツ、設定を表示および編集するためのオプションが表示されています。 メニュー項目 [設定] が濃いオレンジ色の枠線で囲まれています。

  2. 左側のサイドバーで [ 開発者設定] をクリックします。

  3. 左側のサイドバーで、 [GitHub App] をクリックします。 GitHub の [開発者向け設定] ページのスクリーンショット。 [GitHub Apps] というオプションが濃いオレンジ色の枠線で囲まれています。 1. 変更する GitHub App の右で [編集] をクリックします。

  4. [表示情報] で、ローカル フォルダーから画像をドラッグ アンド ドロップするか、 [ロゴのアップロード] を選んでコンピューターから画像を選びます。

  5. 必要に応じて、画像をトリミングします。 完了したら、 Set new avatar をクリックします。

  6. [バッジの背景色] に、バッジの背景色の 16 進数の色コードを入力します。

    注: [Badge background color] (バッジの背景色) 入力フィールドは、アプリケーション ロゴをアップロードした後にのみ表示されます。

次のステップ

このアプリの Marketplace 登録情報の作成について詳しくは、「GitHub Marketplace上でのアプリケーションのリスト」を参照してください。