Sharraxaad

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.

Step by Step Features

Create step-by-step instructions with ease.
Each step is created in its own separate module.
Separate interface for creating steps.
Use the standard WYSIWYG editor for background type of information.
Specify a specific image per step.
Specify a specific text per step.
Add a custom description for you step-by-step instructions.
Place “steps” on pages or post using shortcodes.
Can be used to display anything requiring step-by-step instructions.
E.g. Manuals, procedures, guidelines, How-to’s, math instructions, recipes, and more.

###Pro – Features###

Enlarge images with modal windows.
Use the native WordPress image feature to upload and store images.
Annotate and edit images inside of the browser.
Change the front end layout of the steps to vertical similar to wikihow.com
Add rich meta (links, bold, etc) to the body area.
Publish directly to stand alone guide pages without using shortcodes.
Responsive layout.
Custom categories and slugs in the url.

Get the Pro version.

Sawir-shaashado

Use the standard WYSIWYG editor for background type of information.
Guides made up of steps are managed their own section.
Each step is created in its own separate module.
Give your guide a title and add some background information.
Add or remove steps at anytime.
Add or remove images.
Completed page displaying a guide made up of step-by-step instructions.

Rakibaad

You can install this plugin one of three ways:

1. Admin Search

In your Admin, go to menu Plugins > Add.
Search for Step by Step.
Find the plugin that’s labeled Step by Step.
Look for the author name kmb40 on the plugin.
Click to install.
Activate the plugin.
A new menu item Pin It Button will appear in your Admin.

2. Download & Upload

Download the plugin (a zip file) on the right column of this page.
In your Admin, go to menu Plugins > Add.
Select the tab “Upload”.
Upload the .zip file you just downloaded.
Activate the plugin.
A new menu item Step by Step will appear in your Admin.

3. FTP Upload

Download the plugin (.zip file) on the right column of this page.
Unzip the zip file contents.
Upload the step-by-step folder to the /wp-content/plugins/ directory of your site.
Activate the plugin through the ‘Plugins’ menu in WordPress.
A new menu item Guides will appear in your menu in your Admin section.

Usage

For complete usage instructions visit the help page at kylembrown.com/step-by-step

SBI

Q. How do I get the steps on a page or post?
A. Once the steps are created and saved from the ‘Guides’ interface, a shortcode is automatically generated. This shortcode can be placed in a post or a page.

Q. Can I place photos in each step?
A. Yes.

Q. Does this work inside of the standard WYSIWYG interface?
A. Yes and No. The step-by-step admin interface called ‘Guides’ is separate from the standard WYSIWYG interface. Once guides containing steps have been created, the shortcode can be place anywhere you wish.

Q. I did an update and now guide preview doesn’t work, what can I do?
A. At this time guide previews may 404 for guides created using earlier versions. Guides created after a plugin update should preview fine.

Q. When I click view it shows a 404 error page.
A. This appears to be a WordPress error and we have found two workarounds.
*Visit the “Permalink” page and then try to view your guide again.
*Change your guide to “draft” instead of “published” and use the “preview” feature instead.

Visit the complete FAQ at kylembrown.com/step-by-step for additional help and troubleshooting tips.

Dibu-eegisyo

Peter Baumgartner 9 Diseembar, 2020

Unfortunately not useful. Images are way too small. (I am using the Twenty Twenty theme.) Additionally, you can’t use images already loaded into your media library.

robertmschley 9 Abriil, 2018

I ordered the Pro version to accommodate structures in my online store and then realized that there were compatibility issues with a template I was using, so I contacted the company to see if they could help with technical support. Not only did they work tirelessly to fix those compatibility issues, they eventually even wrote a whole new Child theme of the template in order to get everything to work! It was way above and beyond normal service, and while it required a small extra fee, I’m very grateful to Andy and the team for all the support.

Kyle M Brown 22 Sebteembar, 2016

My own rating as an author.

gerardmostert07 3 Sebteembar, 2016 1 reply

Would be nice if you could apply (lightbox) to image links. far too small for viewing. Nice plugin though.

Akhri dhammaan 13 dibu-eegis

Ka-qaybgalayaasha & Horumariyayaasha

“Step by Step” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan.

Kyle M Brown

Ku tarjun “Step by Step” luqaddaada.

Ma xiisaynaysaa horumarinta?

Baadh koodka, fiiri bakhaarka SVN, ama iska qor diiwaanka horumarinta adigoo adeegsanaya RSS.

Isbeddellada

0.4.5

Tested with WordPress 5.4.1 (6/9/2020)

0.4.4

Tested with WordPress 5.0.3 Gutenberg (1/17/2019)

0.4.3

Tested with WordPress 4.9.6 (6/5/2018)

0.4.2

Tested with WordPress 4.8.2 (10/27/2017)

0.4.1

Tested with WordPress 4.8 (7/7/2017)

0.4.0

Tested with WordPress 4.7 (12/8/2016)

0.3.9

Tested with WordPress 4.6 (8/23/2016)

0.3.8

Tested with WordPress 4.5.2 (5/8/2016)

0.3.7

Tested with WordPress 4.5

0.3.6

Tested with WordPress 4.4.2

0.3.5

Repositioned product link on admin menu
Added Sidebar info in settings

0.3.3

Tested with WordPress 4.4

0.3.2

Tested with WordPress 4.3
Updated tags

0.3.0

Tested with WordPress 4.2

0.2.9

Tested with WordPress 4.1

0.2.8

Added new images

0.2.7

Tested with WordPress 4.0

0.2.6

Multisite broken image link issue resolved

0.2.5

Edits for language support

0.2.4

Minor bug fixes

0.2.3

Minor bug fixes

0.2.2

Fixed bug preventing image uploads in some cases.
Minor naming corrections.

0.2.0

Corrected guides displaying above all body text of the post or page.
Changed base category from articles to guides during preview
Added notice to indicate when guides are being previewed.
Added the ability to save or remove guides during plugin reinstall / uninstall.

0.1.1

Corrected undefined indexes errors seen upon visiting Add New Guides page
Corrected errors seen when deleting a guide
Corrected greyed save buttons when attempting to save a new guide.
Corrected non displaying steps when preview button is clicked
Corrected offset error messages at top of pages where shortcode had been pasted.
Added a link on the plugins page to access Add New Guides page quickly.
Added the ability to preview a guide before publishing.

0.1.0

Initial release