If you like this plugin, please consider a small donation to help fund its ongoing development.

Download the current version from wordpress.org

I wrote this plugin to make it easy for me to write graphical page-based WordPress sites. I wanted to address these issues:

  • I wanted to create websites with many nested pages, and permit the user to navigate among them by clicking on pictures within the pages, rather than having to use the Page List. I wanted to list child pages in tables, and have the size of the tables, and the number of rows, automatically computed to fit my layout, based on the thumbnail sizes.
  • I wanted the thumbnail pictures, and the galleries of pictures I added in each page, to have be automatically resized either through a single default setting in the WordPress administration page, or by specifying a size in a page I was editing. I further wanted those thumbnails to be automatically generated, or regenerated, so there would never be a missing image.
  • I wanted to put all the images for a specific page, in a single directory under the wp-content/uploads directory. This makes it easy to add or remove images from FTP or from a command line. It also makes it possible to move an image from one page to another — which is maddeningly difficult if not impossible using WordPress’s built-in Attachment system.

Also recommended…

  • The plugin can be combined with plugins like slimbox … so clicking a thumbnail will open a ‘lightbox-type’ effect. I suggest using it in combination with my Hierarchical Page Widget.
  • Pagemash lets you move pages up, down, in, out, and around your hierarchy with the mouse. Amazingly easy.
  • Change Attachment Parent is an easy way to reset the parent page or post for any attachment, right on the attachment’s Edit screen in the Media Library. You do need to know the new parent’s ID, though.

Invocation

The plugin is invoked with the autonav shortcode, the shortest call being something like this:

[autonav display=attached]

Full details are found in the readme.txt file distributed with the plugin.

AutoNav news:

NOTE: The above list was created by invoking AutoNav with:  display=”posts,list,title,nothumb” postid=”category:autonav”

Screenshots.

Above is code inserted with: display=images,title size=90×120 columns=6 pics_only=1 — permitting up to six columns (only five of which are used), and displaying the thumbnail image and title of each of the child pages that have thumbnails (“Shopping Tips” and “Testimonials” have no thumbnails, so aren’t displayed because of pics_only).

Pages like above simply have images attached, which can be reordered to automatically feature any of them in the large size at left. The page template contains the following code:

<div id="featured-image">
<?php
  // this generates the picture in (a) above
 $featured_image = get_post_custom_values('featured_image');
 if ( $featured_image ) {
 print '<img src="' . $featured_image[0] . '">';
 $image_start = 0;
 } else {
 print autonav_wl_shortcode(array('display'=>'attached',
  'count'=>1,'size'=>'medium'));
 $image_start = 1;
 }
?>
</div>
...
<div id="slideshow">
 <?php
// the first non-featured image, in (b)
print autonav_wl_shortcode(array('display'=>'attached',
 'start'=>$image_start, 'count'=>1,'size' => '150x200'));
// the remainder of the attached images, in (c)
print autonav_wl_shortcode(array('display'=>'attached',
 'start'=>$image_start+1,'caption'=>'Click any image to begin slide show',
 'columns'=>3, 'size' => '60x100'));
?>
</div>

Other Plugins We Use

Siblings of a page with display=”list,siblings”. These shows a link to our other plugins, which are the siblings (a child of the same parent) of this page.

NOTE: The above list was created by invoking AutoNav with: display=”list,siblings,nothumb,title”