• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 360
  • Last Modified:

Step by step tutorial plugin idea

Has anyone heard of a plugin to do this or can someone give me some ideas on how you think one should work to do it: (I can create a plugin if I could just think of the right idea on how it should work)

I'm going to be converting a large site that has step by step instructions on different things. There's videos and images to go with the steps.

The customer is used to using a different environment where each step is put in individually, added, then the result is the steps displaying on one page in correct order. I'd like to keep something similar for them after the conversion to wordpress for 2 reasons.

1. To make the change over easier on them so they aren't terribly confused right off the bat.

2. Most of you probably are familiar with the frustration on the layout using the visual editor - when you left align your image, they kind of ball up and not separate at the end of your paragraph. I don't want the customer to have to deal with manually adding a div clear or absolutely having to add <p> tags since wordpress breaks your paragraphs for you with a simple line break.

Thanks for any ideas.
1 Solution
You can enter your steps as separate posts under some special category and then retrieve then in arbitrary order. WP 3.0 comes with full custom post type support, prior version have it as well, but need a little bit more of coding. I think that's the best way to do that and simplest. In general you can add your own tables and logic and do whatever you find appropriate. WordPress is very flexible.

To answer your second question - just add <br style="clear:both" /> into your template file, at the end of your loop, where class="post" div is usually closed. That's what I do when I need to deal with that "bug".
Are you familiar with the Pods plugin?


That is what I would use.
DzynitAuthor Commented:
This looks like a good option to try. Thanks.

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now