SPEAK Theming is the great addition to the Sitecore SPEAK framework in order to make SPEAK applications look trendy. Currently it contains 4 teams and covers SPEAK v.1 and SPEAK v.2 components. Also it provides a way to add your own theme and use it - see the "Add your theme" section.
In order to use SPEAK Theming you need to have
- Sitecore version 8.1 or higher.
- Hedgehog TDS in case you want to install the themes from sources.
You can download existing Sitecore package from its marketplace page and install it via Sitecore Package Installer or you can install it from the sources in the following way:
- Checkout this repository from github
- Install the Sitecore CMS v. 8.1 or higher or skip this step if you have Sitecore installed
- Change the
/code/Setup.cmd
file:
source
is a path to checkout foldertarget
is a path to the website folder of the Sitecore instance
- Change properties of TDS project
- Right click on
Sitecore.Speak.Theming.Core
project, select Properties. - Select Build tab and change Sitecore Web Url and Sitecore Deploy Folder of your Sitecore instance accordingly.
- Build solution
- Run the
/code/Setup.cmd
in the command line - Sync items for Sitecore.Speak.Theming.Core project.
- Rebuild core database:
- Go to the Sitecore Control Panel [yourInstance]/sitecore/client/Applications/ControlPanel.aspx
- Click on Indexing Manager, choose
Sitecore_core_index
and click Rebuild.
Navigate to the Sitecore Launchpad and select the Theming shortcut. Here you can select the theme you want and save your choice.
The theme is defined by the item definition where you can provide the theme name and the location of your css files for this theme. In order to add your theme do the following:
- Duplicate one of the existing theme item definitions in the core database:
sitecore\client\Applications\Theming\Change\PageSettings\Themes\
- Rename your item with the theme name
- Set the
SourceSpeakV1
andSourceSpeakV2
fields to point out to the appropriate CSS files with theme styles