HR

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

Platform Modules

canvas_hr_feature

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

  • Feature Icon

Blocks this design adds

Platform Modules

canvas-core/hr-features

Show the platform modules from the Platform Modules post type as a grid of icon cards, each linking to its own page. In the block inserter it is named Canvas Platform Modules.

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

The Platform Modules settings in the block editor sidebar

Query

  • ModulesDefault0

    0 shows every module.

  • Order ByDefaultMenu Order

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

    ChoicesMenu OrderDateTitle

  • OrderDefaultAscending

    Which end of that sequence comes first.

    ChoicesAscendingDescending

  • Hide the Module Being ViewedDefaultOff

    Leave the current module out of the grid. Turn this on for a "more modules" row placed on a module's own page.

Display

  • Row ClassesDefaultrow row-cols-1 row-cols-md-2 row-cols-lg-3 g-4

    Class names on the row holding the cards: how many sit side by side at each screen width, and the space between them.

  • Column ClassesDefaultcol

    Class names on each card column.

  • Card ClassesDefaultpf-card

    Class names on the card itself, which set its background, border and padding.

  • Icon Badge ClassesDefaultpf-icon-wrap

    Class names on the round badge around the icon. Leave empty to draw the icon with no badge.

  • Title ElementDefaulth3

    Which heading level each card title uses, so the page keeps one sensible outline.

    Choicesh2h3h4h5divspan

  • Title ClassesDefaultpf-card-title

    Class names on the card title.

  • Description ClassesDefaultpf-card-desc

    Class names on the card description.

  • Link the Card TitleDefaultOff

    Make the title itself a link to the module. Off keeps the card's own link as the only one, which is what a card with a "Learn more" line wants.

  • Card Link TextDefaultLearn more →

    Wording of the link at the foot of each card. Leave empty for a card with no link.

  • Card Link ClassesDefaultpf-learn-more

    Class names that set the look of that link.

  • Modules Page SlugDefaultfeatures

    Slug of the page listing every module. Resolved to a portable permalink so the link is correct on any install. Empty = no link.

Was this page helpful?