How To Add a Banner To Your WordPres Plugin Page

Last week, Matt Mullenweg noted in a post over on the official WordPress Development Blog that they are experimenting with a new feature on the plugin pages of the official plugin directory. You may already have noted a grey field above all plugins which has the title and a short description of it.

New now however is the ability to add a banner to your plugin page just above this. For now this is just an experiment which as Matt notes means that the size of the banner and the look can change at any time. Since it is being very well received, I would assume that the idea is not going away. Read on to learn how you can add a banner of your own and see some examples.

How Do You Add The Banner?

Adding one to your own plugin is very simple and requires just a few steps but makes a big difference for your plugin page.

  1. Make an image that is 772x250px. This image should be saved in jpg or png.
  2. Save the image that you just created into a new folder called “assets” in your main svn folder. Note that you shouldn’t create this assets folder in the trunk of your plugin but rather in the root folder. Name the file banner-772×250.jpg (if you’re saving as a jpg) or banner-772×250.png (if you’re using a png) and you’re good to go!

The next time the plugin directory refreshes (approx. 15 minutes) your brand new beautiful image will show up on your plugin make.

Examples Of Beautiful Plugin Pages

Here are some examples of beautifully made plugin page banners to get your creativity started.

Buddy Press
Buddy Press
WordPress SEO by Yoast
WordPress SEO by Yoast
ReciPress
ReciPress
All in One SEO
All in One SEO
bbPress
bbPress
Admin Management Extended
Admin Management Extended
ManageWP
ManageWP