Create A Custom Page Layout In SharePoint 2013 And Office 365


In this article we are going to see how to create a custom page layout in Share Point 2013 and Office 365. In many scenarios we come across having custom page layouts which will be used globally throughout the site collections. This indeed helps the developers to keep a similar look and feel experience for the users and also a similar branding for all the sites. Hence it is very useful to see how can we create a custom page layout.

Let’s quickly start with it.

  • Go to Site Settings of your site.
  • Under Web Designer Galleries, click on “Master pages and page layouts”.

    Gallery

  • You will reach the Master Page Gallery.

    Master Page Gallery

  • Click on FILES and then on New Document select Page layout form the options provided and click on it.

    Page Layout

  • You will reach the following form.

    New page layout

Configuration

  • Associated Content Type

    Under this category, select the content type you want this page layout to get attached to. As stated you can only associate this page to only one content type.
  • Content Type Group

    Select the content type among the two: Page Layout content Types and Publishing Content Types.

page layout content

  • Content Type Name

    Select one from the various content type available.
  • Under the Page Layout Content Types we have the following options:
          Article page
  1. Article Page

    Article Page is a default content type template for the default page layouts to create article pages in sites.

  2. Catalog- Item Reuse

    The Catalog Item Reuse content type can be reused or republished across your site collections.

  3. Enterprise Wiki Page

    Enterprise Wiki Page is the default content type for Enterprise Wiki site and provides a basic content area with ratings and categories web parts.

  4. Error Page

    Error Page is used to create pages in the sites to display error.

  5. Project Page

    Project Page is a content type which provides information to describe a project.

  6. Redirect Page

    Redirect Page is a content type template for the redirect page layout.

  7. Welcome Page

    Welcome Page is a default page layout used to create welcome pages in sites that have the Publishing feature enabled.

    Under the Publishing Content Type we have.

    Page: Page is a content type to store all web parts and contents on the layout.

Page Layout Title and Description

  •       URL Name: Add the url name here.
  •       Title: Add the title.
  •       Description: Add the description.

validation

Variation labels

Here you can choose the labels for which this page layout has been created as in like hashtags.

  • After performing the above.
  • Click on Save.
  • Now go to your Pages library.
  • Click on New Document and select Article Page.

ARTICLE PAGE

  • You will reach the following form to create a new page.

CREATE PAGE

  • Under the Page Layout, you can find your page layout “Demo Layout” attached to the Article Page content type.

DEMO LAYOUT

This page layout will be present globally throughout the site collection and you can use to create as many pages as the requirement throughout the collection with the same layout.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s