Developer's Guide for Creating Templates for the Breeze Website Builder™

Building template-ready websites is easy.  Just create your website in the Breeze Website Builder™ using the following guidelines:

Template Builders Guide

<img src="/images/logo.gif" id="logo" alt="Our Logo" />

Wrong: <div id="tagline"><p>My Tagline</p></div>

Correct: <div><p id="tagline">My Tagline</p></div>

You will want your template to be as "read-to-go" as possible such that users can install your template and just add content.  Defining your content classes is important to eliminate the need to manually format text and so forth. We recommend that (as a minimum) you create the following sub-classes and define the styles for:

Other things to consider:

You will want to click Load Browser Reset CSS is the CSS editor for the site style sheet. This will help ensure that your template looks the same no matter what browser is being used to see the site. Also, many sites are centered in the browser window to accommodate the various screen sizes available. You can click Setup For Centered Sites is the CSS editor for the site style sheet to do this automatically. And if you want your template to have sticky footers (a footer bar the remains at the bottom of the browser window no matter if there is a vertical scroll bar or not), then you can click Setup For Sticky Footer is the CSS editor for the site style sheet.

Your template should work for mobile devices as well. Be sure to setup mobile styles and menus. If you want the website to flow (wrap items down when horizontal space is limited) you should uncheck Use Table Structures and Use Table Structures on Mobile under Change Site Options. This will cause the table structures to not show up in the page template layout files, and your site may be designed 100% div based.

 

Available Page Names in the Wizard

Available Page Name