Extend a theme
You extend a theme by creating a theme extension and using the Attach Theme Extension or the Extend Site Theme action.
Create an extension for a theme
Creating theme extensions instead of changing a theme gives you the flexibility to use the extensions where you need them. For example, if you want different styles to be available for footers and headers.
To create the extension of a theme:
In the content tree, navigate to the Media Library and right-click Extension Themes, click Insert and click Extension Theme.
Enter a name, and click OK.
Now you can upload styles and media items. For example, to upload a CSS file that changes the styling of the footer, click the styles folder and click Upload File.Note
To upload many different files, click Upload files (advanced) and batch upload styles and items.
In the Upload File dialog box, click Choose File, select the style you want to add and click OK.
Versioned media templates are not supported because this might cause issues with Creative Exchange and other SXA features.
Extend a theme using the Extend Site Theme action
To use your theme extension for new themes, you must use the Extend Site Theme action. For example, when you create a new site and with that site you create a new site theme, the theme extension is automatically incorporated for the features that have theme extensions selected.
To extend a theme by using the Extend Site Theme action:
Navigate to System/Settings/Feature/Experience Accelerator and click the Site Setup folder of the feature that you want to extend. For example, the Page Content feature. Right-click Page Content Site Setup, click Insert, and click Extend Site Theme.
In the Extension section, in the Extension Themes field, move the Extension theme to the selected field.
Save the changes.
Now, when you create a new site with the Page Content feature enabled and with the Create new theme check box selected, your theme will be extended.
In this example, we added a new footer style to the Page Content feature. If you create a page for the new site and open that page in Experience Editor, the updated footer displays.Note
To use the extended theme in existing sites, you must assign the theme to the site pages.
Extend a theme using the Attach Theme Extension action
To deploy a theme extension separately, you must use the Attach Theme Extension action.
To add a theme extension using the Attach Theme Extension action:
Navigate to System/Settings/Feature/Experience Acceleratorr and click the rendering you want to add a style for. For example, to add the new footer style, right-click Page Content Site Setup, click Insert, and click AttachThemeExtension.
In the Extension section, in the Theme that is extended field, move the theme that you want the extension to apply for to the selected field. For example, the Wireframe theme.
In the Extension section, in the Extension Themes field, you can now move the Extension theme to the selected field.
Save the changes.
When you open a page in Experience Editor, the updated footer displays.