デフォルトの画像サイズ

画像サイズは名前が示す通りであるべきです。つまり、banner-772x250.pngは幅772ピクセル、高さ250ピクセルであるべきです。同様に、icon-256x256.pngは256×256の正方形であるべきです。

新しいバナーサイズは定義していないので、うまくいくと思って自分のサイズを賢く名前変更しないでください。単に表示されません。同様に、画像を大きく（または小さく）して既存の名前を使用しないでください。見た目がひどくなります。

プラグインヘッダー

プラグインヘッダーは、プラグインページの上部に表示される画像です：

How Your Plugin Assets Work - img1

ヘッダー画像をデザインする際は、国際的なプラグインディレクトリの使用を考慮してください。これらの中には、ヘブライ語やアラビア語のように、右から左（RTL）言語を使用するものがあります。理想的には、画像に含まれる要素が右から左または左から右に配置できるようにバナーをデザインしてください。RTLページ用に-rtlを名前に含む別の画像を作成できます。

ファイル名

  • 通常のバナー: banner-772x250.(jpg|png)
  • 通常のバナー（ローカライズ済み）: banner-772x250-(rtl|es|es_ES).(jpg|png)
  • 高DPI（Retina）: banner-1544x500.(jpg|png)
  • 高DPI（Retinaローカライズ済み）: banner-1544x500-(rtl|es|es_ES).(jpg|png)

画像は特定の言語にローカライズすることも、すべてのRTL言語にローカライズすることもできます。

ロケールは完全なロケール（es_ES）または部分的なロケール（es）として指定できます。言語がRTLで、ロケール特有の画像が提供されていない場合、rtl画像がチェックされます。

英語の画像をRTLおよびロケール特有のファイルに複製する際は、変更を加えずに行わないでください。英語のバリアントが代わりに使用されます。

RTL画像の例として、bbPressの英語版とアラビア語版を見てください。

Retina画像の例としては、Hello DollyやPluginceptionをチェックしてください。Retina画像を単独で使用することはできません。772×250画像の「アドオン」としてのみ機能します。大きな「Retina」画像は、高い詳細を表示できるディスプレイでのみ使用されます。

ヘッダー画像の最大サイズは4MBですが、小さい方が良いです。

プラグインアイコン

プラグインアイコンは、WordPress.orgの検索結果やバックエンドでプラグインの横に表示される正方形の画像です。

Akismetのプラグインアイコン

JPGおよびPNG形式に加えて、SVGも使用できます。ベクターはアイコンに最適で、任意のサイズにスケーリングでき、ファイル自体も小さいです。SVGを使用することを選択した場合、PNGアイコンもフォールバックとして使用する必要があります。そうしないと、古いブラウザやFacebookでプラグインアイコンが正しく表示されません。

アイコンを使用しない場合、自動生成されたアイコンが作成されます。以下の円形アイコンの例を参照してください：

自動生成されたアイコンの例

アイコンの最大ファイルサイズは1MBですが、ヘッダーと同様に、小さい方が良いです。

ファイル名

  • 通常: icon-128x128.(png|jpg)
  • 高DPI（Retina）: icon-256x256.(png|jpg)
  • SVG: icon.svg

これらのサイズを変更する計画はありません。

スクリーンショット

スクリーンショットはプラグインのメインページに表示され、プラグイン管理ダッシュボードやライブ例の側面を示すために使用されます。readme.txtファイルの各行に1つのスクリーンショットが必要です。行の内容は、プラグインのページ上のスクリーンショットのキャプションになります。

例えば： 1. This is a monkey

これにより、最初のスクリーンショットの下に「これはサルです」というキャプションが表示されます。おそらくサルの。

スクリーンショットはローカルで表示する必要があります。外部ファイルへのリンクは機能しません。

スクリーンショットの最大ファイルサイズは10MBですが、常に小さい方が良いです。

ファイル名

  • screenshot-1.(png|jpg)
  • screenshot-2.(png|jpg)

すべてのファイル名は小文字であるべきです。大文字の名前は機能しません。

スクリーンショットはバナーと同様にローカライズ可能であり、プラグインがドイツ語で表示されるときに、以下のファイル名が上記の英語名よりも優先されます：

  • screenshot-1-de.(png|jpg)
  • screenshot-2-de.(png|jpg)

問題

WordPress.orgプラグインディレクトリページから画像をクリックしたときにダウンロードされる場合は、SVNを介して画像をアップロードする方法を変更する必要があります。これは、Content-Type application/octet-streamで送信される画像の一部に起因しています。

修正するには、このコマンドを実行してください： 

  1. svn propset svn:mime-type image/png *.png
  2. svn propset svn:mime-type image/jpeg *.jpg

または、プラグインの著者は~/.subversion/configファイルでこれを設定できます： 

  1. *.png = svn:mime-type=image/png
  2. *.jpg = svn:mime-type=image/jpeg

ただし、これは新しいファイルにのみ適用されます。すでにコミットされたファイルを修正するには、上記のコマンドが必要です。