Link In Bio

Import the Link In Bio 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 Link In Bio 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

Creators

canvas_lib_creator

One item is called a Creator. 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:

• Creator Dot Color

• Creator Role

• Creator Summary

• Creator Type Color

Blocks this design adds

Creator Showcase

canvas-core/lib-creators

A grid of creator records shown as portrait cards with a role, name and link summary in an overlay. In the block inserter it is named Creator Showcase.

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

Content

• LayoutDefaultCard Grid

  The grid lists every creator; the other two render the open record and only appear on a creator page.

  ChoicesCard GridRecord HeaderRecord Related Row

• Creators to ShowDefault0

  Zero shows every published creator.

• Order ByDefaultManual Order

  What to sort the creators by.

  ChoicesManual OrderDateTitle

• OrderDefaultAscending

  Read the sort order forwards or backwards.

  ChoicesAscendingDescending

• Link Cards to the Creator PageDefaultOff

  Wraps each card in a link. Leave off where the grid is presentational.

• Showcase Page SlugDefaultcreators

  The page the record header and the back link point at.

• Back Link TextDefaultAll creators

  Wording on the button back to the creator showcase. Empty renders no button.

• Related Row HeadingDefaultMore creators on Pulse

  Heading above the row of other creators.

Layout

• Grid Row ClassesDefaultrow g-3

  Classes on the row wrapping the creator cards.

• Column ClassesDefaultcol-6 col-md-4 col-lg-2

  Classes on each column, which is where the number of cards per row is set.

• Card ClassesDefaultcreator-card

  Classes on the box around one creator.

• Overlay ClassesDefaultcreator-overlay

  Classes on the panel over the portrait that holds the role, name and summary.

• Role ClassesDefaultcreator-type

  Classes on the role line above the name.

• Name ClassesDefaultcreator-name

  Classes on the creator name.

• Summary ClassesDefaultcreator-links-count

  Classes on the summary line under the name.

• Theme Dot ClassesDefaultcreator-theme-dot

  Classes on the small coloured dot in front of the summary. The colour comes from the creator record.

• Image Width AttributeDefault300

  Width recorded on the portrait so the browser can reserve its space. 0 leaves it off.

• Image Height AttributeDefault400

  Height recorded on the portrait so the browser can reserve its space. 0 leaves it off.

• Image Inline StyleDefaultaspect-ratio: 3/4

  Inline style on the portrait, which is where the card sets its proportions.

• Load Images ImmediatelyDefaultOff

  Turn on when the grid sits above the fold or inside a widget that measures it.

• Column AnimationDefaultfadeInUp

  Animation name placed on each column. Leave empty for no animation.

• Animation Delay Step (ms)Default80

  Added to each column in turn, so the cards arrive one after another.