WP Asia

A beautiful and easy customizable set of Gutenberg blocks to create steps section for the new editor. Easily adjust the following parameters:
List Steps as carousel 
Set background color or image 
Wide and narrow layout support 
5 different layouts

Kenzap Steps

A beautiful and easy customizable set of Gutenberg blocks to create steps section for the new editor. Easily adjust the following parameters:

Kyle M Brown

Display your data step-by-step style with images and display them on your post or pages in minutes with ease. Keep the standard WYSIWYG content separate from your step-by-step instructions for easy editing.
<h3>Step by Step Features</h3>
<ul>
<li>Create step-by-step instructions with ease.</li>
<li>Each step is created in its own separate module.</li>
<li>Separate interface for creating steps. </li>
<li>Use the standard WYSIWYG editor for background type of information. </li>
<li>Specify a specific image per step.</li>
<li>Specify a specific text per step.</li>
<li>Add a custom description for you step-by-step instructions.</li>
<li>Place “steps” on pages or post using shortcodes.</li>
<li>Can be used to display anything requiring step-by-step instructions.</li>
<li>E.g. Manuals, procedures, guidelines, How-to’s, math instructions, recipes, and more.</li>
</ul>
<a href="http://www.wpdocs.co?utm_source=wordpress_org_descpage&utm_medium=link&utm_campaign=step_by_step" rel="nofollow ugc">###Pro – Features###</a>
<ul>
<li>Enlarge images with modal windows.</li>
<li>Use the native WordPress image feature to upload and store images.</li>
<li>Annotate and edit images inside of the browser.</li>
<li>Change the front end layout of the steps to vertical similar to wikihow.com</li>
<li>Add rich meta (links, bold, etc) to the body area.</li>
<li>Publish directly to stand alone guide pages without using shortcodes.</li>
<li>Responsive layout.</li>
<li>Custom categories and slugs in the url.</li>
</ul>
<a href="http://www.wpdocs.co?utm_source=wordpress_org_descpage&utm_medium=link&utm_campaign=step_by_step" rel="nofollow ugc">Get the Pro version.</a>

Step by Step

My own rating

Create step-by-step instructions with images and display them on your post or pages in minutes.

Kenzap Steps vs Step by Step