Now that we've created our first set of templates, we should make it just a little bit easier for editors to pick the right one in the page properties. TYPO3 includes all available TemplaVoila templates in the appropriate drop-down menus, but we can create preview icons for our templates that will show up in the page properties. Preview icons are actually helpful for a couple of reasons.
Of course, preview icons can be created to show what the template will actually look like. Like I said before, naming our templates is important, but sometimes a picture works even better. A preview icon is whatever we create, but there are basically two options that are normally used: screenshots or wireframes. If we want, we can take screenshots of an example page for each template and shrink it down to illustrate the template. If that sounds too busy or possibly confusing for a thumbnail, another idea is just to create wireframes like the examples in this section. With a basic...