Conference

Import the Conference 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 Conference 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

Speakers

canvas_conf_speaker

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

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

Each item carries these extra settings on its edit screen:

• Speaker Bio

• Company

• Based In

• Speaker Role

• Talk

• Speaker Twitter

• Speaker Website

Sponsors

canvas_conf_sponsor

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

• Editor features: editor, excerpt, page-attributes, thumbnail, title
• Grouped by: Sponsorship Tiers (canvas_conf_sponsor_tier)

Each item carries these extra settings on its edit screen:

• Sponsor About

• Industry

• Sponsor Since

• Website

Blocks this design adds

Conference Speakers

canvas-core/conference-speakers

Speaker line-up cards driven by the conference speaker records, plus the speaker single layouts. In the block inserter it is named Canvas Conference Speakers.

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

Layout

• LayoutDefaultSpeaker Cards

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

  ChoicesSpeaker CardsSingle Speaker - AttributesSingle Speaker - CTASingle Speaker - Back + Related

Query

• SpeakersDefault0

  0 shows every published speaker.

• Order ByDefaultMenu Order

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

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Whether that sequence runs forwards or backwards. With Order By set to Title, Ascending lists from A to Z.

  ChoicesAscendingDescending

Display

• Row ClassesDefaultrow mx-auto dark

  Style classes on the row that holds the speaker cards. The default centres it and switches the cards to the light text treatment.

• Row Inline StyleDefaultEmpty

  Inline style applied to the cards row, e.g. a max-width.

• Card ClassesDefaultteam col-lg-4 col-sm-6 mb-5

  Style classes on each speaker card. The column classes in the default are what decide how many cards fit across the row at each screen width.

• Speaker Name ClassesDefaultgradient-text

  Style classes on the speaker name, which is what fills it with the design blend of colours.

• Speaker Name TagDefaultH4

  Which heading level a speaker name uses, so the grid fits the outline of the page around it. The look is set by the classes above, not by this.

  ChoicesH2H3H4H5H6

• Photo SizeDefaultLarge

  Which stored size of the photo the cards load. A smaller size makes a long list quicker to arrive, at the cost of sharpness on large screens.

  ChoicesFullLargeMediumThumbnail

• Load Photos EagerlyDefaultOn

  Keeps card heights correct on first paint, which lazy loading breaks in measured grids.

• Speakers Page SlugDefaultspeakers

  Slug of the speakers landing page. The single layouts resolve it for the role eyebrow and the back button. Empty = no link.

• CTA Page SlugDefaultcontact

  Slug of the page the single-cta button links to. Resolved to a portable permalink. Empty = no button.

• CTA Button TextDefaultGet in Touch

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

• Back Button TextDefaultBack to Speakers

  Wording on the button that returns a visitor from a speaker page to the full line-up. Leave it empty and no button appears.

• Related Row HeadingDefaultMore Speakers

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

• Related SpeakersDefault3

  How many other speakers that row holds. Set it to 0 to leave the row out.

Invitation

• Show the Invitation CardDefaultOff

  Adds a final card inviting visitors to apply as a speaker.

• Invitation Card TextDefaultJoin as a Speaker

  Wording on the invitation card that closes the grid.

  Shown when Show the Invitation Card is on

• Invitation Page SlugDefaultbecome-a-speaker

  Slug of the page the invitation card links to. Resolved to a portable permalink.

  Shown when Show the Invitation Card is on

• Invitation Card ImageDefault0

  The picture on the invitation card, in the place a speaker photo would sit. Leave it unset for a card with the icon alone.

  Shown when Show the Invitation Card is on

• Invitation Card Image Alt TextDefaultJoin the conference as a speaker

  How that picture is described to someone who cannot see it, and to a search engine.

  Shown when Show the Invitation Card is on

• Invitation Card Icon ClassesDefaultbi-plus-circle gradient-text

  The icon on the invitation card, named as a class, together with any classes that colour it.

  Shown when Show the Invitation Card is on

Conference Sponsors

canvas-core/conference-sponsors

Sponsor logo wall banded by sponsorship tier, plus the sponsor single layouts. In the block inserter it is named Canvas Conference Sponsors.

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

Layout

• LayoutDefaultAll Tiers

  Which part of the design this block draws: every tier one under another with its own heading, a single tier on its own, or one of the three pieces that build a single sponsor page.

  ChoicesAll TiersOne TierSingle Sponsor - AttributesSingle Sponsor - CTASingle Sponsor - Back + Related

Query

• Tier SlugDefaultEmpty

  Tier shown by the One Tier layout. Empty shows every sponsor.

  Shown when Layout is "One Tier"

• Tier OrderDefaultEmpty

  Comma-separated tier slugs, shown in this order. Empty shows every tier, oldest first.

  Shown when Layout is "All Tiers"

• Sponsors per TierDefault0

  0 shows every published sponsor.

• Order ByDefaultMenu Order

  What decides the sequence sponsors appear in within a tier: the order you arranged them in, when each was published, or the sponsor name.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Whether that sequence runs forwards or backwards. With Order By set to Title, Ascending lists from A to Z.

  ChoicesAscendingDescending

Display

• Tier Heading TagDefaultH4

  Which heading level names each tier, so the list fits the outline of the page around it. The look is set by the classes below, not by this.

  ChoicesH2H3H4H5H6

• Tier Heading ClassesDefaultfont-body mb-5

  Style classes on a tier heading, which is what sets it in the body typeface and spaces it from the logos under it.

• Logo Row ClassesDefaultd-flex flex-wrap align-items-center

  Style classes on the row of logos in a tier. The default lays them in a line that wraps onto the next row when it runs out of width.

• Logo Cell ClassesDefaultflex-fill p-3

  Style classes on the cell each logo sits in. The default lets the cells share the row evenly, whatever their number.

• Tier Separator ClassesDefaultline

  Rule drawn after each tier. Empty draws none.

• Logo SizeDefaultFull

  Which stored size of each logo the page loads. Logos are usually small files already, so Full costs little and keeps fine lettering sharp.

  ChoicesFullLargeMediumThumbnail

• Load Logos EagerlyDefaultOn

  Keeps the logo rows at their true height on first paint, which lazy loading defers.

• Logo Links ToDefaultThe sponsor page on this site

  Where clicking a logo takes the visitor. Keeping them on your own sponsor page lets you tell the story; sending them straight out is the simpler courtesy.

  ChoicesThe sponsor page on this siteThe sponsor's own website

• Sponsors Page SlugDefaultsponsors

  Slug of the sponsors landing page. The single layouts resolve it for the tier eyebrow and the back button. Empty = no link.

• CTA Page SlugDefaultbecome-a-sponsor

  Slug of the page the single-cta button links to. Resolved to a portable permalink. Empty = no button.

• CTA Button TextDefaultBecome a Sponsor

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

• Back Button TextDefaultBack to Sponsors

  Wording on the button that returns a visitor from a sponsor page to the full list. Leave it empty and no button appears.

• Related Row HeadingDefaultOther Sponsors

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

• Related SponsorsDefault5

  How many other sponsors that row holds. Set it to 0 to leave the row out.