leeshadle

blockhandbook

<p>Drag, Drop, Duplicate, Delete, Select & Insert blocks from the sidebar.</p>
<h3>Features</h3>
<ul>
<li>Drag & Drop blocks from the sidebar</li>
<li>Duplicate blocks from the sidebar</li>
<li>Delete blocks from the sidebar</li>
<li>Select blocks from the sidebar</li>
<li>Insert blocks from the sidebar</li>
</ul>
<p><strong>Learn more</strong>:</p>
<ul>
<li><a href="https://blockhandbook.com" rel="nofollow ugc">Visit the BlockHandbook website</a></li>
<li><a href="https://twitter.com/leeshadle" rel="nofollow ugc">Follow me on Twitter</a></li>
</ul>


Movable

Even though for me this is a 5 star plugin a couple of changes would make things better:

1. Instead of using the inspector move the whole thing on the Top Toolbar next to the Block Navigation.

2. If moving things on the top toolbar is not a viable option, it would be nice if we could rename the block names, so we would have a better picture what's going on, this would useful if we have several similar blocks in the page, like Group, Group, Group...

Overall though, this is really good...



Very Nice

If I found this earlier it would have saved me a ton of time.

I was writing an article the other day where I used a lot of group blocks. And it is impossible to select the groups in the editor, you need to open the block navigator in the top left for that.

Movable makes that, and all kinds of block handling a breeze! I will make this one of the default plugins I install on a WordPress site.

Thanks for this!

Great plugin, super helpful in managing blocks

I make dragging, dropping, selecting, duplicating, deleting, & inserting blocks super simple.

<p>Turbocharged Testimonial Block for the new WordPress Block Editor ( Gutenberg ).</p>
<p>This single gutenberg block is packed with 10 terrific testmonial styles for sharing positive things people have to say about your products and services.</p>
<h3>Features</h3>
<ul>
<li>Custom Background Image</li>
<li>Custom Background Color</li>
<li>Custom Font Sizing</li>
<li>Custom Font Colors</li>
<li>Custom Border Colors ( or no borders at all )</li>
<li>Custom Quotation Mark Colors</li>
<li>14 Beautiful Quotation Mark styles</li>
<li>5 Designer Default Settings for Drop Shadows</li>
<li>Add your own Custom Drop Shadow</li>
<li>5 Designer Default Settings for Borders</li>
<li>Add your own Custom Border Radius & Border Width</li>
</ul>
<p><strong>Learn more</strong>:</p>
<ul>
<li><a href="https://blockhandbook.com" rel="nofollow ugc">Visit the BlockHandbook website</a></li>
<li><a href="https://twitter.com/blockhandbook" rel="nofollow ugc">Follow on Twitter</a></li>
</ul>
<h3>Theme Authors</h3>
<p>Easily override default Turbocharged Testimonial Block styles with your own styles using super-simple css variables.  Add custom style systems for box-shadow, border-width, and border-radius settings.</p>
<p>To override frontend styling, add custom settings to your style.css file like so:</p>
<pre><code>[class*="turbocharged-testimonial-block"] {
/* Turbocharged Testimonial Block (ttb) Style Variables */

/* Border Radius */
--ttb-border-radius-sm:2px;
--ttb-border-radius-md:4px;
--ttb-border-radius-lg:8px;
--ttb-border-radius-xl:24px;
--ttb-border-radius-2xl:9999px;

/* Border Width */
--ttb-border-width-none:0px;
--ttb-border-width-sm:1px;
--ttb-border-width-md:2px;
--ttb-border-width-lg:4px;
--ttb-border-width-xl:8px;
--ttb-border-width-2xl:16px;

/* Box Shadow */
--ttb-box-shadow-sm: 0 1px 3px 0 rgba( var( --ttb-box-shadow-color ), 0.1), 0 1px 2px 0 rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-md:0 4px 6px -1px rgba( var( --ttb-box-shadow-color ), 0.1), 0 2px 4px -1px rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-lg:0 10px 15px -3px rgba( var( --ttb-box-shadow-color ), 0.1), 0 4px 6px -2px rgba( var( --ttb-box-shadow-color ), 0.05);
--ttb-box-shadow-xl:0 20px 25px -5px rgba( var( --ttb-box-shadow-color ), 0.1), 0 10px 10px -5px rgba( var( --ttb-box-shadow-color ), 0.04);
--ttb-box-shadow-2xl:0 25px 50px -12px rgba( var( --ttb-box-shadow-color ), 0.25);
}
</code></pre>
<p>To override editor styling, add custom settings to your editor-style.css file like so:</p>
<pre><code>.editor-styles-wrapper [class*="turbocharged-testimonial-block"] {
/* Turbocharged Testimonial Block (ttb) Style Variables */

/* Border Radius */
--ttb-border-radius-sm:2px;
--ttb-border-radius-md:4px;
--ttb-border-radius-lg:8px;
--ttb-border-radius-xl:24px;
--ttb-border-radius-2xl:9999px;

/* Border Width */
--ttb-border-width-none:0px;
--ttb-border-width-sm:1px;
--ttb-border-width-md:2px;
--ttb-border-width-lg:4px;
--ttb-border-width-xl:8px;
--ttb-border-width-2xl:16px;

/* Box Shadow */
--ttb-box-shadow-sm: 0 1px 3px 0 rgba( var( --ttb-box-shadow-color ), 0.1), 0 1px 2px 0 rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-md:0 4px 6px -1px rgba( var( --ttb-box-shadow-color ), 0.1), 0 2px 4px -1px rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-lg:0 10px 15px -3px rgba( var( --ttb-box-shadow-color ), 0.1), 0 4px 6px -2px rgba( var( --ttb-box-shadow-color ), 0.05);
--ttb-box-shadow-xl:0 20px 25px -5px rgba( var( --ttb-box-shadow-color ), 0.1), 0 10px 10px -5px rgba( var( --ttb-box-shadow-color ), 0.04);
--ttb-box-shadow-2xl:0 25px 50px -12px rgba( var( --ttb-box-shadow-color ), 0.25);
}
</code></pre>


Turbocharged Testimonial Block

I spent a lot of time looking for the right testimonial block for my WordPress site. I installed a bunch of testimonial block plugins but this one provides the best collection of WordPress Gutenberg testimonial blocks by far. The different default styles are beautiful, the styling is customizable, and the blocks are simple to edit.

Excellent collection of testimonial blocks

A turbocharged testimonial block packed with 10 super styles for sharing positive things people have to say about your products and services.

Movable vs Turbocharged Testimonial Block