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>


Editor Blocks for Gutenberg

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.

Editor Blocks for Gutenberg vs Designer Blocks for Block Editor by Weaver