Developing Themes - Eonic/ProteanCMS GitHub Wiki

Themes in ProteanCMS

A theme provides a consistent design and style across a website. It reflects the client's brand and corporate identity, defining the color palette, navigation, content boxes, forms, buttons, and other visual elements.

A theme ensures the website looks cohesive and aligns with the brand, while also incorporating responsive design for various device screens.

In ProteanCMS, themes are flexible and can be easily installed or switched. Each theme comes with customizable settings that can be edited to fit specific requirements.

Creating and Customizing Themes

The best approach to creating a bespoke theme is to copy and rename one of the existing "off-the-shelf" themes, then modify the copied files. This ensures a quick start while allowing full customization to match the desired style.

Key Points:

  • Themes are interchangeable: They should be viewed separately from the site's content and any custom functionality.
  • Responsive design: Themes include the ability to adapt to different screen sizes.

How to Create a New Theme

The recommended way to create a new theme is by copying an existing one. We suggest using the ProteanMasterTheme as a starting point, as it provides a fully functional foundation.

Steps:

  1. Install the ProteanMasterTheme.
  2. Open your website in Visual Studio.
  3. Navigate to the ewThemes folder, which contains all themes.
  4. Copy the ProteanMasterTheme folder and rename it to create a new custom theme.
  5. Edit the theme settings and adjust the styles to meet your requirements.

By following this process, you can quickly develop a custom theme while leveraging all the core functionality provided by the master theme.



⚠️ **GitHub.com Fallback** ⚠️