Been giving a lot of thought to how to give plugin authors more control over their plugin pages. In WordPress custom headers have been hugely beneficial in people’s ability to make a theme their own without having to be a designer. (And designers can make them really sing.)
As an experiment we’ve turned on custom headers for the plugin directory. If you’d like to try out this feature:
- Make a 772×250 pixel jpeg or png. (No animated GIFs.
) - Check it in to your plugin’s SVN directory with the path
assets/banner-772x250.(jpg|png). Note that theassetsdirectory is added to your plugin’s root directory, not trunk. - On the next plugin directory refresh (every 15 minutes or so) you should see your image start showing up on the page.
For an example of this in action, check out Hello Dolly, natch. Our goal is to mainly see how people use them, so if you try this out leave comment below with a link to your plugin!
Final note: this is just an experiment, and there is a 98.254% chance the dimensions, placement, and text overlay for this header will change in the future, or the idea might not work at all. But I think it’s a nice toe in the water for letting authors really make their plugin pages shine.
Rev. Voodoo 4:26 pm on December 21, 2011 Permalink |
Hey, that looks pretty darn good! Definitely give folks a little opportunity for creativity! (You sure you don’t want animation?)
Plugin authors can now add custom header images to their WordPress.org listings | WPCandy 4:49 pm on December 21, 2011 Permalink |
[...] to allow custom headers to work in the layout.To add your own header image to your plugins, follow Matt’s instructions on the dev blog. Images must be 772 by 250 pixel JPEG or PNG files. And no animated GIFs, kids.Matt gave Hello [...]
Matt 4:54 pm on December 21, 2011 Permalink |
Put in the flying bee for bbPress.
http://wordpress.org/extend/plugins/bbpress/
John James Jacoby 7:54 pm on December 21, 2011 Permalink |
My favorite!
Daryl Koopersmith 5:00 pm on December 21, 2011 Permalink |
Debug Bar is showing off some new UI: http://wordpress.org/extend/plugins/debug-bar/
John James Jacoby 7:54 pm on December 21, 2011 Permalink |
Ooooooo
Add a Header Image to your Plugin in the WordPress Repository 5:01 pm on December 21, 2011 Permalink |
[...] Matt Mullenweg announced a change coming to the WordPress Plugin Repository, but just as a [...]
Plugin directory pages get a slight redesign | heyWP 5:02 pm on December 21, 2011 Permalink |
[...] for developers to make their plugins stand out in the crowd. What’s your opinion on this? Been giving a lot of thought to how…Been giving a lot of thought to how to give plugin authors more control over their plugin pages. In [...]
Daryl Koopersmith 5:17 pm on December 21, 2011 Permalink |
You can preview a banner by adding
?banner_url=A_LINK_TO_YOUR_IMAGEto your plugin URL.redwall_hp 11:42 pm on December 21, 2011 Permalink |
Imaging the possibilities for pranks! http://wordpress.org/extend/plugins/all-in-one-seo-pack/?banner_url=http%3A%2F%2Fi.imgur.com%2FJvrGA.jpg
Alex Mills 11:43 pm on December 21, 2011 Permalink
LMAO
Matt 11:52 pm on December 21, 2011 Permalink
Yeah we’ll probably have to close that down at some point.
Chuck Reynolds 9:28 am on December 22, 2011 Permalink
okay that’s pretty funny. nice
redwall_hp 12:11 am on December 22, 2011 Permalink |
But it’s useful for testing. That’s right, for testing.
DrewAPicture 6:43 am on December 22, 2011 Permalink
For science.
Otto 5:25 pm on December 23, 2011 Permalink |
I’ve limited this so that only contributors to a plugin can use the banner_url trick to preview images. For science. You monster.
Mike Schinkel 5:19 pm on December 21, 2011 Permalink |
This is excellent news!
I think this will result in more companies being interested in maintaining their plugins because they will be able to control their branding and thus it will seem less like just a technical thing to them.
Thanks Matt, Koop and the rest of the team who are making this happen; you made my day!
P.S. No .GIF?
redwall_hp 11:43 pm on December 21, 2011 Permalink |
If GIFs were allowed, they would have to screen for animated ones. I don’t think we want dancing Rick Astleys or flaming skulls in the plugin repository. Or do we?
Alex Mills 11:44 pm on December 21, 2011 Permalink
Plus the GIF format just plain sucks. PNG is the way to go.
redwall_hp 11:47 pm on December 21, 2011 Permalink
Of course. The animation issue is just icing on the cake.
Mike Schinkel 12:53 am on December 22, 2011 Permalink
@redwall_hp – Ah, good point, I was thinking more about how some images files can be much smaller in GIF vs. PNG, and some images are not a good fit for JPG. But the animation issue does, mixing with your metaphors put the nail in that coffin.
@Alex Mills: GIF may suck, but JPG is not good for simple raster images and PNG files are typically 2.5 times larges in size than an equivalent GIF files. For a larger image like 772×250, especially where transparency is not really needed, PNG is actually the one that sucks when compared to GIF.
But @redwall_hp had a good point about animations and that does trump image size IMO.
Matt 1:23 am on December 22, 2011 Permalink
FWIW I find PNG-8 files (vs PNG-24) to usually be the same size or smaller than GIFs. Also using a tool like pngcrush or pngslim or http://punypng.com/ gets them even smaller.
mikeschinkel 1:27 am on December 22, 2011 Permalink
Matt: I wasn’t familiar with PNG-8 vs. PNG-24, thanks!
Otto 5:28 pm on December 23, 2011 Permalink
If you’re on Windows, use IrfanView (free) with the PNGOUT plugin option (also free) to produce incredibly tiny PNG images.
Scott Cariss 5:24 pm on December 21, 2011 Permalink |
15 mins is so long when you are waiting… Here is mine waiting for the plugin refresh: http://wordpress.org/extend/plugins/wordpress-file-monitor-plus/?banner_url=http%3A%2F%2Fplugins.svn.wordpress.org%2Fwordpress-file-monitor-plus%2Fassets%2Fbanner-772×250.png
I’m not a designer by no means but that doesn’t look too bad for a first attempt if I don’t say so myself
Matt 5:43 pm on December 21, 2011 Permalink |
I know! Been giving some thought to how we can make that faster.
Mark Jaquith 6:20 pm on December 21, 2011 Permalink |
That should be getting faster soon. I want the update process to run continuously, so it’s as fast as possible.
Andrew Nacin 4:16 pm on December 22, 2011 Permalink |
There’s a systems request in speed it up, but it’ll take a bit of work. Soon, I hope.
miyoshi 5:30 pm on December 21, 2011 Permalink |
How about this
http://wordpress.org/extend/plugins/contact-form-7/
Matt 5:42 pm on December 21, 2011 Permalink |
Love it!
JLeuze 5:44 pm on December 21, 2011 Permalink |
Cool, I like the updated headers, glad to see the plugin directory getting some love!
I added a banner I doodled up to my plugin Meteor Slides: http://wordpress.org/extend/plugins/meteor-slides/
Matt 5:44 pm on December 21, 2011 Permalink |
WP Candy noted these:
http://wordpress.org/extend/plugins/mini-loops/
http://wordpress.org/extend/plugins/simple-facebook-connect/
http://wordpress.org/extend/plugins/simple-google-connect/
http://wordpress.org/extend/plugins/simple-twitter-connect/
http://wordpress.org/extend/plugins/get-snarky/
redwall_hp 12:52 am on December 22, 2011 Permalink |
I just updated Tweetable: http://wordpress.org/extend/plugins/tweetable/
James Laws 5:51 pm on December 21, 2011 Permalink |
Love the changes:
http://wordpress.org/extend/plugins/ninja-forms/
Rev. Voodoo 12:31 pm on December 22, 2011 Permalink |
Very tastefully done! That’s a good’n!
Todd Halfpenny 5:51 pm on December 21, 2011 Permalink |
This is a fab idea… I love it.
Just added a quickie to Widgets on Pages http://wordpress.org/extend/plugins/widgets-on-pages/
Adam W. Warner 5:52 pm on December 21, 2011 Permalink |
I’m a big fan of this for the various reasons already stated about better branding, but my only complaint would be to possibly restrict the height a bit more. As an avid WP user, I would like to see the description a bit more front and center. It gets pushed down quite a bit for my taste.
…but that’s semantics;)
Matt 6:04 pm on December 21, 2011 Permalink |
We also have 88 vertical pixels being taken up by the mostly-useless plugin directory header and login area that could be tightened up.
Sergej Müller 5:54 pm on December 21, 2011 Permalink |
Nice one. Next one
http://wordpress.org/extend/plugins/cachify/
Ofer Wald 6:05 pm on December 21, 2011 Permalink |
Ok, mine should be up soon at http://wordpress.org/extend/plugins/transposh-translation-filter-for-wordpress/
Any chances to move the screenshots to a similar directory so that the plugin download will be a little less bloaty?
Mark Jaquith 6:22 pm on December 21, 2011 Permalink |
We’re considering just dropping the screenshots from the generated zip files. Obviously that’ll mean that anyone who hotlinks those screenshots from within the plugin will have to change tactics, but it might be worth it to slim down the size of plugin zips.
What do you think?
John Blackbourn 6:25 pm on December 21, 2011 Permalink
+1. There’s no need for screenshots to be in the zip file. The new banner in the assets directory may as well be left out too to keep it slim.
Ofer Wald 6:27 pm on December 21, 2011 Permalink
You have my vote on dropping those as soon as you can, and maybe even add some sort of gallery to the plugin page if its worked on. Will be more than happy to assist (given a point of contact)
Tammy Hart 6:27 pm on December 21, 2011 Permalink
+1. This would make a lot of sense.
Mika Epstein (Ipstenu) 6:41 pm on December 21, 2011 Permalink
+1 as well. Yes. That would be awesome.
(Bad hotlinkers, no cookies)
Aaron D. Campbell 6:47 pm on December 21, 2011 Permalink
+1 – I like it.
James Laws 6:50 pm on December 21, 2011 Permalink
+1 for me as well.
Matt 6:52 pm on December 21, 2011 Permalink
For back compat we can continue to support (and include in zip) screenshots in main part of a plugin’s repo, but there’s no reason we couldn’t allow people to move things to the assets directory as a replacement. (Haven’t thought about versions, though, maybe we can ignore it.)
Joost de Valk 7:31 pm on December 21, 2011 Permalink
+1 here. Anything we can do to make the downloads smaller so fewer issues occur is nice.
Mark Jaquith 7:31 pm on December 21, 2011 Permalink
It’s not that many plugins that hotlink their own screenshot files. Here’s the list. We could probably notify them directly of an upcoming change. Or heck, just whitelist them.
Joost de Valk 7:32 pm on December 21, 2011 Permalink
BTW would that also mean being able to do the screenshots in something like a fancybox / thickbox / colorbox? I’ve always thought they look a bit weird…
mikeschinkel 8:48 pm on December 21, 2011 Permalink
+1
Ryan Hellyer 12:07 am on December 22, 2011 Permalink
+1 Sounds like a sensible approach.
Andrew Nacin 4:18 pm on December 22, 2011 Permalink
Yeah, I’m thinking we support /assets/ for screenshots. Can make it backwards compatible easily. Thinking versions aren’t necessary as they’re only shown on the plugins page (and wouldn’t be included in the zip at that point). Only someone viewing an old version’s readme.txt and trying to match the numbers up would pose any sort of a change in the user experience.
camu 8:37 pm on December 26, 2011 Permalink
+1!
Ian Dunn 5:16 pm on December 30, 2011 Permalink
+1. Move them to the /assets dir.
Marcin 6:06 pm on December 21, 2011 Permalink |
Wow. http://wordpress.org/extend/plugins/upprev/
Mert Yazicioglu 6:13 pm on December 21, 2011 Permalink |
Great idea, it looks great!
Also, is there any chance of replacing the Downloads Per Day graph with a JS-based one?
Matt 9:43 pm on December 21, 2011 Permalink |
Yeah that’s on our list as well.
Mark Jaquith 6:21 pm on December 21, 2011 Permalink |
http://wordpress.org/extend/plugins/hotfix/
Matt 6:52 pm on December 21, 2011 Permalink |
You’re on fire!
Hugo Baeta 6:25 pm on December 21, 2011 Permalink |
http://wordpress.org/extend/plugins/jetpack/
Jeremy Herve 6:27 pm on December 21, 2011 Permalink |
Well, isn’t this awesome? I already liked the changes that you rolled out yesterday, it is good to see the plugin repo getting sexier!
I took the opportunity to update my Facebook apps plugin: http://wordpress.org/extend/plugins/wp-facebook-applications/
matt mcinvale 6:49 pm on December 21, 2011 Permalink |
that is awesome! now i need to find something equally as awesome to use for my header images.
David Hollander 7:09 pm on December 21, 2011 Permalink |
It’s like Christmas for plugin developers… Thanks Matt! I love this…
http://wordpress.org/extend/plugins/foxyshop/
David Hollander 7:39 pm on December 21, 2011 Permalink |
Here’s for a few of my other plugins I just did:
http://wordpress.org/extend/plugins/custom-field-bulk-editor/
http://wordpress.org/extend/plugins/reliable-twitter/
Duane Storey 7:24 pm on December 21, 2011 Permalink |
Nice change!
Joost de Valk 7:26 pm on December 21, 2011 Permalink |
http://wordpress.org/extend/plugins/wordpress-seo/
Tammy Hart 7:31 pm on December 21, 2011 Permalink |
Okay, I don’t know what I’m doing wrong. I’ve committed my jpg to my new assets folder, but it’s not working. When i download the image from the browser, it says it’s corrupt. http://plugins.svn.wordpress.org/recipress/assets/
Mark Jaquith 7:37 pm on December 21, 2011 Permalink |
You can’t hotlink to images in plugins.svn.wordpress.org. It
301s you. Give it 15 minutes to push to the site.Mark Jaquith 7:43 pm on December 21, 2011 Permalink |
It’s up now. Looks really nice! http://wordpress.org/extend/plugins/recipress/
Joost de Valk 7:48 pm on December 21, 2011 Permalink
Awesomeness indeed
Tammy Hart 8:14 pm on December 21, 2011 Permalink
great! thanks
Mark Jaquith 7:39 pm on December 21, 2011 Permalink |
Here’s a fun one. Contains the complete usage instructions for the plugin right in the banner, and an example of what it looks like. http://wordpress.org/extend/plugins/login-logo/
Joost de Valk 7:49 pm on December 21, 2011 Permalink |
Somehow I think most of my plugins will never be that easy to make headers for
jb510 3:52 am on December 22, 2011 Permalink |
I trust Fredrick is already hard at work on a banner like this for W3TC, right?
Chris Hurst 8:02 pm on December 21, 2011 Permalink |
I just started messing with this a little bit, took me a few minutes to figure out how to add the assets to the SVN, but I got it working eventually. Here is a link to a few more tips I learned in the process and a link to my plugin…
http://mywebsiteadvisor.com/2011/12/update-your-wordpress-plugin-header-image/ http://wordpress.org/extend/plugins/transparent-image-watermark-plugin/
John James Jacoby 8:12 pm on December 21, 2011 Permalink |
Testing ideas with BuddyPress: http://wordpress.org/extend/plugins/buddypress/
David Hollander 8:19 pm on December 21, 2011 Permalink |
Very cool. I like how you extended the title box for the icon.
Tammy Hart 8:30 pm on December 21, 2011 Permalink |
ooo, nice move on the icon hack. “in a”, has too much spacing. **2cents
Mert Yazicioglu 8:15 pm on December 21, 2011 Permalink |
Just put something simple for now: http://wordpress.org/extend/plugins/wordpress-move/
The Frosty 9:22 pm on December 21, 2011 Permalink |
Got mine up! http://wordpress.org/extend/plugins/custom-login/
Mika Epstein (Ipstenu) 9:34 pm on December 21, 2011 Permalink |
This is the only one I’m actually happy with
(the wrong size is being fixed…)
http://wordpress.org/extend/plugins/impostercide/
Matt 9:36 pm on December 21, 2011 Permalink |
Ha!
sillyandrea 11:03 pm on December 21, 2011 Permalink |
I need to Like this comment.
Mika Epstein (Ipstenu) 11:41 pm on December 21, 2011 Permalink |
http://wordpress.org/extend/plugins/wp-grins-ssl/ is decent at least
Though I noticed we DO NOT get svn commit emails for the assets folder. Interesting.
Lee Willis 9:47 pm on December 21, 2011 Permalink |
http://wordpress.org/extend/plugins/ajax-campaign-monitor-forms/
Rahe 9:59 pm on December 21, 2011 Permalink |
Simple image sizes have it !
http://wordpress.org/extend/plugins/simple-image-sizes/
John Lamansky 10:20 pm on December 21, 2011 Permalink |
http://wordpress.org/extend/plugins/seo-ultimate/
James Collins 10:41 pm on December 21, 2011 Permalink |
Great idea guys!
You’ve given me a reason to once again pretend that I’m good at Photoshop: http://wordpress.org/extend/plugins/typekit-fonts-for-wordpress/
Matt 11:10 pm on December 21, 2011 Permalink |
No need to pretend, if you can crop you’re in.
WordPress Deutschland Blog » WordPress Plugin Repository jetzt mit Plugin Banner 11:04 pm on December 21, 2011 Permalink |
[...] hat Matt Mullenweg eine Neuerung für das offizielle Repository für WordPress Plugins [...]
Ryan Hellyer 12:04 am on December 22, 2011 Permalink |
Awesome. Thanks Matt
Matt 1:13 am on December 22, 2011 Permalink |
Thank Koop and Otto, they coded the whole thing up!
Matt 1:25 am on December 22, 2011 Permalink |
WooCommerce is looking good: http://wordpress.org/extend/plugins/woocommerce/
Alex Mills 1:47 am on December 22, 2011 Permalink |
Just committed a banner but I didn’t get an e-mail notifying me of the change like I would if I were to make a change to some code in my plugin.
Is this intentional? A bug?
John Blackbourn 9:45 am on December 22, 2011 Permalink |
Yeah I noticed that too
Matt 6:16 pm on December 22, 2011 Permalink |
That’s a bug, but I’m not sure what code is it that sends those emails now. @nacin or @otto42 any ideas?
Stephen Cronin 2:33 am on December 22, 2011 Permalink |
Wow, this is great! But…
There will be some who cross the line with marketing / spamming etc. How long until someone sells a “Brought to you by ” ad in the banner image for their plugin? In some cases that might be acceptable (if the company sponsors the development of the plugin). But what happens when it’s a less than reputable ad (like an adult ad or promoting a non-GPL product)?
It would be good to have some up-front guidelines about what’s acceptable, *before* this becomes a problem.
Matt 4:23 am on December 22, 2011 Permalink |
Anything that doesn’t follow the plugin directory guidelines will be removed or taken over, just like if they put something bad in the code.
Matt 5:34 am on December 22, 2011 Permalink |
HyperDB now has one — http://wordpress.org/extend/plugins/hyperdb/
It works for geeky plugins too!
Daryl Koopersmith 8:04 pm on December 22, 2011 Permalink |
This is one of my favorites. So classy.
Matt 6:18 pm on December 24, 2011 Permalink
Thanks! Dave Martin made it.
John Blackbourn 9:49 am on December 22, 2011 Permalink |
I thought I’d be cheeky and display a couple of testimonials from people who use my plugin: http://wordpress.org/extend/plugins/user-switching/
Vladimir Prelovac 11:06 am on December 22, 2011 Permalink |
Kudos for the holiday gift. Great idea!
http://wordpress.org/extend/plugins/worker/
Jane Wells 2:18 pm on December 23, 2011 Permalink |
Hi Vladimir. It doesn’t say anywhere on your plugin page that the plugin ties to a paid service. Can you please include this information on the description page? If you’re not sure where to put it, you could do what Akismet does on theirs with a PS. http://wordpress.org/extend/plugins/akismet/
Gajanan 12:21 pm on December 22, 2011 Permalink |
Finally rtSocial is up after 15 minutes of long wait. Its looking awesome though
http://wordpress.org/extend/plugins/rtsocial/
tuxlog 12:40 pm on December 22, 2011 Permalink |
Great Christmas present, I just put one on http://wordpress.org/extend/plugins/wp-monalisa and one on http://wordpress.org/extend/plugins/wp-forecast. Wouldn’t it be nice to see a smaller banner in the plugins details thickbox in wordpress?
Thanks a lot from tuxlog
Lee Rickler 2:47 pm on December 22, 2011 Permalink |
Is it just me or is there now a character limit in the description text? I’ve checked a few plugins and they also seem to be cut off but in different points.
Sexy new header added:
http://wordpress.org/extend/plugins/point-and-stare-cms-functions/
Otto 1:27 am on February 23, 2012 Permalink |
Yes, because people don’t pay attention to the rules in the documentation.
http://wordpress.org/extend/plugins/about/readme.txt
“Here is a short description of the plugin. This should be no more than 150 characters. No markup here.”
That 150 characters is indeed a hard limit.
MichaelH 4:48 pm on December 22, 2011 Permalink |
Be great if the plugin author(s) info could be moved back up near the top of the plugin page to go along with this new branding. Thanks.
David Decker 6:36 pm on December 22, 2011 Permalink |
Great idea – you guys rock!
I’ve added my plugin “Genesis Layout Extras” to the list
http://wordpress.org/extend/plugins/genesis-layout-extras/
…all my other plugins will follow in the next days
Chuck Reynolds 8:12 pm on December 22, 2011 Permalink |
Updated one of mine: http://wordpress.org/extend/plugins/brown-paper-tickets-api/
Martin 9:25 pm on December 22, 2011 Permalink |
http://wordpress.org/extend/plugins/smart-quotes/
arena 10:39 pm on December 22, 2011 Permalink |
http://wordpress.org/extend/plugins/dashpress/
arena 11:13 pm on December 22, 2011 Permalink |
i just posted a new one (fancy) on http://wordpress.org/extend/plugins/mailpress/
Chris Clayton 9:10 am on December 23, 2011 Permalink |
Beautiful addition to the plugin directory!
Those tiny screenshot make my eyes twitch. :p
IMHO, This would also be really nice for the theme directory too
Oh, and while we are in the process of doing some amazing things to wp.org could we also turn on buddypress and bbpress theme preview support for wp-themes.com… It’s annoying not being able to preview the themes properly before installing.
Marcel 12:04 pm on December 23, 2011 Permalink |
It’s great! Many thanks for this feature.
http://wordpress.org/extend/plugins/lazyest-gallery/
Adam W. Warner 2:24 pm on December 23, 2011 Permalink |
Hey all, I just wanted to show you a social sharing use case that this addition of plugin banners has allowed:)
http://pinterest.com/wppro/wordpress-plugins/
Adam W. Warner 2:45 pm on December 23, 2011 Permalink |
I’m “trying” to keep up with all the plugins listed here and keep them added…it may be a few days before yours makes it into the list;)
Helen Hou-Sandi 4:23 pm on December 23, 2011 Permalink |
http://wordpress.org/extend/plugins/blue-admin-bar/
Ade 12:54 pm on December 26, 2011 Permalink |
Great idea. Thanks to Koop and Otto!
And here’s one of mine: http://wordpress.org/extend/plugins/dynamic-content-gallery-plugin/
Ian Dunn 5:20 pm on December 30, 2011 Permalink |
What I’d really like to see is the ability to create custom pages, beyond just Installation, FAQ, Screenshots, etc. My FAQ page (http://wordpress.org/extend/plugins/basic-google-maps-placemarks/faq/) is overloaded, and I’d like to be able to break it out into multiple pages.
Todd Halfpenny 11:56 pm on January 1, 2012 Permalink |
The spankingly new Lanyrd Splat Widget is also sporting a banner… still loving this!
http://wordpress.org/extend/plugins/lanyrd-splat-widget/
Ian Dunn 5:46 am on January 4, 2012 Permalink |
Another thing that’d be great would be if screenshots could link to the full-sized version. Right now the CSS is setting a max-width of 530px, which makes full-screen images hard to read. I create my screenshots at 960px (http://wordpress.org/extend/plugins/basic-google-maps-placemarks/screenshots/) so that people can see the full pages if they want, but right now they’d have to open or download the images individually in their browser to do that.
Ron 7:51 pm on January 9, 2012 Permalink |
Thanks Barry
http://wordpress.org/extend/plugins/agentpress-listings/
Claude 5:13 pm on January 20, 2012 Permalink |
Great idea!
Here our banner: http://wordpress.org/extend/plugins/oa-social-login/
ray 9:06 pm on January 21, 2012 Permalink |
Had to try it… works great
http://wordpress.org/extend/plugins/tf-faq/