Creating Website Builder Themes: Difference between revisions

Latest revision as of 14:26, 16 November 2010

Website builder themes are simply 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 template into a website builder theme by following the guidelines in the Making your own Theme article which contains the essentials you will need to know to get started. In addition, there are a number of optional Components which can be styled to your taste, such as Blogs, Friends, Image Galleries, and more!

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

@@ Line 1: / Line 1: @@
-Viviti themes are simply web sites, written in normal, standards based html and css, with certain html elements defined as [[content locations]] where [[Dynamically Generated HTML | dynamic content]] is automatically inserted.
+Website builder themes are simply written in normal, standards based html and css, with certain html elements defined as [[content locations]] where [[Dynamically Generated HTML | 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 [[:Category:Components | Components]] which can be styled to your taste, such as [[Blog | Blogs]], [[Friends | Friends]], [[Image gallery | Image Galleries]], and more!
+You can easily turn any existing template into a website builder theme by following the guidelines in the [[Making your own Theme]] article which contains the essentials you will need to know to get started. In addition, there are a number of optional [[Components]] which can be styled to your taste, such as [[Blog | Blogs]], [[Friends | Friends]], [[Image gallery | 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]].
+Once you've created a theme, you simply zip it and upload it to your website builder site using the [[Edit Theme Source Code]] link in the Manage dropdown on the website builder [[Toolbar]]. You can learn more about this in [[Installing Your Theme]].
-<hr>
+==The Basics==
+* [[Making your own Theme]]
-__TOC__
+* [[Making your own Theme using Multiple Layouts]]
+* [[Editing Theme Source Code]]
-===The Basics===
+* [[Installing Your Theme]]
+* [[Uploading/Downloading a Theme]]
-* [[Choosing a New Theme]]<br>
-* [[Choosing a New Theme]]<br>
-* [[Customizing a Theme]]<br>
-* [[Making your own Theme]]<br>
-* [[Editing Theme Source Code]]<br>
-* [[Installing Your Theme]]<br>
-* [[Resetting your Theme]]<br>
-* [[Uploading/Downloading a Theme]]<br>
 * [[Sample Theme]]
+==Theme Elements==
-===Theme Elements===
+* [[Required HTML Elements]]
+* [[Required File Structure]]
-* [[Required HTML Elements]]<br>
+* [[Content Locations]]
-* [[Required File Structure]]<br>
+* [[Site Heading]]
-* [[Content Locations]]<br>
+* [[Site Sub-Heading]]
-* [[Site Heading]]<br>
+* [[Primary Navigation]]
-* [[Site Sub-Heading]]<br>
+* [[Copyright]]
-* [[Primary Navigation]]<br>
-* [[Copyright]]<br>
-* [[Default Powered By HTML]]<br>
 * [[Dynamically Generated HTML]]
+==Tips & Tricks==
-===Tips & Tricks===
+* [[Theme Tips and Tricks]]
+* [[Examples of Useful CSS Classes]]
-* [[Theme Tips & Tricks]]<br>
-* [[Useful CSS Classes]]