layout | title |
---|---|
doc |
Page Types |
There are always different page types within a template; a homepage layout is different to a contact page layout. These page types will require different HTML. Page types are used to provide different layouts within one template.
Not only will page types use an alternative markup but when a page is created with a certain type, the zone (where users drag their content into) will be populated with page type related content. For example, a contact page type will populate the zone with a map and a contact form.
Page types are defined as Twig files within the template. The currently supported page types are:
-
home.twig
(optional): Used to create a homepage layout -
about.twig
(optional): Used to create an about page layout and will populate the zone with about page content -
contact.twig
(optional): Used to create an contact page layout and will populate the zone with contact page content -
default.twig
(required): This is the default layout. This is used when 'blank' is selected (see lightbox image above). Also, when a template does not include a certain layout (for example contact.twig) it will always fallback to this layout
Below is an extension of the file structure defined in the assets section. This extension includes more Twig files - marked with a *
.
{% highlight text %}
images/
- logo.png README.md about.twig * contact.twig * default.twig * example.jpg home.twig * metadata.json stylesheet.less 404.twig *
{% endhighlight %}
You can have a custom 404 design included in your template. Follow these steps:
-
Add a
404.twig
in the top level directory of your template -
Add
404
to thepageTypes
array with in metadata.json -
Upload the template to the Editor
-
Create page within the editor called
404
. Make sure you select the 404 Page Type