Edit Display Templates

Display templates provide markup for search
results and search-related Web Parts in SharePoint 2013. Previous
versions of SharePoint rendered all search results the same, unless you
customized the output with XSL and custom code. Design templates are
small pieces of HTML that search components use to render specific
output by injecting content into the specified templates before
rendering the output.

Consider the page of search results in Figure 20; the search results use three different display templates:

Figure 20. Search results using display templates

Template for the person result

Template for documents by the person

Template for the standard search results

The easiest way to create display templates is
to copy an existing template, by navigating to the display templates
page in the Design Manager and then copying a display template list
item and attachment. Each display template list item has an attached
HTML file, which contains the markup of the template. You may use
display templates by configuring their use via search settings and
search-related Web Parts (such as the site search box).

Edit Page Layouts

Like master pages, SharePoint 2013 supports creation
of new page layouts via the Design Manager. The following steps
demonstrate creating a new page layout that has an associated content
type and uses an existing master page:

Open your publishing site.

Click the gear icon.

Select the Design Manager menu item.

Click the link to edit page layouts.

Click the link to create a new page layout.

You should see a dialog, like that in Figure 21.

Figure 21. Create a page layout from Design Manager

Give the page layout a name.

Associate the page layout with a content type and existing master page.

Once created, you can access the page layout by clicking the name of the page layout in the list.

Similar to master page conversion, you can
preview your new page layout and access the snippets manager. Snippets
for page layouts differ from those in master page creation in that you
may apply page fields, media content, zones, dynamic content, etc.

Publish and Apply Design

The link to publish and apply a design,
from the Design Manager, essentially provides links to the master page
settings page for the current site collection. From this page, you can
apply the master page and assign a specific design channel.

Create Design Package

The last link on the left side of the Design
Manager enables you to complete the last task and package the branding
design for reuse, as described below: