Add placeholder screenshot to boilerplate theme#193
Conversation
|
Thanks for picking it up! What do you think about designing something very light for this, nodding to the fact that the theme was generated by create block theme? cc @beafialho. |
|
Yeah, I like that idea! I also thought about that but then I thought the plain image was simpler. It would be great if we could design something light with a nod to create block theme. |
|
Thanks for tagging me! Do you have any sort of visual reference of what you mean? I don't think I'm visualizing it. Where would this screenshot show up in the plugin? |
|
Thanks @mikachan! Since @henriqueiamarino designed the logo for the plugin, he'll follow up with this placeholder screenshot. |
|
What do you think about having a dynamically generated image as a default screenshot image? This dynamically generated image could feature some of the characteristics of the theme as the typography and the palette. We could have a base design that we can dynamically modify using these visual tokens from the theme and the data from the data form. There is an example I mocked up quickly in the browser. It isn't lovely, but to exemplify the idea: |
|
That would be awesome, I really like your mockup! One issue with that style of screenshot is if it's intended to be uploaded to the dotorg theme directory, then I don't think this follows the guidelines of accurately showing the theme design - I think ideally it's meant to represent the theme as it looks when activated (see WordPress/twentytwentythree#163 (comment) for more info). We have this same issue with the blank screenshot or a screenshot with the Create Block Theme logo though too. Maybe we just need to make it obvious that the screenshot needs to be replaced if uploading to the directory. |
Ohh, good catch. Encouraging theme creators to upload the themes to the wordpress.org directory is desirable, so I guess that adding the dynamically created image won't make sense if the theme creators could not use the generated images to distribute the themes in the directory. |
|
@mikachan @matiasbenedetto @beafialho I was thinking in something simple like that, what do you think? |
|
Would @henriqueiamarino 's design be allowed in the themes directory as screenshot image? |
No, this wouldn't be allowed either, but I think it's more obvious that this is a placeholder image rather than the final screenshot. |
no, but it's more obvious that it needs replacing since it's not specific to the theme. As I see it there's 3 options:
Only option 3 is valid for the directory |
|
I think we could go with @henriqueiamarino's design for now, and maybe explore using canvas in a separate PR? |
I'm not sure about the pixelated area 😕 it looks like a bug to me. |
|
Oh @beafialho do you think it gets better with bigger pixels? Because that was pretty the idea of the art — use 'logo blocks' to form a noise, a piece of visual information. |
Perhaps that can work! |
Updated! |
I've added the screenshot from this comment: #193 (comment). Is that correct? |
madhusudhand
left a comment
There was a problem hiding this comment.
Compressed the screenshot to 51KB and pushed the commit.
LGTM!




This adds a placeholder screenshot to the boilerplate theme, which is used in the 'create blank theme' option of the plugin.
I think the benefit of this is that it gives users a basic image to work off, including the image type and dimensions.
Closes #169.