Sharepoint has a number of standard site templates that ship with the product and are all quite useful. There is also a huge amount of templates that are available for download from the Internet. Unfortunately none of these are useful if you are trying to brand you solution based on your company logo and colour scheme. This blog will illustrate the ability of Sharepoint to customize the look and feel of a site and save it as a site template for future use without having to resort to using SPD (Share Point Designer).
The first step is to create a new site or site collection by using the "Blank Site" template. I will use the following illustration to represent the before image:
There are a number of options available under the site settings screen that make it possible to customize the look and feel of a site. I will be discussing them one at a time.
The first option is called "Title, Description and Icon":
This screen allows you to change the following options:
| Setting | Description |
| Title: | This allows you to change the name displayed at the top of the site. |
| Description: | Used as a tool-tip to explain the purpose of the site. |
| URL: | Allows you to change the Icon in the top left hand corner of the site by specifying and alternative URL to and image file. |
| Alternate Text: | This text will be displayed if the image can not be found. |
| URL Name: | Allows to to change the URL that is used to navigate to this site. Remember that all URL's are virtual and stored in the database. |
Another option that is available, is the ability to change the navigation bar on the left to a tree control instead of a list of hyperlinks. This is done by navigating to the site settings page and selecting "Tree View".
From here it is a simple matter of de-selecting the "Enable Quick Launch" checkbox and selecting the "Enable Tree View" checkbox. You can leave both options active, but unless the user is running at a very high resolution, you will not be able to view both. Try both options to see the results.
When branding at site you typically want to change the colours and logos on the rest of the page. There is now two ways to do this:
- Apply a site theme by navigating to the site settings page and selecting "Site Theme". This is the old way of applying a different look and feel that was used in SPS 2003. The themes are located in the 12 hive under the themes directory. To create a new theme is a very manual process of using a tool like SPD or Front Page to create new Gif , JPEG , CSS files and many others. There are a number of standard themes available and more can be downloaded from the Internet.
- The second option is to use Master pages that came with the .NET Framework 2.0. This is the preferred way of applying a custom look and feel to a Sharepoint site. Typically the master pages are created in SPD and then uploaded to the master page gallery in the site collection. In this blog I will show you how to apply a master page that has already been uploaded. The creating thereof will be covered in later blogs explaining the use of SPD.
The first example that I will discuss is the application of a standard theme that ships with Sharepoint. This is done by navigating to the site settings page and selecting the option called "Site Theme".
There are 18 standard themes available to choose from and you can preview them by selecting them in the list on the right. Select the one that you wish to use and the click "Apply". This will then immediately apply the theme to the current site.
The second example is how to apply a master page template to a site. This is done by navigating to the "Site Settings" page of the site and selecting the "Master Page" option. The final example of this blog will be based on a master page template.
This screen allows you to select a master page from the drop down list that has already been uploaded to the site collection. Each time you select a different master page it will preview in a small windows below the list. Once you have decided on the master page to use, select the "OK" button at the bottom of the screen.
Once you have applied the master page and any other custom settings, the site should look like this:
The last thing that we need to do is save this site as a site template so that we can re-use it to build other site without having to re-do all the customizations. This is done by going to the site setting page and selecting the option called "Save site as template" as illustrated in the following image:
There are a number of settings on this page that I need to discuss:
| Setting: | Description: |
| File Name: | Site templates can be exported from on site collection or even server to another. This is done by exporting the site template from the site template gallery into and .STP file. The name allocated here is the name that will be used for the file. |
| Template Name: | This is the logical name that will be used to refer to the template when selecting it. The template selection occurs during the creation of a new site or site collection. The template can be found under a tab called "Custom". |
| Description | The description will be displayed to users when then create a new site. This helps the users to select the correct template for their needs. |
| Include Content | This will save all existing content like documents in document library's with the template. This is useful for things like project management templates where standard documentation always needs to exist in an template. |
Once the template is saved it can be used over and over again every time a new site or site collection is created.
Related Blogs:
Overview of features, templates, site definitions, solutions in SharePoint
SharePoint - The TEMPLATE folder in the 12 Hive