Architecture Firm

Import the Architecture Firm 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 Architecture Firm 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.

Content types this design adds

Projects

canvas_arch_project

One item is called a Project. You will find them in their own admin menu once the design is installed.

• Editor features: custom-fields, editor, excerpt, page-attributes, thumbnail, title
• Grouped by: Project Categories (canvas_arch_proj_cat)

Each item carries these extra settings on its edit screen:

• Floor Area

• Client

• Location

• Materials

• Status

• Completed

Team

canvas_arch_team

One item is called a Team Member. You will find them in their own admin menu once the design is installed.

• Editor features: custom-fields, editor, excerpt, page-attributes, thumbnail, title

Each item carries these extra settings on its edit screen:

• Education

• Focus

• With the Studio Since

• Registration

• Role

Blocks this design adds

Architecture Projects

canvas-core/arch-projects

Display projects from the Projects post type as overlay cards, draw the category filter strip above them, or render the pieces of a single project page (eyebrow and name, fact rows, other projects, closing panel). In the block inserter it is named Canvas Architecture Projects.

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

Layout

• LayoutDefaultProject Cards

  Which part of the projects design this block draws. Project Cards lists the work; Category Filter Strip is the row of buttons that shows and hides those cards; each "Single Project" choice renders one section of the project page you place it on.

  ChoicesProject CardsCategory Filter StripCategory Page - Eyebrow and NameSingle Project - Eyebrow and NameSingle Project - Fact RowsSingle Project - Other ProjectsSingle Project - Closing Panel

Query

• Category SlugDefaultEmpty

  Show only the projects in one category, written as its slug (residential, commercial, civic). Leave empty to show them all.

• Follow the Category PageDefaultOff

  On a project category page, show only that category and ignore the slug above. Off everywhere else.

• ProjectsDefault0

  0 shows every project. The other-projects layout shows four when this is left at 0.

• Order ByDefaultMenu Order

  What decides the sequence of the projects. Menu Order lets you arrange them by hand on the projects list screen.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• Grid ClassesDefaultcb-projects-grid

  Class names on the grid holding the cards, which set how many sit side by side.

• Card ClassesDefaultcb-project-card

  Class names on each project card.

• Category Badge ClassesDefaultcb-project-type-badge

  Class names on the small category label in the corner of a card. Leave empty to hide the badge.

• Caption ClassesDefaultcb-project-info

  Class names on the caption panel across the foot of a card.

• Name ClassesDefaultcb-project-name

  Class names on the project name inside the caption.

• Name ElementDefaultp

  Element the project name is written into. The headings place it in the page outline; choose one when the cards are the main content of the page.

  Choicesph2h3h4

• Location Line ClassesDefaultcb-project-meta

  Class names on the line under the name that carries the location and the year.

• Location Line SeparatorDefault·

  Character placed between the location and the year. A space is added on each side of it.

• Link NamesDefaultOff

  Make each project name a link to that project's own page. Off leaves the cards as plain captions, which is how the home page shows them.

• Image SizeDefaultfull

  Registered image size used for the project photograph.

• Image Width AttributeDefault0

  Width written on the image tag, which reserves its space while the page loads. 0 uses the file's own width.

• Image Height AttributeDefault0

  Height written on the image tag. 0 uses the file's own height.

• Fetch the First Image FirstDefaultOff

  Ask the browser for the first card's photograph ahead of the rest of the grid. Turn it on when the grid is the first thing on the page; leave it off when the grid sits below a banner, where the browser is better off deferring all of it.

• Record Identity ClassesDefaultOn

  Add WordPress's own per-record classes (post id, type, status) to each card.

Filter

• Filter Strip ClassesDefaultcb-tabs

  Class names on the list holding the filter buttons.

  Shown when Layout is "Category Filter Strip"

• All Button TextDefaultAll

  Wording on the first button, which shows every project again. Leave empty to start straight at the first category.

  Shown when Layout is "Category Filter Strip"

• Filter Strip NameDefaultProject Categories

  What a screen reader announces the strip as. Leave empty for none.

  Shown when Layout is "Category Filter Strip"

• Filter CategoriesDefaultEmpty

  Category slugs, one per line, in the order the buttons should appear. Leave empty to list every category that has a project in it.

  Shown when Layout is "Category Filter Strip"

Single

• Projects Page SlugDefaultprojects

  Slug of the page that lists every project. The single layouts resolve it to a portable permalink for the category eyebrow. Empty = no link.

• Category Page EyebrowDefaultPortfolio

  Small line above the category name on a category page. It links to the projects page when one exists. Leave empty for none.

  Shown when Layout is "Category Page - Eyebrow and Name"

• Category Description ClassesDefaultcb-about-body

  Class names on the category description under the name. Leave empty to hide the description.

  Shown when Layout is "Category Page - Eyebrow and Name"

• Project Name ElementDefaulth1

  Element the project name is written into at the top of its own page. H1 is right when the name is the page's subject.

  Choicesh1h2Shown when Layout is "Single Project - Eyebrow and Name"

• Project Name ClassesDefaultcb-section-title

  Class names on the project name at the top of its own page.

  Shown when Layout is "Single Project - Eyebrow and Name"

• Location Line Classes (Single)Defaultcb-contact-detail

  Class names on the location and year line under the project name. Leave empty to hide the line.

  Shown when Layout is "Single Project - Eyebrow and Name"

• Fact Label ClassesDefaultcb-pillar-name

  Class names on the small label above each fact.

  Shown when Layout is "Single Project - Fact Rows"

• Fact Value ClassesDefaultcb-pillar-desc

  Class names on the value under each fact label.

  Shown when Layout is "Single Project - Fact Rows"

• Fact Row ClassesDefaultcb-pillar

  Class names on each fact row, which draw the rule above it.

  Shown when Layout is "Single Project - Fact Rows"

• Enquiry Page SlugDefaultEmpty

  Slug of the page the closing button links to. Resolved to a portable permalink so the link is correct on any install or import. Leave empty to use the Enquiry Link below instead.

  Shown when Layout is "Single Project - Closing Panel"

• Enquiry LinkDefaultEmpty

  Where the closing button goes when no page slug is set: use it for an enquiry panel that lives further down the home page.

  Shown when Layout is "Single Project - Closing Panel"

• Closing Panel EyebrowDefaultNew Commissions

  Small line above the closing heading. Leave empty for none.

  Shown when Layout is "Single Project - Closing Panel"

• Closing HeadingDefaultBegin a Project

  Heading on the closing panel. Leave empty for none.

  Shown when Layout is "Single Project - Closing Panel"

• Closing Button TextDefaultStart a conversation

  Wording on the closing button. {name} is replaced with the project's name. Leave empty for no button.

  Shown when Layout is "Single Project - Closing Panel"

• Closing Button ClassesDefaultcb-form-submit

  Class names that set the look of the closing button.

  Shown when Layout is "Single Project - Closing Panel"

Architecture Team

canvas-core/arch-team

Display the studio from the Team post type as portrait cards, or render the pieces of a single member page (eyebrow and name, fact rows, the rest of the studio, closing panel). In the block inserter it is named Canvas Architecture Team.

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

Layout

• LayoutDefaultPortrait Cards

  Which part of the team design this block draws. Portrait Cards lists the studio; each "Single Member" choice renders one section of the member page you place it on.

  ChoicesPortrait CardsSingle Member - Eyebrow and NameSingle Member - Fact RowsSingle Member - The Rest of the StudioSingle Member - Closing Panel

Query

• MembersDefault0

  0 shows everyone. The rest-of-the-studio layout shows three when this is left at 0.

• Order ByDefaultMenu Order

  What decides the sequence of the members. Menu Order lets you arrange them by hand on the team list screen.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• Row ClassesDefaultrow g-4

  Class names on the row holding the cards, which is where the gutter between them is set.

• Column ClassesDefaultcol-6

  Column classes on each card: how many portraits sit side by side at each screen width.

• Card ClassesDefaultcb-team-card

  Class names on each portrait card.

• Portrait ClassesDefaultcb-team-img

  Class names on the portrait itself, which set its shape and its grey treatment.

• Name ClassesDefaultcb-team-name

  Class names on the member's name under the portrait.

• Name ElementDefaultp

  Element the name is written into. The headings place it in the page outline; choose one when the cards are the main content of the page.

  Choicesph2h3h4

• Role ClassesDefaultcb-team-role

  Class names on the role line under the name. Leave empty to hide the role.

• Link NamesDefaultOff

  Make each name a link to that member's own page. Off leaves the cards as plain captions, which is how the home page shows them.

• Portrait SizeDefaultfull

  Registered image size used for the portrait.

• Portrait Width AttributeDefault0

  Width written on the portrait tag, which reserves its space while the page loads. 0 uses the file's own width.

• Portrait Height AttributeDefault0

  Height written on the portrait tag. 0 uses the file's own height.

• Reveal Each Card on ScrollDefaultOff

  Fade each card in as it scrolls into view, which is how the studio row behaves on the home page.

• Record Identity ClassesDefaultOn

  Add WordPress's own per-record classes (post id, type, status) to each card.

Single

• Team Page SlugDefaultstudio-team

  Slug of the page that lists the whole studio. The single layouts resolve it to a portable permalink for the eyebrow. Empty = no link.

• Member Page EyebrowDefaultThe Team

  Small line above the name on the member's own page. Leave empty for none.

  Shown when Layout is "Single Member - Eyebrow and Name"

• Member Name ElementDefaulth1

  Element the name is written into at the top of the member's page. H1 is right when the person is the page's subject.

  Choicesh1h2Shown when Layout is "Single Member - Eyebrow and Name"

• Member Name ClassesDefaultcb-section-title

  Class names on the name at the top of the member's page.

  Shown when Layout is "Single Member - Eyebrow and Name"

• Fact Row ClassesDefaultcb-pillar

  Class names on each fact row, which draw the rule above it.

  Shown when Layout is "Single Member - Fact Rows"

• Fact Label ClassesDefaultcb-pillar-name

  Class names on the small label above each fact.

  Shown when Layout is "Single Member - Fact Rows"

• Fact Value ClassesDefaultcb-pillar-desc

  Class names on the value under each fact label.

  Shown when Layout is "Single Member - Fact Rows"

• Enquiry Page SlugDefaultEmpty

  Slug of the page the closing button links to. Resolved to a portable permalink so the link is correct on any install or import. Leave empty to use the Enquiry Link below instead.

  Shown when Layout is "Single Member - Closing Panel"

• Enquiry LinkDefaultEmpty

  Where the closing button goes when no page slug is set: use it for an enquiry panel that lives further down the home page.

  Shown when Layout is "Single Member - Closing Panel"

• Closing Panel EyebrowDefaultNew Commissions

  Small line above the closing heading. Leave empty for none.

  Shown when Layout is "Single Member - Closing Panel"

• Closing HeadingDefaultWork with the studio

  Heading on the closing panel. Leave empty for none.

  Shown when Layout is "Single Member - Closing Panel"

• Closing Button TextDefaultStart a conversation

  Wording on the closing button. {name} is replaced with the member's name. Leave empty for no button.

  Shown when Layout is "Single Member - Closing Panel"

• Closing Button ClassesDefaultcb-form-submit

  Class names that set the look of the closing button.

  Shown when Layout is "Single Member - Closing Panel"