Munir Kamal

essamamdani

Andrew Worsfold

Enclavely

<p><a href="http://gettailor.com/" rel="nofollow ugc">Tailor</a> is a free frontend page builder for WordPress that features a simple and intuitive drag and drop interface.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tfMyLMuaXjI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<blockquote>
<p>Check out the <strong><a href="https://wordpress.org/plugins/tailor-advanced/" rel="ugc">Advanced Features extension</a></strong> for new elements and features. Like Tailor, it’s absolutely free!</p>
</blockquote>
<p>To get started:</p>
<ul>
<li><a href="https://support.gettailor.com/hc/en-us/categories/202586427" rel="nofollow ugc">Read the user documentation</a>.</li>
<li><a href="https://github.com/Enclavely/tailor/blob/master/readme.md" rel="nofollow ugc">Read the overview of features and elements</a>.</li>
<li><a href="https://medium.com/@tailorwp" rel="nofollow ugc">Keep up-to-date with the blog</a>.</li>
</ul>
<h4>Easy to use</h4>
<ul>
<li>Add elements and create <a href="https://medium.com/@tailorwp/columns-on-steroids-df5a5a957d89" rel="nofollow ugc">nested columns</a> instantly in a single drag and drop movement.</li>
<li>Copy elements anywhere on the page by dragging and holding the Shift key.</li>
<li>Move content independently and have it adopt the style of its parent elements!</li>
<li>Save one or more elements as templates, then drag and drop them onto any page.</li>
<li>Change the appearance of any element using a set of carefully selected options.</li>
<li>Undo and redo actions using the History panel (or keyboard shortcuts).</li>
<li>Control global layout settings in the Customizer.</li>
<li>Control page specific layout settings and add custom CSS and JavaScript.</li>
<li>Preview your layouts on different device sizes and manage responsive behavior.</li>
<li>Supports WordPress features (multimedia, shortcodes and more).</li>
<li>Supports built-in and third-party widgets.</li>
<li>Supports multi-language and RTL layouts.</li>
</ul>
<p>Because Tailor works with any theme, choosing one that you like is now the hardest part of creating a website.</p>
<ul>
<li>Need to show off your creative side?  Try the free <a href="https://wordpress.org/plugins/tailor-portfolio/" rel="ugc">Portfolio extension</a>.</li>
<li>Have an online store?  Check out the free <a href="https://wordpress.org/plugins/tailor-woocommerce/" rel="ugc">WooCommerce extension</a>.</li>
<li>Are you a power user?  The free <a href="https://wordpress.org/plugins/tailor-advanced/" rel="ugc">Advanced Features extension</a> is for you!</li>
</ul>
<h4>Easy to extend</h4>
<p>Tailor is open source and built based on WordPress’ coding standards and best practices.  Everything from the code base to the user interface integrate perfectly with WordPress. The plugin features:</p>
<ul>
<li>A comprehensive set of <a href="https://github.com/Enclavely/tailor/blob/master/actions.md" rel="nofollow ugc">actions</a> and <a href="https://github.com/Enclavely/tailor/blob/master/filters.md" rel="nofollow ugc">filters</a>.</li>
<li>An API for adding, changing or removing elements.</li>
<li>An API for adding, changing or removing settings and controls.</li>
<li>A <a href="https://github.com/Enclavely/tailor/blob/master/api.md" rel="nofollow ugc">REST API</a> to manage elements, templates and models.</li>
</ul>
<h4>Need more information?</h4>
<ul>
<li>Check out our example of how to extend Tailor <a href="https://github.com/Enclavely/tailor-sample-theme" rel="nofollow ugc">using a theme</a>.</li>
<li>Check out our example of how to extend Tailor <a href="https://github.com/Enclavely/tailor-sample-extension" rel="nofollow ugc">using a plugin</a>.</li>
<li><a href="https://support.gettailor.com/hc/en-us/categories/203117247" rel="nofollow ugc">Read the developer documentation</a>.</li>
</ul>
<h4>Want to help?</h4>
<ul>
<li>Contribute to the <a href="https://translate.wordpress.org/projects/wp-plugins/tailor" rel="nofollow ugc">WordPress Translation project</a>.</li>
<li>Provide your feedback and suggestions through <a href="https://www.facebook.com/tailorwp/" rel="nofollow ugc">Facebook</a> or <a href="https://twitter.com/tailorwp" rel="nofollow ugc">Twitter</a>.</li>
<li>Get involved in the <a href="https://github.com/Enclavely/tailor" rel="nofollow ugc">GitHub project</a>.</li>
<li>If you like the plugin, please <a href="https://wordpress.org/support/view/plugin-reviews/tailor?rate=5#postform" rel="ugc">submit a review</a>.</li>
</ul>


Tailor Page Builder

Young and upcoming page builder that looks to have a promissing future!

Very Promissing

Build beautiful layouts for your content faster and easier than ever before using your favourite theme!

Thorsten Frommen

Kalimah Apps

Joe Bailey-Roberts

<p>This a Gutenberg plugin that adds an outline around each block. Outline settings are based on user meta. Each user can<br />
change the settings according to their needs and it will applied only to their account.</p>
<p>Users can change:</p>
<ul>
<li>When to show outline. On hover or always displayed.</li>
<li>Lock outline for a single block.</li>
<li>Disable outline completely.</li>
<li>Show data (name and class) outside block, inside or floating when hovering over block</li>
<li>Change outline color.</li>
<li>Change outline style to solid, dashed or dotted line</li>
<li>Change padding size</li>
<li>Show/hide block name</li>
</ul>
<h3>Filters</h3>
<ul>
<li>editor_outline_default_user_meta<br />
You can override the default user meta by using this filter. The filter will receive the default user meta as an array and<br />
you can return a modified array.<br />
Check github repo for more information. https://github.com/kalimahapps/Editor-Block-Outline#filters</li>
</ul>


Editor Block Outline

Great work. I've been considering making a similar plugin myself, so I'm glad I found this one before I did. It works well and makes it considerably easier to see where each block is. Especially useful when you have blocks within blocks. i.e. Group -> Columns -> Column -> Paragraph

Makes Gutenberg usable

I like this.

When I edit multiple blocks, this plugin help me.

Very useful plugin

Add outline around Gutenberg blocks while editing

Tailor Page Builder vs Editor Block Outline