Sitefinity How-tos

Learn how to create templates and layouts

Templates

Create and Edit templates

A template is branded with the UTMB logo and has been designed to meet institutional brand standards. The front-end template framework is built using modern web standards and best practices including HTML5 semantic mark-up, mobile-first responsive design and special attention to accessibility requirements.

  • Page & Template Sections

    Pages and templates are divided into these four main sections:

    Above Page Content

    • Directly below the top navigation and above the breadcrumbs
    • Expands the entire width of the screen
    • Common uses: alert, callout, wide images

    Feature Content

    • Below the above page content section
    • Expands the entire width of the screen
    • Common uses: Blog slider, feature boxes, wide images

    Body

    • The main body of the page
    • Expands the entire width of the screen
    • Common uses: Main content for the page or template

    Base Content

    • Below the body section, but above the footer
    • Expands the entire width of the screen
    • Common uses: this section is not commonly used

    screenshot of templates and pages sections

  • Create a Template
    1. Click the Design navigation menu item and then select Page Templates
      screenshot of templates in the navigation
    2. If the site is new, you will be provided with a 4x template that will be based on the "_UTMBWeb_4x_Hybrid" template. If the site is already established, you may see a list of templates. The default template may be based on the older 3x "UTMB_Master_MVC" template. Please email Sitefinity@UTMB.EDU to request for the 4x template to be added to your site. Your default template should remain as basic as possible. You can create templates that are based on the default template to customize them for specific needs.
      screenshot of an example of a list of templates
    3. Click the Create a template button
      screenshot of the template create button
    4. Add a template name. The template name should start with the website name.
      screenshot of template name field
    5. Click the Select another Template button to select the template that this template should be based on. All templates should be based on another template.
      screenshot of select another Template button
    6.  Select the base template and then click the Done button.
      screenshot of select a template screen
    7. Click the Create and go to add content button.
    8. Drag layout elements and/or content widgets onto the various sections.
    9. Click the Publish or Save Draft button when complete.

Related training videos

Always click the Publish, Save as Draft or Schedule when you are finished editing a template or page to save your work.

Layouts

Adding layouts to a page or template

Layouts help divide a page or template into sections. See examples of the Sitefinity layout options available to add to your site.

Always click the Publish, Save as Draft or Schedule when you are finished editing a template or page to save your work.

On this page: