How to create a Page Layout in SharePoint?

By | October 12, 2015

What is a Page Layout?

A Page Layout in SharePoint allows you to create a template for a page that users apply to their content for a consistent layout of information. Page layouts help dictate the overall look and feel of a Web page.

User can create custom page layout by following ways:

  • Using design manager new SharePoint 2013 feature
  • Using visual studio with help of content type

Note: You can get a good reference of Microsoft SharePoint 2013 Quick Reference Guide here.

Create Page layout using Design Manager

In this SharePoint for dummies article, I will explain how user can create custom page layout with help of design manager for existing content type.

Let’s follow a step by step approach for implementation:

  1. Navigate to Site Settings -> Design ManagerSite Settings in SharePoint 2013
  2. Next in Design Manager select “Edit Page Layouts” option and then “Create a page layout”.SharePoint Design Manager
  3. Enter page layout name and select existing content type.Page Layout in SharePoint 2013
  4. When the Layout is created, it gets available in “Edit Page Layouts” list and the “Master Page gallery” of the site. The Layout Page will be in Drafts mode until user publish it as a major version.Master Page Gallery
  5. For making Changes to the Custom Layout, you need to download the html file (see above – StudentCustompageLayout.html) of your layout page and make necessary changes to it. The modified html file is then saved back to the Master Page gallery where the corresponding .aspx file gets updated automatically.
  6. User can change as per requirement in .html file and updated and saved the Layout page, user need to publish the Layout page as a major version to make it available in Layouts list.Publish a Major Version
  7. Finally, create a new Page with your Custom Layout.
  8. Navigate to Site Content in Site Settings and then open the “Pages” gallery.
  9. Click on “New Document” and provide relevant information and click on create button.Create Document

Finally you have created page based on newly created page layout. It will be much easier for the reader to understand related concept and detailed implementation. You can really find more helpful material if interested to improve your skills by validating in Microsoft MCSD Certification Exams i.e. Microsoft SharePoint Applications development.

More related from Microsoft SharePoint For Dummies:

Category: SharePoint 2013 SharePoint Basics Tags: ,

About imghani

Imran Abdul Ghani is working as Software Developer(Senior) with extensive knowledge in Web development technologies especially C#, ASP.NET, MVC, WCF, Web API, ADO.NET Entity Framework, jQuery etc. He has several years of experience in designing/developing enterprise level applications. He is Microsoft Certified Solution Developer for .NET (MCSD.NET) since 2005. You can reach his blogging at,, and