Dennys Dionigi

<p>This plugin revolutionizes the Gutenberg editing experience by introducing groundbreaking <strong>visible guidelines for blocks</strong> .<br />
These guidelines, seamlessly integrated into the WordPress backend, serve as visual aids that dramatically enhance the readability and organization of blocks. With these clear visual cues, users can effortlessly identify block edges, alignment points, and content boundaries, leading to an unparalleled level of precision and control. This enhanced visual clarity not only simplifies block manipulation but also elevates the overall user experience, making block editing a breeze.</p>
<h3>Context</h3>
<p>Gutenberg is the code name for the new block based editor introduced in WordPress 5. It replaces the classic WordPress editor which is built on TinyMCE.</p>
<p>It is a significant change in how content is created.</p>
<p>With Gutenberg, you can add multiple media types and arrange the layout within the editor using blocks.<br />
WordPress is changing the editor to make it more approachable to non-coders.</p>
<p><strong>The main problem is that: blocks backend Ui is not as clear and intuitive as it should be.</strong></p>


Block Styling Backend

I tested myself, and lol... I am also the coder behind itself.
But.. hey!

It works and it's also a missing feature that may improve the Blocks Ui, as it may help also color blindness people.

It just works.

It makes it easier to navigate Gutenberg blocks. Fell in love with it. Great work. 



Loved it

A simple plugin that tries making Gutenberg's blocks a friendly tool.

htmlpie

<p>This plugin adds some cool features to the <a href="https://wordpress.org/themes/pen" title="Pen Theme - Multi-purpose WordPress Theme" rel="ugc">Pen theme</a> such as importing metadata from one post to another, importing\exporting color scheme(s) from one website to another, and a very useful toolbar menu for easier access to various parts of the Customize section both from the front-end and the back-end.</p>
<h4>Quick Introduction</h4>
<p>Pen is a premium multi-purpose WP theme, very perfect for various kinds of websites and blogs, such as cooking, creative, eCommerce shops, education, food, health & fitness, landing pages, lifestyle, local business, medical, news, personal websites, portfolio, restaurant, travel, university portal, wedding and any other kind of awesome site or blog.</p>
<h4>What Makes This Theme Different?</h4>
<ul>
<li>This is the Full version, i.e. it has no locked feature and there is no “UPGRADE NOW” banner to tease you everyday</li>
<li>No footer backlink either</li>
<li>Top-rated support</li>
<li>Beautiful Ready-Made Color Schemes (Dark Color Schemes Included)</li>
<li>Content-Specific Configuration (This is awesome! please check the screenshots down below for more information)</li>
<li>Sharing Content Configuration Across Different Posts\Products</li>
<li>Per-Content Layout & Color Scheme Customization!</li>
<li>Per-Widget Color Schemes & Animations!</li>
<li>Shortcut Menus For Easier Site Building & Perfect User Experience</li>
<li>Built-in Dropdown Navigation & Mobile Menu (No need to check hundreds of plugin)</li>
<li>Built-in “Loading…” Splash Screen (Unobtrusive JS and Retina-Ready)</li>
<li>Upload Light Version of Your Logo For Dark Color Schemes (Switches Automatically!)</li>
<li>Featured Image as Background! (Beautiful! Just Install The Theme And Try It Out)
<ul>
<li>Site Background</li>
<li>Header Background</li>
<li>Navigation Menu Background</li>
<li>Content Title Background</li>
<li>Footer Background</li>
</ul>
</li>
<li>Unobtrusive JavaScript</li>
<li>Web Accessibility Best Practices (WCAG AA)</li>
</ul>
<h4>Other Notable Theme Features</h4>
<ul>
<li>450+ Customization Options!</li>
<li>Over 100 Color Options</li>
<li>Flat Color Schemes Included!</li>
<li>Multiple Layout Options</li>
<li>Multiple Header & Footer Layouts</li>
<li>Fully Animated (Optional)</li>
<li>Beautiful CSS3 Effects (Optional)</li>
<li>jQuery Masonry (Plus Animation)</li>
<li>Sticky Header (Optional)</li>
<li>Post Excerpt</li>
<li>Author Profile (Optional)</li>
<li>Large Search Box (Optional)</li>
<li>Compatible with WooCommerce</li>
<li>Compatible with WP PageNavi</li>
<li>Localization-Ready</li>
<li>800+ Google Fonts</li>
<li>Site Icon</li>
<li>HTML5 Polyfills</li>
<li>Optimized CSS, HTML, & JS (Awesome SEO)</li>
<li>Lightweight Codes</li>
<li>Child Theme Support</li>
<li>Semantic HTML5 Structure</li>
<li>WordPress Best Practices</li>
<li>And Much More…</li>
</ul>
<h4>Plugin Features</h4>
<ul>
<li>View and Import Content-Specific Customization (Very Awesome Feature!)</li>
<li>Toolbar Menu (Screenshot 4)</li>
<li>Choose Layout & Color Schemes</li>
<li>Export & Import Theme Options (Screenshot 3)</li>
</ul>
<h3>Plugin Installation</h3>
<p>The theme has a built-in installer which takes care of plugin installation and activation with a click.</p>
<p>If you need to manually install this plugin:</p>
<ol>
<li>Upload the plugin files to the <code>/wp-content/plugins/pen-extra-features</code> directory, or install the plugin through the WordPress plugins screen directly.</li>
<li>Activate the plugin through the ‘Plugins’ screen in WordPress.</li>
<li>Enjoy having an improved UX and new features.</li>
</ol>


This plugin adds some cool features to the Pen theme.

Block Styling Backend vs Pen