I’ve recently upgraded to version 3.3.1 and noticed a nice feature that would be great for our non-Wordpress savvy clients – creating a tour of how to use WordPress.
I’ve used the Yoast SEO plugin for a long time and they’ve added a tour feature, which when you click the next buttons it goes through the various features (see screenshot):
Is it possible to create a custom tour of WordPress on how to add pages, posts etc and create our own help content to go with it.
I’ve got a standard set of plugins I tend to use so the tour (if possible) would need to jump through both the standard WordPress setup as well as all the different plugins.
I’ve dug around the web and found the following code. This will create a one off pointer that you can put custom content in. The only problems are that the popup appears with every reload even when it’s dismissed (is there a way to improve the usability of this?) and also it’s a one off window rather than a tour.
Just use Firebug to find the div you want to attach the pointer to.
Below are the methods you can try. The first solution is probably the best. Try others if the first one doesn’t work. Senior developers aren’t just copying/pasting – they read the methods carefully & apply them wisely to each case.
If you look at this plugin I wrote as a demonstration on using pointers, you will see how to create them and have them close correctly:
This plugin creates ‘pointer pointers’:
WordPress Pointers API is for core use only, some thing might be changed in API and that can cause your plugin site break or errors. You should avoid using then until API will be standardized and ready for plugin/theme use.
Konstantin Kovshenin wrote great introductory post about Pointers, that you might find interesting to read. Introducing Pointers in WordPress 3.3
Mark Jarquith has written a plugin, called WP-Help.
From it’s description:
Administrators can create detailed, hierarchical documentation for the site’s authors and editors, viewable in the WordPress admin. Powered by Custom Post Types, you get all the power of WordPress to create, edit, and arrange your documentation. Perfect for customized client sites. Never send another “here’s how to use your site” e-mail again!
Combine that with a service like screenr or some YouTube WP how-to tutorials, you can bring an easy guid & tour to your users.
Make an option
add_option() with a bool (false).
At the begin if the option is false else show the tour.
And at the end of the tour set the option to true, So it won’t show again.
If possible set an ajax event when the dismiss is clicked to set the option to false.
Let me know if you get it running (or not)