Page templates

Overview

Before you populate your page with content, you create the layout that defines how and where content is positioned and displayed on pages. For example, you allocate space for the navigation, the header, and the content blocks. To do this, you use predefined or customized page templates, which you can modify further, if needed. By setting and applying the page template, you basically define the appearance and style of an individual page or all pages.

To see and manage the list of all templates that your website pages are based on, navigate to Design » Page templates.

Types of page templates

As of Sitefinity CMS version 14.1, you can work with 2 types of page templates, depending on the technology you use and the widgets you place on pages. The mode you use depends on your development process as well as the functionality you want to implement.

The following sections summarize when and how you use the available types of page templates.

Pure MVC

In pure MVC mode, you directly control the markup of templates. You work with Razor layout files and leverage the set of grid widgets, provided by the resource package, which help you customize your layout by dropping them on your pages. Once you need to modify and style your MVC page templates, you do it in the resource package since it groups and organizes all your resources, templates, front-end assets, CSS files, and so on. Responsive design is provided by the CSS framework, used in the Bootstrap package, shipped with Sitefinity CMS out-of-the-box.

For more information, see:

.NET Core

You can create .NET Core templates using the standard Sitefinity CMS UI, but you can only use them if you have setup Sitefinity .NET Core Renderer.

You can create .NET Core templates in two ways:

  • Using the Sitefinity CMS backend UI and the Templates grid.
  • Programmatically, using layout files.
    For more information, see Develop with .NET Core » Layout files.

You create and manage .NET Core templates in the Templates grid, just like the MVC page templates in Sitefinity CMS backend UI.

For more information, see .NET Core pages and templates.

This section contains

Templates grid
Sort and filter page templates alphabetically, by ownership, by date the template was last modified, or by a custom filtering.
Create page templates
Use Sitefinity CMS predefined templates or create new templates.
Page templates and layout files
Layout files define the general structural division of pages into sections. Layout files reside in the file system and have links to all the CSS and JavaScript files.
Page templates and pages
Sitefinity CMS pages are based on page templates. Apply a default template to all pages on your site, or apply specific templates to individual pages.
Modify page templates
Customize page templates by modifying the design of existing layout templates. Create grid and content blocks configuration, add columns, change their size, and more.
Map page templates to layout files
A page template and a layout file are associated to each other via the naming convention.
Revision history of page templates
View different versions of a page template and, if needed, revert to a specific version.
Want to learn more?
Enhance your Sitefinity skills by enrolling in free training sessions. Become Sitefinity certified through Progress Education Community to strengthen your professional credentials.
This Article Contains
New to Sitefinity?