Code

Teal Template

for ExpressionEngine 1.6

Teal Template (homepage demo) is an EE 1.6 blog template which includes all of the typical blog features such as comments, trackbacks & RSS feeds.

Usage

Installation Options

There are two possible ways of installing the theme.

  1. Create a new blog and import the entire theme in one click
  2. Import the individual templates (.tpl files) one by one.

The latter is the installation method you should use if you have a pre-existing EE installation.

Installation Method One, ‘A New Blog’

  1. Upload the ‘tealtemplate’ folder to ‘themes/site_themes’
  2. Create a new weblog in the EE admin area. Use whatever settings you like apart from in the templates section, where you need to select ‘use one of the default themes’ then select ‘Tealtemplate’ from the dropdown box.
  3. Make sure you select ‘Include RSS Templates’.
  4. Enter a template group name such as ‘tealtemplate’ or ‘mynewblog’.
  5. Click ‘submit’. Your new blog will be created and all of the page templates will be imported automatically.

Installation Method Two, ‘One by One’

  1. Upload the ‘tealtemplate’ folder to ‘themes/site_themes’ AND upload the contents of the ‘tpl’ folder to ‘system/templates’.
  2. Create a new template group in which the TealTemplate templates will be saved.
  3. Select ‘New Template’ from your newly created template group’s management page.
  4. Type ‘about’ as the template name and then select ‘Use a template from your library’. Select the ‘about’ template from the dropdown list. Leave the template type as ‘web page’.
  5. Click ‘submit’.
  6. Repeat steps 4 and 5 for each of the templates. All of the templates should be of the type ‘web page’ apart from ‘site_css’ which should be set as a CSS stylesheet.

Customising Your Template

You have now successfully imported the template into your EE installation. The next step is to make a few changes that are specific to your site. Most of the templates inside your new template group will have the following at the top:

{assign_variable:my_weblog="default_site"}
{assign_variable:my_template_group="site"}
{assign_variable:template_images_directory="/themes/site_themes/tealtemplate"} 

Make sure that the “default_site” text on the top line is replaced with the short name of the weblog you will be using. (If you’re not sure what this is, check your weblog management page.)

Likewise double-check that the “site” text on the second line is replaced with the name of your new template group.

Finally, if your themes folder is not at the root of your domain (i.e. www.domain.com/themes) then make sure that the template_images_directory setting is updated to the correct value. If this setting is not correct in your ‘site_css’ template none of the background images will display.

I have included a PSD for the site title image. Simply edit the text to the name of your site and overwrite the ‘sitetitle.gif’ file in the ‘tealtemplate’ folder.

License

You may use this template at no cost on a personal or business site. You may not redistribute the template (in part or in full) or claim it as your own work. You may not remove the ‘Expression Engine Template by VayaDesign’ footnote. You are free to make changes to the template if you wish.

This addon is released under the Creative Commons Attribution-No Derivative Works license.

Download