Mix 'n' match your markup.

We hate to be fenced in. Designers and programmers especially hate to be constrained by hard-coded methods and templates. With this in mind, we've tried to make Vanilla as flexible as possible when it comes to both behaviour and look and feel.

Main Style Features

Vanilla has the following features to aid in styling your website:

The Theme Engine

You can see that Vanilla is very flexible on the design front and you can delve in and get your hands dirty in multiple ways. However, by far the best method for styling your site is The Theme Engine.

WYSIWYG Layout Templates

For convenience, we've also included a small collection of content layout templates. A single click allows you to populate new pages with well-styled and logical markup.

Edit Core CSS Files

All of Vanilla's associated HTML and CSS files can be edited right there within the browser using the built-in AJAX editor.

Custom Includes

For über-flexibility, you can totally skip the built-in page structure and include your own custom HTML pages and CSS files on a per-page basis. Substitute custom HTML files can also hook into site and page variables using PHPs echo or print function. Using this very flexible technique, you could quite easily build your own template system.

For technical extensibility, Vanilla supports both Embedded PHP and the use of external PHP files using the Custom HTML method outlined above.

Custom Header Images

As you can see, this page has also been given a custom header image. You can choose between four types of header image on your website:

  1. A static image - the same for every page
  2. A random image from a designated folder
  3. Custom header images a per-page basis
  4. No image

Get styling!