Theme Settings

In the theme editor there are three tabs: "Settings", "Styles", and "Palettes".

The theme settings are under the "Settings" tabs and they are intended to be custom settings for the website to make it easy for editors to customize their website.

There is no functional difference between the theme settings and the styles tab. Convention, though, is to organize setting and configuration type fields under the Settings tab and style fields under the Styles tab.

Some example uses of theme settings include:

• Allow website owners to upload their own logo or configure the design.
• Enable editors to manage content in the header and footer that is usually hard-coded in HTML.
• Allow customers to add their own social networking links.
• Turn on or off certain UI elements.
• Configure custom logic for apps or pages.

As the website designer/developer, you have full control over the fields and how they are organized.

Theme settings are global variables, which means that they are made available to all templates.

All theme settings are accessed under the _core.theme.settings variable.

For example, if you create a theme setting called "Logo" that allows someone to upload a new logo, then below is how you could use that image in your templates.

{{ _core.theme.settings.logo.tag }}