Use front matter options to customise the appearance, content and behaviour of this layout.
For example, this page has the following options:
layout: page
order: 1
title: Page
description: Simple layout designed for maximum flexibility of content.
aside:
title: Aside
content: |
A small portion of content that is **indirectly** related to the main content.
related:
sections:
- title: Related links
items:
- text: Layouts
href: ../../layouts
- text: Options
href: ../../options
subsections:
- title: Eleventy documentation
items:
- text: Front matter data
href: https://www.11ty.dev/docs/data-frontmatter/
Common front matter options
Use these options to customise the appearance, content and behaviour of any layout.
layout |
string |
Page layout. |
includeInBreadcrumbs |
boolean |
Include page as the last item in any breadcrumbs. Default is false . |
order |
number |
Ranking of page in navigation. Lower numbers appear before pages with a higher number. |
title |
string |
Page title. |
description |
string |
Page description. |
opengraphImage |
object |
Open Graph image that appears on social media networks. |
opengraphImage.src |
string |
Path to Open Graph image. Can be a relative or absolute URL. This value overrides opengraphImageUrl in plugin options. |
opengraphImage.alt |
string |
Alternative text for Open Graph image. |
aside |
object |
Small portion of content that is indirectly related to the main content. |
aside.title |
string |
Title for aside. |
aside.content |
string |
Content for aside. Accepts Markdown. |
related |
object |
Related links. See related. |
With one section:
title |
string |
Title for group of related links. Default is 'Related content' . |
items |
array |
See items. |
subsections |
array |
Title for sub-group of related links. |
subsections.title |
string |
|
subsections.items |
array |
See items. |
With multiple sections:
sections |
array |
See items. |
text |
string |
Title of related content. |
href |
string |
Link for the related content. |