Creating Website Builder Themes: Difference between revisions

Latest revision as of 15: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 template into a Viviti 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!
+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!
-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]]
-* [[Customizing a Theme]]<br>
-* [[Making your own Theme]]<br>
-* [[Making your own Theme using Multiple Layouts]]<br>
-* [[Editing Theme Source Code]]<br>
-* [[Installing Your Theme]]<br>
-* [[Uploading/Downloading a Theme]]<br>
 * [[Sample Theme]]
-===Theme Elements===
+==Theme Elements==
-* [[Required HTML Elements]]<br>
+* [[Required HTML Elements]]
-* [[Required File Structure]]<br>
+* [[Required File Structure]]
-* [[Content Locations]]<br>
+* [[Content Locations]]
-* [[Site Heading]]<br>
+* [[Site Heading]]
-* [[Site Sub-Heading]]<br>
+* [[Site Sub-Heading]]
-* [[Primary Navigation]]<br>
+* [[Primary Navigation]]
-* [[Copyright]]<br>
+* [[Copyright]]
-* [[Default Powered By HTML]]<br>
 * [[Dynamically Generated HTML]]
+==Tips & Tricks==
-===Tips & Tricks===
+* [[Theme Tips and Tricks]]
-* [[Theme Tips and Tricks]]<br>
 * [[Examples of Useful CSS Classes]]