Creating Website Builder Themes: Difference between revisions


No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
Web-Builder 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 Web-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!
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 Web-Builder site using the [[Edit Theme Source Code]] link in the Manage dropdown on the Web-Builder [[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]].


__TOC__
==The Basics==


===The Basics===
* [[Making your own Theme]]
 
* [[Making your own Theme using Multiple Layouts]]
* [[Making your own Theme]]<br>
* [[Editing Theme Source Code]]
* [[Making your own Theme using Multiple Layouts]]<br>
* [[Installing Your Theme]]
* [[Editing Theme Source Code]]<br>
* [[Uploading/Downloading a Theme]]
* [[Installing Your Theme]]<br>
* [[Uploading/Downloading a Theme]]<br>
* [[Sample Theme]]
* [[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]]
* [[Dynamically Generated HTML]]


==Tips & Tricks==


===Tips & Tricks===
* [[Theme Tips and Tricks]]
 
* [[Theme Tips and Tricks]]<br>
* [[Examples of Useful CSS Classes]]
* [[Examples of Useful CSS Classes]]

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.

The Basics

Theme Elements

Tips & Tricks