ScreenSteps > ScreenSteps 2.1 > Configuring HTML and Blog Templates

Configuring HTML and Blog Templates

This lesson will show you how to do some basic customization to HTML templates in ScreenSteps 2.

To learn more about HTML templates and how to customize them take a look at the "Customizing HTML Templates in ScreenSteps" manual.

Open Preferences

Select HTML Templates

Screen Overview

There are three types of templates:

1. Lesson Templates: These apply when exporting lessons.
2. Manual Templates (Pro only): These apply when exporting topics.
3. Blog Templates: These are used when posting to your own blog.

Select the tab for the type of template you wish to edit.

Template Configuration

Template configuration controls appear to the right of each template type. The controls will apply to the selected template.

Image Position

You can select whether to have the image appear above instructional text or to the right.

NOTE: If you use large images in your lessons we suggest choosing the Above option.

Font Family

Not all systems have the same fonts installed when viewing web pages. For this reason you don't select a font, but instead a font family. Basically, one of the fonts in the family should be installed on any system that will view your page.

Select the font family you would like to use for your template.

Image Settings

You can also adjust the image type to use, JPEG Quality and where the image will be placed in relation to the step instructions.

Viewing the Templates Folder

If you would like to view/edit the actual template files click on the Reveal Template Folder icon.

That's It

To see if you like your new settings, export a lesson. If you want to make further adjustments to the HTML template you will have to actually edit the HTML template document. That will be the subject of another lesson.

Comments (3)

Monday Jul 07 at 05:02 AM casey

Is there a location of all available template tags can be seen?
For example, %source%,%Title%, etc.

Monday Jul 07 at 05:07 AM Trevor DeVore

Yes, we recently create a new manual called "Customizing HTML Templates in ScreenSteps". The manual can be found here:

Customizing HTML Templates in ScreenSteps

The lesson that discusses all of the tags is located here:

The Anatomy of the Template File.

Monday Jul 07 at 05:37 AM casey

perfect. thanks!

Add your comment




E-Mail me when someone replies to this comment

Are you human?