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:
- A built-in Theme Engine for standalone themes
- AJAX File Management allows editing of core CSS files
- Custom HTML and CSS includes for every page
- Preset WYSIWYG Content Templates - build your own
- Special page layouts for news-style presentation
- Auto-creation of Table of Contents (TOC) for parent pages (see right)
- Custom header images - static, rotating, none or page-specific
- Dynamic Sidebars - configurable on a per-page basis
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:
- A static image - the same for every page
- A random image from a designated folder
- Custom header images a per-page basis
- No image
Get styling!

