Title: Block preview
Last modified: April 20, 2019

---

# Block preview

 *  Resolved [mrmesssage](https://wordpress.org/support/users/mrmesssage/)
 * (@mrmesssage)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/block-preview/)
 * Hello. I love you plugin. It makes work a lot easier. But there is one thing 
   that looks very bad. This:
 * [https://cdn1.savepice.ru/uploads/2019/4/20/f324aeb1d81b70bc3cb005ad53a4357b-full.png](https://cdn1.savepice.ru/uploads/2019/4/20/f324aeb1d81b70bc3cb005ad53a4357b-full.png)
 * I just want to offer one solution that should not be very difficult. This is 
   an opportunity to load previews for blocks as it is done with a template (screenshot.
   png file in the template folder). Thus, when a block is edited (or created), 
   the user can load the block preview, and the block preview will be displayed 
   in the editor. By clicking on which your convenient data editor of the block 
   will already open.
 * What would it look like this:
 * [https://cdn1.savepice.ru/uploads/2019/4/20/ab8e1830b2b624e1cb84f0bb04d1841f-full.png](https://cdn1.savepice.ru/uploads/2019/4/20/ab8e1830b2b624e1cb84f0bb04d1841f-full.png)
 * And after clicking on the block:
 * [https://cdn1.savepice.ru/uploads/2019/4/20/6c466add8d8029c1da00ce5180778441-full.png](https://cdn1.savepice.ru/uploads/2019/4/20/6c466add8d8029c1da00ce5180778441-full.png)
 * Thank you for your work. I just want to make a suggestion for improvement. Indeed,
   I have put your plugin to many of my clients. But some are scared away by what
   I sent in the first screenshot. I will be glad if such a function of loading 
   the preview of the block appears, and the display is the preview of the block
   in the page editor.
 * Thank you very much.
 * Best regards, Vadym.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Ryan Kienstra](https://wordpress.org/support/users/ryankienstra/)
 * (@ryankienstra)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/block-preview/#post-11450977)
 * Hi Vadym,
    Thanks for your kind words about the plugin, and for your suggestion.
 * From your [screenshot](https://cdn1.savepice.ru/uploads/2019/4/20/f324aeb1d81b70bc3cb005ad53a4357b-full.png)
   above, it looks like maybe the block preview isn’t styled.
 * If so, you can [add a stylesheet for the block](https://github.com/getblocklab/block-lab/wiki/5.-Styling-Custom-Blocks)
   to the theme’s `blocks/` directory.
 * It sounds like you’re really experienced with the plugin. Is the functionality
   you mentioned of clicking a block to display the preview different from what 
   it already does?
 * [⌊Clicking preview⌉⌊Clicking preview⌉[
 * Or were you thinking of displaying a preview of how it should ideally look, not
   a preview of how it currently looks?
 * Thanks, Vadym!
 *  Thread Starter [mrmesssage](https://wordpress.org/support/users/mrmesssage/)
 * (@mrmesssage)
 * [7 years ago](https://wordpress.org/support/topic/block-preview/#post-11451088)
 * > Or were you thinking of displaying a preview of how it should ideally look,
   > not a preview of how it currently looks?
 * Yes, I meant it.
 *  Plugin Author [Luke Carbis](https://wordpress.org/support/users/lukecarbis/)
 * (@lukecarbis)
 * [7 years ago](https://wordpress.org/support/topic/block-preview/#post-11452496)
 * [@mrmesssage](https://wordpress.org/support/users/mrmesssage/) You can also create
   custom templates used _only_ for the preview, by naming your template `blocks/
   preview-{block name}.php`. See the Block Previews section here: [https://github.com/getblocklab/block-lab/wiki/3.-Displaying-custom-blocks#block-previews](https://github.com/getblocklab/block-lab/wiki/3.-Displaying-custom-blocks#block-previews)
 * Does that answer your question?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Block preview’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/block-lab_5c34e8.svg)
 * [Block Lab](https://wordpress.org/plugins/block-lab/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/block-lab/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/block-lab/)
 * [Active Topics](https://wordpress.org/support/plugin/block-lab/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/block-lab/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/block-lab/reviews/)

## Tags

 * [preview](https://wordpress.org/support/topic-tag/preview/)

 * 3 replies
 * 3 participants
 * Last reply from: [Luke Carbis](https://wordpress.org/support/users/lukecarbis/)
 * Last activity: [7 years ago](https://wordpress.org/support/topic/block-preview/#post-11452496)
 * Status: resolved