- Part 1: Introduction to SharePoint 2010 Branding and WCM
- Part 2: Branding a Master Page.html
- Part 3: Refining the Branding of a Master Page
- Part 4: Adding Anonymous Support to Master Page
- Part 5: Branding SharePoint 2010 Search
- Part 6: Creating a Page Layout
- Part 7: Customizing Content Query Web Parts
- Part 8: Deploy Branding Solution
Before I came to Microsoft I was a consultant and when working with branding in SharePoint 2007 it could be hard to do high-end branding. If you go to http://www.wssdemo.com/livepivot/ you can find a ton of cool SharePoint 2007 sites however the level of effort could be high.
I have to say now with SharePoint 2010 it is so much easier. It really is. I am now able to do some high end branding in a day or two. Now albeit I take an existing; somewhat simple html/css template and apply it to SharePoint 2010. But at the end of the day, it is not rocket science.
Here are two quick examples of ones I was able to set up in a day. I will openly admit that I learned all my knowledge from the SharePoint 2010 Branding book by Wrox (book). This book is awesome and all of the code samples 100% work.
Here are two samples of HTML templates I was able to download and put directly into SharePoint.
This is the example we will be building.
I was able to download the HTML and CCS from sites like - http://www.freelayouts.com/websites/html-templates. Then using the instructions in the book I was able to create the following all with SharePoint Designer 2010. Impressive isn’t it given I am not a graphic artist and SharePoint now looks awesome.
In this blog I am going to describe the process of:
- Obtaining an HTML template.
- How to create a master page with the HTML template.
- Some little tricks that I learned along the way.
- How to create page layouts to be used with the master page.
- How to create content query web parts.
- Package the solution up in WSP solution in Visual Studio.
Hopefully at the end of the day you will be able to take this and get your SharePoint 2010 branding initiated for your projects.
Disclaimer - I will also say that my approach is not 100% perfect implementation. This was because I have not put this through a production testing. I already know you will find other SharePoint site templates or situations where you will have to do more work to the CSS, Master Pages, etc. So understand that this blog will help you get started on how to do branding and it is not a production ready example nor will it be supported. I wrote this strictly to help the community learn how to do branding.