Construction

Import the Construction design and it brings blocks and content types of its own, on top of the main Canvas library. Read this page when you are working on a site built from Construction and meet a block you cannot find in the main reference.

These items stay registered on every site so that content you have already imported keeps rendering, and they appear in the block inserter only where the design is in use.

Blocks this design adds

Construction Projects

canvas-core/construction-projects

Display projects from the Projects post type as a portfolio grid (2 to 5 columns), or render a single project page (attributes, contact CTA, related projects). In the block inserter it is named Canvas Construction Projects.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Layout

• LayoutDefaultPortfolio Grid

  Which part of the design this block draws: the grid of projects, or one of the three pieces that build a single project page. The single pieces render nothing anywhere else.

  ChoicesPortfolio GridSingle Project - AttributesSingle Project - Contact CTASingle Project - Back + Related

Display

• ColumnsDefault4 Columns

  How many projects sit side by side on a wide screen. Narrower screens step down on their own.

  Choices2 Columns3 Columns4 Columns5 Columns

• Grid Wrapper ClassesDefaultportfolio row gutter-10

  Classes on the grid wrapper. Source variants use "portfolio row gutter-10" (4/5 col) or "portfolio row gutter-20" (2/3 col).

• Grid Wrapper IDDefaultportfolio

  Wrapper id (source uses "portfolio"). Empty = no id.

• Projects Page SlugDefaultprojects

  Slug of the projects landing page. The single layouts resolve it to a portable permalink for the category eyebrow and the "Back to Projects" button. Empty = no link.

• Contact Page SlugDefaultcontact

  Slug of the page the single-cta "Discuss Your Project" button links to. Resolved to a portable permalink so the link is correct on any install / import. Empty = no button.

• CTA Button TextDefaultDiscuss Your Project

  Wording on the enquiry button at the foot of a project page. Leave it empty and no button appears.

• Back Button TextDefaultBack to Projects

  Wording on the button that returns a visitor from a project page to the grid. Leave it empty and no button appears.

• Related HeadingDefaultRelated Projects

  Heading above the row of other projects at the foot of a project page. Leave it empty to show them with no heading.

Query

• ItemsDefault0

  0 shows all projects.

• Order ByDefaultMenu Order

  What decides the sequence projects appear in: the order you arranged them in, when each was published, or the project name.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Whether that sequence runs forwards or backwards. With Order By set to Date, Descending puts the most recent project first.

  ChoicesAscendingDescending