Site Map: Deconstruct

From PikaDocs

By Brian Lawlor & Mark Sawyer
Legal Services of Northern California (http://www.lsnc.net/)


Image:Site_map_link.jpg

At the bottom of the list of "Frequent Tasks" on the Pika Home Page, there is a link to the Site Map, as illustrated in the graphic on the left. The Site Map page provides a lengthy vertical list of cross-links to all the major areas of the Pika CMS, illustrated by the graphic at the bottom of this page. These links include jumps to calendaring functions, various types of case lists, client and party contact information, built-in reporting functions, and much more.

The Concordance lists in summary the three files that represent the Site Map page:

  • site_map.php
  • contents_form.html
  • default.html

The site_map.php file is located in the Pika root directory. The contents_form.html file is located in the /subtemplates subdirectory and the default.html file is located in the /templates subdirectory. The Site Map screenshot shows which file provides the code for particular parts of the Site Map page.

In general, the top (banner and horizontal navigation) and bottom (footer) areas of the Site Map page are based on the Pika default.html template. How the default.html page is structured and the location of specific design elements in that same template for the banner or header areas and the footer area are explained in detail in the deconstruction of the Home Page, and apply here as well.

The site_map.php file provides the source for the page title ("Site Map") and the crumb trail location ("Pika Home > Site Map"), highlighted below at lines 16-18:


Image:Site_map_code.jpg


The contents_form.html template is the source of the Site Map page content itself. The structural elements of this "content" are based on a TABLE with a single row (TR), single column data (TD) container, and various unordered lists and sublists (UL) with list items (LI). See contents_form.html: Naked. There are options for restructuring the default vertical layout of the lengthy list of links at the Site Map page, illustrated below. See Site Map: Multiple Column Lists.


Image:Site_map_page.jpg


Related articles: