SharePoint 2013 Design Manager Tutorials.This month we Started Exploring a new Feature of SharePoint 2013 called “Design Manger”.This is Suppose to be a good replacement of the existing SharePoint Designer to Create Master Pages & Layout Pages in SharePoint 2013. Design Manager is a Cool new addition as it lets you Convert a simple HTML Template into a SharePoint Master Page(along with an awesome Preview functionality), Create a Layout Page, Get Code Snippets for SharePoint Components, Manage Design Templates for Search webparts and more.
Lets look at some of the Features & Benefits of using Design Manager.
1. Design Manager can only be used on Publishing sites(or sites with Publishing Feature turned-on).
2. You can Navigate to Design Manager from Site Settings menu and from Site Settings Page under Look and Feel.
3. You can upload the entire Design Package using “Import Design Package” option or you can Create Design Package using “Create Design Package” option.
4. You can Manage Device Channels – Create and Edit Channels.
5. Upload an HTML Master Page and Create a minimal master page.
6. Create an Edit Page Layouts.
7. Edit Display Templates.
8. Change Site and System Master Page
9. Lets you Preview Master Pages, Layout Pages and navigate to Snippet Gallery.
10. Lets you get Code from Snippet Gallery(for SharePoint Components) to be added to Master Pages & Layouts.
To begin with, consider Mapping Master Page Gallery as a Network drive. Opening Master Page Gallery as Explorer would let you Copy and Paste the design files that you can use in Design Manager.
Lets look some of these examples –
Add an Html Master Page to SharePoint 2013 using Design Manager – With Design Manager, you can now Create a SharePoint Master Page out of a simple HTML Page Template – that you can either download from Internet or create it a notepad. See an example…
Create a Custom Page Layout in SharePoint 2013 This is a Step-by-Step tutorial on how to Create a Custom Page Layout in SharePoint 2013.We will use the new Design Manager to Create a Layout (from an existing one) and then edit it in one of the editors like Notepad.Once the layout is Created and Uploaded to Master Page Gallery, you can edit the generated html file in an editor of your choice and upload it back to the Master Page Gallery.See an example…
Add Snippets from Snippet Gallery in Master Pages & Layout Pages in SharePoint 2013 This is a Step-by-Step tutorial on How to use “Snippet gallery” and how to add Snippets for SharePoint Controls in Layout Pages using the design manager.See an example…
Add Navigation,Security Trimming and more Snippets in Master Page in SharePoint 2013 (List of Controls) In SharePoint 2013 the new Snippet Gallery provides an easy way to get Codes for very useful SharePoint Out-of-box Controls like Navigation,Security Trimming Control,Edit Panel Control,Search,Device Channel and more. SharePoint 2013 Design Manager Tutorials
How to edit Existing Master Page to Change Logo, Hide Top Suite Links etc in SharePoint 2013 In SharePoint 2013 you can edit Existing Master Page to Change Logo, Remove Suite Links on top Right,Remove “SharePoint” Text in top left or to hide Promoted Actions that are displayed on top right in SharePoint 2013.
How to add a Footer Message in SharePoint 2013 Master page In this post we will look at an example of how to add a footer message in SharePoint 2013 Master page using SharePoint Designer 2013.
How to add Sticky or Floating box in SharePoint 2013 Master Page
an example of adding a Contact us Widget that sticks to bottom left position even when the page is scrolled.You can replace this with menu items or file links etc.
Also, learn how to edit master page in SharePoint Designer 2013.
Create Custom Theme in SharePoint 2013 (Step-by-Step Tutorial) Creating Custom Theme in SharePoint 2013 is far easier than earlier versions of SharePoint.You can quickly modify WebPart Title or the background of your SharePoint 2013 Page with few simple steps.
Original article : Here