Displays a hierarchial tree, similar to widows explorer folder tree.  Can be used as a geneological tree , a file tree, you decide.

aryanduntley

This plugin utilizes mootools, mootree and milkbox javascript libraries to transform a cutom hierarchical post type into a branched tree. The tree is toggleable as a whole or by element considering the element has children.
The following are some of the configurable options:
<ul>
<li>Initially display the tree as open.</li>
<li>Initially display any elements as open.</li>
<li>Choose whether to display connecting lines.</li>
<li>Choose to display a unique icon for elements with no children.</li>
<li>Choose whether to display expand/contract buttons top, bottom, both, none.</li>
<li>Change the “theme” of you icons. There are two default themes, you can create your own.</li>
<li>Change the behavior of the tree by editing the javascript (text editor with default script located in post category page). The default behavior is to display a lightbox containing the featured image if it exists. </li>
<li>Create as many different trees as you want by simply assinging them to a new category.</li>
<li>If you would like the branch to link to a url, you have a field for that (note: the javascript would need to be changed).</li>
<li>Create a css id for each specific element. This can then be styled in any included .css file.</li>
<li>Define the color of text for any specific element.</li>
<li>Define a unique icon (both for the branch closed and branch open states) for any specific element.</li>
<li>Assign miscellaneous text for each specific element. This can be used for whatever purpose you choose, but was placed as an option in order for a user to define for each element a json, url or similar style name/value pair string to be accessed via the javascript methods available in the editor.</li>
<li>Set a featured image for each individual element. The default behavior is to display this image in a lightbox when the element is clicked.</li>
</ul>
Plugin site: <a href="http://aryanduntley.com/wp-moo-tree" title="Aryan Duntley Web Dev" rel="nofollow ugc">Aryan Duntley</a> 
Example in use: <a href="http://clarkgracie.com/family-tree/" title="Clark Gracie San Diego Jiu Jitsu Academy" rel="nofollow ugc">CGJJAcademy</a>
Tools used:
<ul>
<li><a href="http://mootools.net/" title="Mootools" rel="nofollow ugc">MooTools</a> by <a href="http://mootools.net/developers" title="mootools developers" rel="nofollow ugc">see them here</a>.</li>
<li><a href="https://sites.google.com/a/mindplay.dk/mootree/Home" title="Mootree mootools plugin" rel="nofollow ugc">MooTree</a> by Rasmus Schultz with contributions by Ian Ring.</li>
<li><a href="http://reghellin.com/milkbox/" title="Milkbox mootools plugin" rel="nofollow ugc">MilkBox</a> by Luca Reghellin.</li>
</ul>
Donations welcome. If you find this plugin useful and would maybe like to request more features or hope for future updates and optimizations, please help me eat! I find it takes a lot of pizza to code, something about thinking and calories…

Alternatives to WordPress MooTools Tree Creator

Top alternatives