Alkesh Miyani

Nilesh Vastarpara

Techeshta

<p>Blocks Kit is a Gutenberg Blocks collection with unlimited possibilities to design a webpage. You can build professional, elegant websites using the new WordPress editor Gutenberg with very ease and without any code. It is a large variety of beautiful blocks that can develop and design your best web pages with some clicks.</p>
<p>It is a bunch of additional Gutenberg blocks for Editors, Content Writers, and freelancers to provide all possible options.</p>
<p><strong><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Live Demo</a> | <a href="https://www.techeshta.com/docs/blocks-kit-gutenberg-blocks/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=techeshta" rel="nofollow ugc">Documentation</a></strong></p>
<h3>Where is Blocks Kit Plugin Useful?</h3>
<p>Below is one small list for which purposes you can use the Blocks Kit.</p>
<ul>
<li>Blocks for Editors</li>
<li>Blocks for Content Writers</li>
<li>Blocks for Freelancers</li>
<li>Blocks for Designer</li>
<li>Blocks for Developer</li>
</ul>
<h3>Why Choose a Block Kit for your Gutenberg Project?</h3>
<p>We carefully researched over minimum requirements of any website development. And then created a list of options over the selected blocks that we are thinking of designing and provide it as free, and you can see the result here.</p>
<p>We offered all possible opportunities with all Gutenberg Blocks. So, from beginner to freelance designer, developer, writer, and the content creator can create awesome stuff with the new Gutenberg editor. We have 10+ Gutenberg Blocks available as a start.</p>
<h3>Features of Blocks Kit</h3>
<ul>
<li>Designed for Editors, Content Writers and Freelancers</li>
<li>Highly Optimized and Performance Focused</li>
<li>Extensive Attributes for Each Block</li>
<li>Faster Designing Experience</li>
<li>Seamless Interplay with the Core Gutenberg Blocks</li>
<li>Cross-browser Compatibility</li>
<li>No Coding Skill Needed</li>
</ul>
<h3>List of Gutenberg Blocks</h3>
<p>Get 10+ flexible Gutenberg blocks that are feature-rich and look right out of the box, and provide a robust foundation for any website even without a single line of code.</p>
<ul>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/pricing-table-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Pricing Table Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/info-box-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Info Box Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/button-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Button Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/call-to-action-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Call to Action Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/testimonial-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Testimonial Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/author-box-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Author Box Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/advance-heading-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Advanced Heading Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/section-divider-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Section Divider Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/sticky-notes-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Sticky Notes Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/pull-quotes-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Pull Quotes Block</a></li>
<li><a href="https://gutenberg.techeshta.com/blocks-kit-for-gutenberg/blocks/our-team-block/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=blockskit" rel="nofollow ugc">Our Team</a></li>
</ul>
<p><strong>Important:</strong> Due to some continuous and unstable changes with the Gutenberg Editor. We rewrite code for blocks with some dependency changes. So, you have to create some blocks again if you are existing users of this plugin.</p>
<h3>Technical Support</h3>
<p>We’re active for any support issues and feature suggestions. So, I hope you will love it. If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/blocks-kit/" rel="ugc">Plugin’s Forum</a>. Feel free to <a href="https://www.techeshta.com/contact-us/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=techeshta" rel="nofollow ugc">contact us</a> if you want any custom widgets for your site.</p>
<h3>Like Blocks Kit Plugin?</h3>
<p>Don’t forget to rate us on <a href="https://wordpress.org/support/plugin/blocks-kit/reviews/?rate=5#new-post" rel="ugc">WordPress</a>.</p>
<h3>Other Gutenberg Add-ons</h3>
<ul>
<li><a href="https://wordpress.org/plugins/timeline-blocks/" rel="ugc">Timeline Blocks for Gutenberg</a></li>
<li><a href="https://wordpress.org/plugins/post-layouts/" rel="ugc">Post Layouts for Gutenberg</a></li>
</ul>


Blocks Kit – Gutenberg Blocks for Freelancers

Good job guys!

Thanks

Additional Gutenberg Blocks for Editors, Content Writers and freelancers with advanced styles and options.

Takashi Kitajima

まーちゅう

<p>The Snow Monkey Editor is a plugin that extends the block editor.</p>
<p>GitHub: https://github.com/inc2734/snow-monkey-editor/</p>
<h4>Formatter</h4>
<p>Click Snow Monkey button in toolbar.</p>
<ul>
<li>Text badge</li>
<li>Text background color</li>
<li>Text font size</li>
<li>Text highlighter</li>
<li>Text color</li>
<li>Text gradient</li>
<li>Text letter spacing</li>
<li>Line break per screen size</li>
<li>Format clear</li>
</ul>
<h4>Extensions</h4>
<p>You can settings in inspector.</p>
<ul>
<li>Hide on smartphone size or tablet size or PC size. (Using media query)</li>
<li>Hide by user roles. (Using <code>render_block</code> filter hook. If it does not pass this filter, it is ignored)</li>
<li>Scroll animation</li>
<li>Publish date time settings</li>
<li>Unpublish date time settings</li>
<li>Edit lock by user roles. (Only administrators can set it)</li>
</ul>
<h4>Block presets</h4>
<p>This feature allows you to save the settings of a block and set them for other blocks of the same type at the touch of a button.</p>
<p>(The number of blocks/attributes that can be used by the block preset feature is limited by default.)</p>
<h4>Block styles</h4>
<p>There can be used in paragraph blocks, group blocks, image blocks, etc.</p>
<ul>
<li>Alert</li>
<li>Alert (Remarks)</li>
<li>Alert (Success)</li>
<li>Alert (Warning)</li>
<li>Fluid shapes</li>
<li>Post-it</li>
<li>Post-it (Narrow)</li>
<li>Shadowed</li>
<li>Speech (Top)</li>
<li>Speech (Right)</li>
<li>Speech (Bottom)</li>
<li>Speech (Left)</li>
<li>List (Arrow)</li>
<li>List (Check)</li>
<li>List (Remarks)</li>
<li>List (Times)</li>
<li>Ordered list (Circle)</li>
<li>Ordered list (Square)</li>
</ul>
<h4>Filter hooks (JavaScript)</h4>
<p><strong>SnowMonkeyEditor.extension.allowedNameSpaces</strong></p>
<p>JavaScript</p>
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
  'SnowMonkeyEditor.extension.allowedNameSpaces',
  'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
  ( allowedNameSpaces, extensionName ) => {
    return [
      ...allowedNameSpaces,
      'snow-monkey-blocks',
    ];
  }
);
</code></pre>
<p>PHP</p>
<pre><code>add_action(
    'admin_enqueue_scripts',
    function() {
        $data = "wp.hooks.addFilter(
            'SnowMonkeyEditor.extension.allowedNameSpaces',
            'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
            ( allowedNameSpaces, extensionName ) => {
                return [
                    ...allowedNameSpaces,
                    'snow-monkey-blocks',
                ];
            }
        );";
        wp_add_inline_script(
            'snow-monkey-editor@editor',
            $data
        );
    }
);
</code></pre>
<p><strong>SnowMonkeyEditor.extension.allowedRoles</strong></p>
<p>JavaScript</p>
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
  'SnowMonkeyEditor.extension.allowedRoles',
  'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
  ( allowedNameSpaces, extensionName ) => {
    return [ 'administrator' ];
  }
);
</code></pre>
<p>PHP</p>
<pre><code>add_action(
    'admin_enqueue_scripts',
    function() {
        $data = "wp.hooks.addFilter(
            'SnowMonkeyEditor.extension.allowedRoles',
            'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
            ( allowedRoles, extensionName ) => {
                return [ 'administrator' ];
            }
        );";
        wp_add_inline_script(
            'snow-monkey-editor@editor',
            $data
        );
    }
);
</code></pre>


Blocks Kit – Gutenberg Blocks for Freelancers vs Snow Monkey Editor