SharePoint 2013 has many new and improved
design features for designing and branding it. In SP 2013, a new concept called
Design
Manager has been introduced where
all the site branding is managed. The following article explains the step by
step process of converting HTML Master Pages for using Design Manager and using
the converted Master Page for the site collections.
Steps:
Steps:
1. Create a Site Collection using
Central Administration
2. Go to the Site Settings -> Enable
SharePoint Publishing Feature in Site Collection Feature (Site Collection
Administration -> Site Features) and Site Features level (Site Actions ->
Site Features) as shown below:
4. I have created a folder called
Custom Master Page inside the Master Pages and Page Layouts Folder and uploaded
the HTML, CSS, JS, Images in the folder
5. Now navigate to Site Settings -> Look
and Feel -> Design Manager -> Edit Master Pages -> Click Convert an
existing HTML to Master Page
6. Once converted you will see the
converted Master Page in the List with the status Conversion Successful and
make sure it is approved and published.
7. Now navigate to Site Settings -> Look and Feel -> Page Layouts and Site Templates select the Custom master Page created and use it for the site collection.
For branding in SP 2010 we need good web designing skills (HTML, CSS and JS). But in SP 2013 it has made very simple and easy!
7. Now navigate to Site Settings -> Look and Feel -> Page Layouts and Site Templates select the Custom master Page created and use it for the site collection.
For branding in SP 2010 we need good web designing skills (HTML, CSS and JS). But in SP 2013 it has made very simple and easy!