Updated: Aug. 9, 2017
How to Create a Theme
The best way to create a theme is start with an existing theme and change it as you need. You can download our Base theme and import it as a starting point. Or open any theme in the Code Editor and begin editing its files. As you open a theme in the editor, the theme is cloned and Weebly saves it as MyTheme, so you won't overwrite the original. When you click Save, you can change the name to something more appropriate.
Note: When you import a theme that you've already edited, you can overwrite the contents. Files get forked only when first editing a Weebly theme.
Here's an overview on how to create a theme. Click on the links for detailed instructions.
- Find a theme that you want to start with and open it in the editor (don't try to create a theme from scratch). Or import our Base theme, and start from there.
- If you want to use external tools, export the theme you want to use as a base.
Note: Partials are not exported unless they've been customized. So if you want to edit any partials, make a small change to them before exporting.
Implement the CSS or LESS. The quickest way to start seeing changes in your theme is to start editing or adding styles. You can look at the styles from other themes for ideas and inspiration.
- Optionally edit or create the HTML template files. You'll need a template for each header type that you want your theme to use. Add optional header areas or sections.
- Edit and/or create partials. You can edit the partials to change parts of a page and you can create your own partials to include in other pages.
- Optionally add color variations, color palettes, and user options for your theme.
- If working externally, zip up the theme, import it, and test.
- Create the theme's screenshot.
- Repeat Steps 3-7 until you're done!
Once you're done creating and testing your theme, you use the Cloud Admin to make it available to your customers. See Deliver Your Theme for details.