New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add banner image to WordPress plugin directory #10

Closed
westonruter opened this Issue Sep 12, 2013 · 15 comments

Comments

Projects
None yet
2 participants
@westonruter
Contributor

westonruter commented Sep 12, 2013

Via FAQ:

How do I make one of those cool banners for my plugin page?
Start by creating an assets/ directory in the root of your SVN checkout. This will be on the same level as tags/ and trunk/, for example.

Inside that assets/ directory, you can make a file named "banner-772x250.png" or "banner-772x250.jpg". The image must be exactly 772 pixels wide and 250 pixels tall. No GIFs.

To support high-DPI (aka "retina") displays, you can additionally make a file named "banner-1544x500.png" or "banner-1544x500.jpg". The image must be exactly 1544 pixels wide and 500 pixels tall. No GIFs. This image, if present, will only be served when the website detects that the viewing browser is on a high-DPI display. Read this feature's announcement post for more details and special notes about creating this image.

After you check in your new banner(s), it will appear the next time the plugin refreshes itself in the directory. This may take a few minutes.

For development and testing, you can add a URL parameter to your plugin's URL of "?banner_url=A_LINK_TO_YOUR_IMAGE" to preview what the page will look like with your own image. This will only work with your own plugins, you can not use this parameter on anybody else's plugins.

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Sep 12, 2013

Contributor

@westonruter Here is a first draft on the banner image (just the 772x250 for now):

banner-772x250

Contributor

johnregan3 commented Sep 12, 2013

@westonruter Here is a first draft on the banner image (just the 772x250 for now):

banner-772x250

@westonruter

This comment has been minimized.

Show comment
Hide comment
@westonruter

westonruter Sep 12, 2013

Contributor

@johnregan3 great! Suggestion: could you make the window narrower so that the customizer form appears alongside the widget in the sidebar? I used twentytwelve in the screenshots I made, and with resizing the widget of the window it was easy to get the sidebar and the customizer control to appear side-by-side.

Contributor

westonruter commented Sep 12, 2013

@johnregan3 great! Suggestion: could you make the window narrower so that the customizer form appears alongside the widget in the sidebar? I used twentytwelve in the screenshots I made, and with resizing the widget of the window it was easy to get the sidebar and the customizer control to appear side-by-side.

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Sep 12, 2013

Contributor

@westonruter Here's a different version based on your input:

banner-772x250

Contributor

johnregan3 commented Sep 12, 2013

@westonruter Here's a different version based on your input:

banner-772x250

@westonruter

This comment has been minimized.

Show comment
Hide comment
@westonruter

westonruter Sep 12, 2013

Contributor

Looks good! What about adding some arrow overlay to indicate that the panel in the left will affect the preview on the right? A rough idea:

pasted_image_9_12_13_12_47_pm

Contributor

westonruter commented Sep 12, 2013

Looks good! What about adding some arrow overlay to indicate that the panel in the left will affect the preview on the right? A rough idea:

pasted_image_9_12_13_12_47_pm

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Sep 12, 2013

Contributor

@westonruter Sounds good. It gives a visual cue as to what's going on.

banner-772x250

Contributor

johnregan3 commented Sep 12, 2013

@westonruter Sounds good. It gives a visual cue as to what's going on.

banner-772x250

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Sep 12, 2013

Contributor

@westonruter Here's one with some color:

banner-772x250-bl

Contributor

johnregan3 commented Sep 12, 2013

@westonruter Here's one with some color:

banner-772x250-bl

@westonruter

This comment has been minimized.

Show comment
Hide comment
@westonruter

westonruter Sep 12, 2013

Contributor

@johnregan3 Looks really good! I like the color. Only other suggestion I would have is to make the arrow swoop down and then go up to the widget in the sidebar, you know to fill up some of the empty space in the banner.

Contributor

westonruter commented Sep 12, 2013

@johnregan3 Looks really good! I like the color. Only other suggestion I would have is to make the arrow swoop down and then go up to the widget in the sidebar, you know to fill up some of the empty space in the banner.

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Sep 12, 2013

Contributor

@westonruter I see what you're saying.

banner-772x250-bl

Contributor

johnregan3 commented Sep 12, 2013

@westonruter I see what you're saying.

banner-772x250-bl

@westonruter

This comment has been minimized.

Show comment
Hide comment
@westonruter

westonruter Sep 12, 2013

Contributor

There we go. Make it so!

Contributor

westonruter commented Sep 12, 2013

There we go. Make it so!

@westonruter

This comment has been minimized.

Show comment
Hide comment
@westonruter

westonruter Sep 30, 2013

Contributor

@johnregan3 would you mind updating the banner image now to showcase the new collapsable UI you added, and maybe the new drag-and-drop reordering of widgets in the customizer section?

Contributor

westonruter commented Sep 30, 2013

@johnregan3 would you mind updating the banner image now to showcase the new collapsable UI you added, and maybe the new drag-and-drop reordering of widgets in the customizer section?

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Sep 30, 2013

Contributor

@westonruter I can do that!

Contributor

johnregan3 commented Sep 30, 2013

@westonruter I can do that!

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Sep 30, 2013

Contributor

Starting Point:
banner-772x250

Contributor

johnregan3 commented Sep 30, 2013

Starting Point:
banner-772x250

@westonruter

This comment has been minimized.

Show comment
Hide comment
@westonruter

westonruter Sep 30, 2013

Contributor

@johnregan3 Great! Love the visualization of the drag-and-drop.

  • I think we can drop the bullet pointed text overlay, as it is obscuring an important company logo 😉
  • Could you expand one of the widget controls to show what is inside?
  • Maybe use another widget than a second Text widget instance.

Other than that, good to go!

Contributor

westonruter commented Sep 30, 2013

@johnregan3 Great! Love the visualization of the drag-and-drop.

  • I think we can drop the bullet pointed text overlay, as it is obscuring an important company logo 😉
  • Could you expand one of the widget controls to show what is inside?
  • Maybe use another widget than a second Text widget instance.

Other than that, good to go!

@johnregan3

This comment has been minimized.

Show comment
Hide comment
@johnregan3

johnregan3 Oct 4, 2013

Contributor

@westonruter Ver 2:
banner-772x250

Contributor

johnregan3 commented Oct 4, 2013

@westonruter Ver 2:
banner-772x250

@westonruter

This comment has been minimized.

Show comment
Hide comment
@westonruter

westonruter Oct 4, 2013

Contributor

💥 commit!

Contributor

westonruter commented Oct 4, 2013

💥 commit!

@westonruter westonruter closed this Oct 7, 2013

fnakstad added a commit to knishiura-lab/wp-widget-customizer that referenced this issue Feb 5, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment