A live training session (Free, as in no money, as in you gotta be there!) is scheduled every Thursdays at 10.30 AM PST. Enroll now and get a chance to toast websites like a pro in no time!
Creating a template or theme with seotoaster is incredibly easy
1) Of course, a fair knowledge of HTML / CSS
2) Know the different widgets and Tokens that seotoaster is capable of parsing to make your life easier.
Widgets & Tokens explained
You must add tokens and widgets for your templates to work with seotoaster. Those tokens and widgets allow you to add powerful features to your web sites in just a few keystrokes. You can build your own tokens and widgets; however some tokens and widgets are pre-built for your convenience, and they ship with seotoaster system.
1) Tokens are placeholders pulling functionalities and values from the database, and write these functionalities and values in place of the token, and this wherever you position the token within the page or template
Those tokens often come as one string:
* {%page_title} --> Brings up the title of your page
* {%main_menu}--> brings the main HTML menu for your site
2) Widgets work the same way than tokens do, except that you can configure them to customize results. They are in effect tokens pulling a configurable functionality instead of a set functionality or value. Those widgets come in the shape of a token with one or more attributes.
* {% featured:Specials:3}--> show three pages from a featured area named “ Specials”
* {%content:XYZ} --> allows you to create a container that will accept content for an area called: XYZ. By the way, you can add as many content holders as you need.
A Basic Template
Meta Information:
<title>{%page_title}</title>
<meta name="keywords" content="{%meta_keywords}" />
<meta name="description" content="{%meta_description}" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="content.css" rel="stylesheet" type="text/css" media="screen" />
Note:
2 CSS needed. (You can add as many as you need)
1) content.css (this is where you put the CSS classes you will use for text and special views in your content)
2) styles.css (Used for general layout)
Content Areas:
construct your layout as you would normaly do. In places you would like to add content, place the widget code that fits best your needs.
4 types of Content areas:
{%content:xyz} Edit some Content, at THIS place for THIS page.
{%static:xyz} Wherever you put this widget, the same content will show.
<h2>{%header:xyz}</h2>will bring a simplified editor that allows for text only.
{%code:xyz} Add or edit some PHP,CGI, or whatever server side code you wish to use.
Screencast showing how to create a template for seotoaster
How to create a template for seotoaster from seotoaster on Vimeo.