Helmut Wandl

<p><strong>Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code.</strong></p>
<p>✔ <strong>fastest way</strong> to create your block for Gutenberg<br />
✔ Incredibly <strong>easy and intuitive</strong> to use<br />
✔ Your custom blocks are <strong>completely WYSIWYG (no form)</strong></p>
<p>—</p>
<h4>Tutorial (create an address block for Gutenberg):</h4>
<p><iframe loading="lazy" title="Create a custom address block for Gutenberg" width="750" height="422" src="https://www.youtube.com/embed/myBzUr0q3UU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><a href="https://youtu.be/myBzUr0q3UU" rel="nofollow ugc">open tutorial on YouTube</a></p>
<p>—</p>
<h4>Live Preview</h4>
<p>Test the latest version here:<br />
> > > <strong><a href="https://livepreview.blockdesigner.net/" rel="nofollow ugc">open LIVE PREVIEW</a></strong> < < <</p>
<p>—</p>
<h4>Supported Elements</h4>
<ul>
<li>HTML Element</li>
<li>Icon</li>
<li>Static Text</li>
<li>Author Image</li>
<li>Author Link</li>
<li>Author RichText</li>
<li>Inner Blocks</li>
</ul>
<h4>Supported Styles</h4>
<ul>
<li>Display (block, flex, inline-block, inline, none)</li>
<li>Flex (direction, reverse, align, justify, gap, wrap)</li>
<li>Flex Child (shrink, grow, align self)</li>
<li>Spacing (margin, padding)</li>
<li>Size (width, height, min-width, min-height, max-width, max-height)</li>
<li>Overflow (visible, hidden, scroll, auto)</li>
<li>Typography (font-weight, font-style, font-size, line-height, color, text-align, text-decoration)</li>
<li>Border (radius, style, width, color)</li>
<li>Background (color, linear-gradient, radial-gradient)</li>
<li>Effects (box-shadow)</li>
</ul>
<h4>How it works</h4>
<ol>
<li>
<p><strong>Design your block</strong></p>
<p>First you design your block in the <em>Block Designer</em> with different HTML elements and styles.</p>
<p>You can define areas where authors can insert images and text in the <em>WordPress Block Editor</em>.</p>
<p>After you designed your block, you only need to enable and save it.</p>
</li>
<li>
<p><strong>Use your block</strong></p>
<p>If you enabled and saved your block, you will find your block in the Inserter panel of the <em>WordPress Block Editor</em>.</p>
<p>Just insert it as you know it from ordinary blocks.</p>
<p>If you have defined areas for author input, you can add your content now.</p>
<p>Save your page/post and enjoy your result on your site 😉</p>
</li>
</ol>
<h4>More from the same author</h4>
<p>Click here: <a href="https://www.wppeak.com/" rel="nofollow ugc">wppeak.com</a></p>


Block Designer – Create Custom Blocks for Gutenberg Editor

Create and design custom blocks for the WordPress Gutenberg Block Editor without any line of code.

Morgan Hvidt

edeesims

<p>Find My Blocks is a WordPress plugin built to help you find specific Gutenberg blocks on your WordPress website.</p>
<p>🆕 Official site <a href="https://findmyblocks.com/" rel="nofollow ugc">Find My Blocks</a></p>
<h3>🔍 Fast search for block locations</h3>
<p>Save your time by scanning your entire WordPress site (including posts, pages and custom post types) to locate instances of WordPress Blocks.</p>
<ul>
<li>📍 Find & replace blocks safely with quick edit and preview links.</li>
<li>🧱 WordPress Full Site Editing support. Block Templates & Template parts will be searched.</li>
<li>⚡️ Performance settings for low (shared hosting) to high-end hosting.</li>
<li>🤝 100% free & open source.</li>
</ul>
<h3>Which blocks can be located?</h3>
<p>Find My Blocks will batch loop through your posts (and more) to detect instances of blocks.</p>
<ul>
<li>WordPress Core blocks (paragraphs, images, group blocks and so on)</li>
<li>Blocks added by third-party plugins (Even if they are uninstalled)</li>
<li>Synced Patterns (Reusable Blocks)</li>
<li>WordPress template added by your theme, or plugins such as WooCommerce.</li>
<li><a href="https://conditionalblocks.com/" rel="nofollow ugc">Conditional Blocks</a> with custom visibility settings.</li>
</ul>
<p>Anything missing? Let us know – our goal is to find <strong>every</strong> WordPress block.</p>
<h3>Quickly identify block types.</h3>
<ul>
<li>Filter found blocks by their “Block Provider”, narrowing the search results to individual plugins.</li>
<li>The amount of times a specific block type has been used on your WordPress website.</li>
<li>The posts/pages that a block has been used on.</li>
<li>The amount of times a block has been used on a specific post/page.</li>
<li>Check if the block is a “Synced Pattern (Reusable Block)”.</li>
<li>Check if the block is a “Nested Block”.</li>
<li>Check if the block is a “Template”.</li>
</ul>
<h3>How to get started?</h3>
<p>Navigate to the <strong>Tools -> Find My Blocks</strong> Menu inside the WordPress Admin dashboard. You can then set your server performance, which will decide how many posts to scan at a time.</p>
<p>Once it’s done you’ll see all found blocks!</p>
<h3>Resources</h3>
<ul>
<li><a href="https://findmyblocks.com/" rel="nofollow ugc">Website</a>: Read our guides and tutorials.</li>
<li><a href="https://github.com/morganhvidt/find-my-blocks" rel="nofollow ugc">GitHub</a>: Contribute to the plugin.</li>
<li><a href="https://twitter.com/morganhvidt" rel="nofollow ugc">@MorganHvidt</a>: Follow Morgan on X (Twitter).</li>
</ul>


Find My Blocks – Locate blocks on your site

This plugin is great. It does exactly what it says, and does it well. 5 stars.

Must-have for Gutenberg design/development

For example, if you want to use has_block you need to know it's name, which can be difficult to find. This plugin lists them all out, every one you've used, anywhere on a site.

Thanks!

Useful for finding the $block_name of a 3rd party block

It's a small and a very nice plugin, with the minimal UI it does the job nicely.

Very nifty plugin

Great plugin, does exactly what it needs to. Essential for Gutenberg/theme development, and the friendly and familiar GUI is great for clients too.

Essential for Devs & Clients


A must-have plugin to keep the number of Gutenberg blocks plugins to under control.


A must-have plugin


I had installed many sets of blocks to try out and ended up with a lot of overlap of block types and a mess of using a few blocks from one plugin, and a few from another, and a few more from others. Find My Blocks gave me a way to clean up the mess without the risk of removing blocks that content depended on.


A great help cleaning up blocks


I'm trying to overcome block debt to improve site performance and this plugin is such a lifesaver. It detects old blocks, current ones, tells where there's at with a link to edit the page... my goodness is this a timesaver.



You and all involved deserve major kudos for such an incredibly intuitive and easy-to-use plugin


This plugin is simply amazing.


This is one of those plugins you never knew you needed until you found it. I build large sites with complex custom block libraries and it does exactly what it says on the tin - it helps me find all the blocks across the site and, more importantly, shows me which blocks are not being used.



Grade A plugin - if you build large bespoke WP sites using vanilla or custom blocks, this is a must have.


Awesome plugin


If it happens that you need to change from one block plugin to another, Find My Blocks makes it easy to first find where you used the old plugin so that you can update it and your content isn't broken. 


Very Useful Maintenance Plugin

Find My Blocks will search and list all the blocks used across your WordPress site.

Block Designer – Create Custom Blocks for Gutenberg Editor vs Find My Blocks – Locate blocks on your site