Building Website Templates

Website templates are created as a means to manage a website / landing page / microsite.  The idea is to create a single HTML document that can display every page.  When specific pages load, irrelevant div's are hidden.

Everything is managed with the use of HTML comment tags.  These tags are placeholders for content.

The possible content tags are:

  • WelcomeMessage - the text entered in the Pages > Homepage > Welcome Text area
  • Seasons - list of seasons for this group
  • Teamname - the public description (if defined) or name of group
  • Color - colors are a special tag in that they are used to help define the overall color scheme of the template.  Tags look like and should reference colors in 6-character hex format (e.g., "6a3e44").
    The format for the comment tag is is Color :: Field Name :: Default Color
  • Image - images are another special tag that allow the user to put any image from their media library into the webpage
    The format for the comment tag is Image :: Field Name
  • Logo - the logo uploaded in to the Group Setup page
  • Portalname - the name of the portal the account was created under
  • Sportname - the activity defined in the Group Setup page
  • News - a narrow news/blog (a small sidebar)
  • News Wide - a wide news/blog (useful if it's the main content of a page)
  • Store - the storefront
  • Forum - public forums
  • Upcoming events - the next 5 public events
  • Homepage - the homepage
  • Schedule - calendar
  • EventsList 
  • Gear - the gear page (Prep Sportswear)
  • Players - the members of the group
  • Media - public files/images/videos from the media library
  • Nav Page # (where # is 1-25) - this is the navigation to a page
  • Page#content (where # is 1-25) - this is the actual content
  • Control Panel - a horizontal control panel (navigation) that wraps to 3 lines
  • Horizontal Control Panel - a horizontal control panel that doesn't wrap
  • Vertical Control Panel - navigation links lined up vertically