Di Themes

<p>Di Blocks is specially designed for new WordPress editor also knows as Gutenberg editor. It allows bloggers, professionals, or businesses to design their own creative blocks using Gutenberg Editor.</p>
<p>It allows you to add regular blocks with more advance controls. You can apply possible styles to any block like heading, paragraph, divider, Google map, icon etc. Di Blocks is very flexible to use and designed by <a href="https://dithemes.com" rel="nofollow ugc">Di Themes</a>. The main aim of Di Blocks is to provide customization with ease. You can create a perfect WordPress web page using it. You don’t need any hectic coding knowledge to use this plugin. It’s just a one-click insertion.</p>
<p>Di Blocks plugin allows you to add animations, insert 440+ cool icons, and design the heading of your page in your own way. Di Blocks provide greater user control over the page-designing process.</p>
<p>Di Block plugin is a useful tool that has all these features and more for WordPress Gutenberg editor. So if you don’t want your content to get lost and if you’re looking for adding some cool animation tricks or visual effects to your content or blog, Di Blocks is best fit for you.</p>
<p>Another important aspect of this Gutenberg blocks is that it also provides spacing options to give proper padding and margin to your content. Therefore, Di Block plugin seems to be an integral addition to the overwhelming library of plugins in the WordPress library.</p>
<h4>List of available Blocks</h4>
<h4>Heading Block</h4>
<p>Heading is the most important part of any web page. It must look attractive to attain the impression of a visitor. Di Blocks helps you to customize the design of heading in a very attractive way. You can set the heading tag, colors, typography, spacing, border, animation and much more.</p>
<h4>Icon Block</h4>
<p>You can use 440+ cool icons, where you want without any hassle. Di Blocks plugin adds all the Font Awesome icons in managed icon category so you can find and add your favorite icon quickly. it also adds advance options to style the icon like icon name, size, rotate, colors, spacing, border, animation and more.</p>
<h4>Paragraph Block</h4>
<p>An effective paragraph is usually designed in a very appropriate way. It must look beautiful so readers can be engaged with it. Di Blocks typography feature helps you to design beautiful paragraphs. You can use different types of fonts, transform text to upper case, and set line spacing. Paragraph block also allows to use animation effects.</p>
<h4>Google Map Block</h4>
<p>We know how much your physical store matters to you. We consider this and give you space to embed Google map on your web page. Moreover, you can change its frame size, add padding and margin according to your design, and add animations.</p>
<h4>Divider Block</h4>
<p>Divider block is very useful, when we need to separate two blocks. Divider block provides styled horizontal line which divide your block contents. it also allows to display styled icon in the center, left and right. it also allows to display icon in the center, left or right of your divider.</p>
<h4>Button Block</h4>
<p>Display a button on the web page with advance style options. it also supports icon, so user can display font awesome icon before or after the button text.</p>
<p>More awesome blocks are coming soon….</p>


Di Blocks – Awesome WordPress Blocks for Gutenberg Editor

Di Blocks plugin is a collection of awesome blocks for Gutenberg Editor.

DannyCooper

gutenbergblocks

Editor Blocks

<p>A unique collection of Gutenberg blocks. Here’s an example of a full page created with Editor Blocks – <a href="https://editorblockswp.com/demo/" rel="nofollow ugc">Editor Blocks Demo</a></p>
<h3>The Blocks</h3>
<h4><a href="https://editorblockswp.com/gutenberg-wrapper-block/" rel="nofollow ugc">Wrapper Block</a></h4>
<p>Add a background image or color to any block, as well as padding and margins.</p>
<h4><a href="https://editorblockswp.com/gutenberg-hero-block/" rel="nofollow ugc">Hero Block</a></h4>
<p>Pair this block with the wrapper block to create stunning hero areas.</p>
<h4><a href="https://editorblockswp.com/gutenberg-pricing-table-block/" rel="nofollow ugc">Pricing Table Block</a></h4>
<p>Beautiful 2, 3, 4 or 5 column pricing tables</p>
<h4><a href="https://editorblockswp.com/gutenberg-author-profile-block/" rel="nofollow ugc">Author Profile Block</a></h4>
<p>Display a WordPress user’s profile dynamically using this block.</p>
<h4><a href="https://editorblockswp.com/gutenberg-team-members-block/" rel="nofollow ugc">Team Members Block</a></h4>
<p>Display a list of team members in a multi-column layout.</p>
<h4><a href="https://editorblockswp.com/gutenberg-testimonial-block/" rel="nofollow ugc">Testimonial Block</a></h4>
<p>Showcase your client testimonials with this beautiful block.</p>
<h4><a href="https://editorblockswp.com/gutenberg-callout-block/" rel="nofollow ugc">Callout Block</a></h4>
<p>Draw your visitors attention to your high-value pages or newsletter using an inline callout.</p>
<h4><a href="https://editorblockswp.com/gutenberg-brands-block/" rel="nofollow ugc">Brands Block</a></h4>
<p>Display a collection of logos in a row. Perfect for highlighting your partners or clients.</p>
<h4><a href="https://editorblockswp.com/gutenberg-features-block/" rel="nofollow ugc">Features Block</a></h4>
<p>Display an organised feature list in columns. Accompany each feature with an image or icon.</p>
<h4><a href="https://editorblockswp.com/gutenberg-horizontal-feature-block/" rel="nofollow ugc">Horizontal Feature Block</a></h4>
<p>Highlight a key feature of your product or service using this horizontal display.</p>
<h4><a href="https://editorblockswp.com/gutenberg-vertical-feature-block/" rel="nofollow ugc">Vertical Feature Block</a></h4>
<p>Highlight a key feature of your product or service using this vertical display.</p>
<h3>Design Considerations</h3>
<p>Editor Blocks look better with a wide layout, we recommend using a ‘Full Width’ page template if your theme has one. We’ve also built a (free) companion theme you can use:</p>
<p><a href="https://wordpress.org/themes/editor-blocks" rel="ugc">Editor Blocks Theme</a><br />
<a href="http://editorblockswp.com/theme-setup" rel="nofollow ugc">Editor Blocks Theme Setup</a></p>
<h3>Source Code and Contributions</h3>
<p>The entire source code of this plugin can be found on GitHub:</p>
<p><a href="https://github.com/editorblocks/editor-blocks" rel="nofollow ugc">Editor Blocks GitHub</a></p>
<p>There are various ways you can contribute:</p>
<ol>
<li>Raise an <a href="https://github.com/editorblocks/editor-blocks/issues/new" rel="nofollow ugc">Issue</a> on GitHub</li>
<li>Send a <a href="https://github.com/editorblocks/editor-blocks/pulls" rel="nofollow ugc">Pull Request</a> with your bug fixes and/or new features</li>
<li>Provide a <a href="https://translate.wordpress.org/projects/wp-plugins/editor-blocks" rel="nofollow ugc">Translation</a></li>
</ol>


Di Blocks – Awesome WordPress Blocks for Gutenberg Editor vs Editor Blocks for Gutenberg