Step by step tutorial to create and apply custom Site Themes in SharePoint

 
Step by step tutorial to create and apply custom Site Themes in SharePoint. In this tutorial we will create and consume Themes in SharePoint, Site Theme is a way to control Look and Feel of a SharePoint site.


Site Theme
  • Site Theme is a way to control Look and Feel of a SharePoint site. 
  • It uses Cascading Style Sheets(CSS files) to define how the site looks. 
  • There are default 18 Site Themes. 
  • Master Pages are the other way to change Look and Feel of site.
  • Site Theme changes color schemes of entire site, whereas Master Pages changes only chromes like navigation, quick launch etc.
  • Custom Site Theme could be created.
  • User could add new Site Theme
  • All the pre-configured themes in SharePoint are stored in the File System on the SharePoint Server.
  • Site Theme could be change as

    Site Setting-> Look and Feel -> Site Themes
Steps to create custom Site Themes and apply that

1. Log on the SharePoint server as an Administrator.

2. Open the folder

C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES
3. This folder contains number of folders; each with the name matches one of the themes in administrative page.



4. Copy one of existing folder.

5. Rename copied folder with any arbitrary name. Here I am copying JET folder, and pasting it in same folder. Renaming it to TEST. (Make sure at time of renaming, name is in Upper Case).



6. Open the new folder (TEST in this case). Search for .INF file.  Here we have copied JET folder and rename that as TEST folder. So Inside TEST folder, we will get JET.INF. Rename JET.INF to TEST.INF. (Right click and Rename).







7. Edit TEST.INF with notepad. Change all Jet to Test. When TEST.INF will open in Notepad, you will find

[info]
Title=Jet
.
.
.
.
[titles]
1031=Jet
1036=Jet
...
Something likes that. Just change all Jet to Test. Here Test may not be in Upper Case. To change, click on Edit->Replace. Then Save the file TEST.INF



8. Now open the file SPTHEMES.XML. This file could be find at

C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033


Open file SPTHEMES.XML in notepad. Here

Comments

Post a Comment