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

    ユーザバーの [Settings(設定)] アイコン

  2. In the left sidebar, click Developer settings.

  3. 左側のサイドバーで、 [GitHub アプリ] をクリックします。 [GitHub アプリ] セクション 1. 変更する GitHub App の右で [編集] をクリックします。 アプリの選択

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

  5. 画像をクロッピングします。 完了したら、 [Set new avatar](新しいアバターの設定) をクリックします。 ロゴをトリミングして設定

  6. [バッジの背景色] に、バッジの背景色の 16 進数の色コードを入力します。 注: [バッジの背景色] 入力フィールドは、アプリケーション ロゴをアップロードした後にのみ表示されます。 バッジの背景色

次の手順

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