Wrap 6 Reference

What is Wrap 6?

Wrap 6 is a version of the graphical template used by web sites within the College of Engineering. The visual appearance of Wrap 6 is very similar to the previous wrap version, with the following changes:

  • Fixed width of 960px
    The previous was designed for a width of 740px with the ability to expand to fill the available horizontal space. As larger monitors have become more common, some pages expand to a width which impedes usability. The new verison forces a standard size which accommodates 96% of web users.
     
  • Descriptive, Standards Based Markup
    This version drops support for non-CSS browsers (pre IE6 - less than 0.5% of users) in favor of more descriptive markup styled with CSS. As a result pages are smaller, faster to download, and more accessible to non-graphical web clients (search engines, screen readers, phones, etc.)
     
  • Wider left and right sidebar spaces
    The larger minimum size (960px vs. 740px) allows us to increase the width of both the left and right menus
     
  • Minor sidebar menu improvements
    Links in the left and right sidebar no longer appear bold, subtle lines separate lists of links
     
  • Typography improvements
    Page content appears in a larger default font with more line spacing
     
  • Expanded common footer
    An expanded common footer provides links to common college/university wide resources in an easy understand structure

Previewing your site with Wrap 6

Sites currently using Wrap 5 can preview their site with Wrap 6 using the following steps:

  1. Browse to http://engineering.purdue.edu/Wraps/
  2. Click "Enter Wrap 6 Preview Mode"

All sites Wrap 5 sites visited while in this mode will appear with the new Wrap 6 features.

If you find content which does not appear correctly in Wrap 6, you can use preview mode to fix the content before moving perminently.

To exit preview mode:

  1. Browse to http://engineering.purdue.edu/Wraps/
  2. Click "Exit Wrap 6 Preview Mode"

Homepage Note - The homepage functionality built into Wrap 5 is changing in Wrap 6. If you would like assistance converting your site to use Wrap 6 perminently, please work with a member of the ECN or M&M web staff to upgrade.

Customizing with Objects and Properties

Wrap 6 looks for specific Zope objects to populate various attributes of your site template. Defining custom values for these allows you to customize the appearance of pages within your site.

Below is a list with a brief explaination of each.

Objects

  • sidebarLeft (DTML Method, Page Template)
    Populates the yellow left side menu, should contain <a href="..."> links one per line
     
  • sidebarInfo (DTML Method, Page Template)
    Populates the black, Information For... menu, should contain <a href="..."> links one per line
     
  • sidebarRight (DTML Method, Page Template)
    Optional - Populates the right sidebar, should contain headers <h3> and links <a href="..."> one per line
     
  • local.css (DTML Method)
    A CSS file which is linked to all pages at or below the folder where it is located
     
  • content_header (DTML Method, Page Template)
    Optional - Common content which appears at the top of all pages at or below the folder where it is located
     
  • content_footer (DTML Method, Page Template)
    Optional - Common content which appears at the bottom of all pages at or below the folder where it is located
     
  • sidebarContent (DTML Method, Page Template)
    Optional - Common content which appears below the "Information For..." menu in the left sidebar

Properties

  • entity_title (string)
    Name/Title of web site, placed on the top-level folder.
     
  • webmaster (string)
    E-mail address of the webmaster for the web site. Appears in error messages and common footer.
     
  • show_content_header (boolean)
    Toggles on/off content_header (see above) on individual folders or pages. Default On
     
  • show_content_footer (boolean)
    Toggles on/off content_footer (see above) on individual folders or pages. Default On
     
  • page_title (string)
    Customizes the title appearing in the browser's title bar to be something different than the default. Default Blank
     
  • show_sidebar_left (boolean)
    Toggles on/off the left sidebar. Toggling off the left sidebar extends the content area by 190 pixels. Default On
     
  • show_sidebar_right (boolean)
    Toggles on/off the right sidebar. Toggling off the right sidebar extends the content area by 190 pixels. Default On
     
  • show_sidebar_info (boolean)
    Toggles on/off the "Information for..." left sidebar box. Default On
     
  • header_image (string)
    URL to an image which replaces the background image within the page header
     
  • liquid_layout (boolean)
    Toggles the page layout between the default fixed width layout and a fluid/liquid layout. Default Off
     
  • show_footer (boolean)
    Toggles on/off the common footer links. Default On
     
  • meta_description (string)
    Specifies a value for the description meta tag in the header of the specific page or all pages within a section

Page Configurations

It is possible to use these properties to create several configuration capable of handling various sizes of content.

Left Sidbar Only

Left and Right Sidebar

Right Sidebar Only

No Sidebars