Creating Website Builder Themes

Viviti themes are simply web sites, written in normal, standards based html and css, with certain html elements defined as content locations where dynamic content is automatically inserted.

You can easily turn any existing html page or template into a Viviti theme, simply by following the Required File Structure for your html, css, js, and image files, and making sure the required HTML Elements are all in your html document. In addition, there are a number of Optional Components which can be styled to your taste, such as Blogs, Friends, Image Galleries, and more!

If you want to create your own theme, you will want to start with the Making your own Theme article which contains the essentials you will need to know to get started.

Once you've created a theme, you simply zip it and upload it to your Viviti site using the Edit Theme Source Code link in the Manage dropdown on the Viviti Toolbar. You can learn more about this in Installing Your Theme.

---

The Basics

• Choosing a New Theme
  
• Customizing a Theme
  
• Making your own Theme
  
• Editing Theme Source Code
  
• Installing Your Theme
  
• Resetting your Theme
  
• Uploading/Downloading a Theme
  
• Sample Theme

Theme Elements

• Required HTML Elements
  
• Required File Structure
  
• Content Locations
  
• Site Heading
  
• Site Sub-Heading
  
• Primary Navigation
  
• Copyright
  
• Default Powered By HTML
  
• Dynamically Generated HTML

Tips & Tricks

• Theme Tips & Tricks
  
• Useful CSS Classes