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.

wpweaver

<p>The new Block Editor Editor (Gutenberg) provides a completely new way to edit your WordPress Pages and Posts. The standard version provides many blocks, but <em>Designer Blocks for the Block Editor by Weaver</em> adds several new blocks that make it easy to add modern web design patterns to your pages.</p>
<p><strong>Designer Blocks for the Block Editor by Weaver currently includes:</strong></p>
<ul>
<li>
<p><strong><em>All-in-One Image/Text</em></strong></p>
<p>Combine an image in one column with up to three text elements in the second column. You can control the size and shape of the image. You can independently control the position, text color, and font-size of the three text elements. You can switch the order of the columns.</p>
<p>Not only can you control the background color, you can also specify a cover background image that can be switch to a parallax image. You control the display height of the background image. This Block allows you to easily create amazingly beautiful elements on your page.</p>
</li>
<li>
<p><strong><em>Image Columns</em></strong></p>
<p>Create a block with up to four columns with an image at the top of the block, with a title and description under. The image can be a square, a circle, or the aspect of the original image.</p>
<p>This web design pattern is found on many modern sites, and is commonly used for showing staff, product images/logos with descriptions, or other blocks with text under an image. The <em>Image Columns</em> block makes it trivial to create this design.</p>
</li>
</ul>
<h4>Features shared by blocks</h4>
<ul>
<li>Image shape choice: original aspect ratio, plus square or circle in three sizes</li>
<li>Background color for columns</li>
<li>Text area text color and font-size.</li>
<li>Standard Gutenberg text properties: bold, italic, strikethrough, link</li>
<li>Wide and Full width display if theme supports it</li>
<li>Responsive – will automatically look good on desktops and mobile devices</li>
</ul>
<h4>Demos, Help, and Full support on our own website</h4>
<blockquote>
<p><a href="https://weavertheme.com/plugins/designer-block-demos" rel="nofollow ugc">Designer Blocks for Gutenberg by Weaver Demo</a><br />
  <a href="https://forum.weavertheme.com/" rel="nofollow ugc">Weaver Support Forum</a></p>
</blockquote>
<h4>Suggestions Welcome</h4>
<blockquote>
<p>This version has been tested and is fully compatible with the final WordPress 5.0 release! As features, APIs, and best practices change in the Block Editor, so will this plugin.</p>
</blockquote>
<p>The goal of this plugin it to include easy-to-use designer blocks that mix images, text, and background images arragned in different creative patterns. If you have a favorite web design pattern you’d like made easy, just send us an email, and we’ll see if it can be made into a block.</p>


Designer Blocks for Block Editor by Weaver

Discover the power of the Block Editor! This plugin adds Designer Blocks that make it easy to add Images, Text, and Parallax.

Di Blocks – Awesome WordPress Blocks for Gutenberg Editor vs Designer Blocks for Block Editor by Weaver