Canvas Docs

Bookkeeping

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

Services

canvas_bk_service

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

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

Each item carries these extra settings on its edit screen:

  • Frequency

  • Service Group

  • Service Icon

  • Service Includes

  • Included From

  • Turnaround

Blocks this design adds

Bookkeeping Services

canvas-core/bk-services

Show the services from the Services post type as icon cards, or render the pieces of a single service page (title and buttons, stat row, what is included, other services). In the block inserter it is named Canvas Bookkeeping Services.

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

The Bookkeeping Services settings in the block editor sidebar

Layout

  • LayoutDefaultService Cards

    Which part of the services design this block draws. Service Cards lists the services; each "Single Service" choice renders one section of the service page you place it on.

    ChoicesService CardsSingle Service - Title and ButtonsSingle Service - Stat RowSingle Service - What Is IncludedSingle Service - Other Services

Query

  • ServicesDefault0

    0 shows every service. The Other Services layout shows three when this is left at 0.

  • Order ByDefaultMenu Order

    What decides the sequence of the cards. Menu Order lets you arrange them by hand on the services 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-lg-4 col-md-6

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

  • Card ClassesDefaultcl-card

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

  • Icon Badge ClassesDefaultcl-icon-circle

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

  • Title ElementDefaulth5

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

    Choicesh2h3h4h5

  • Title Inline StyleDefaultfont-family: var(--font-heading); font-weight: 700; color: var(--color-text); margin-bottom: 10px;

    CSS declarations on each card title. Unsafe declarations are removed.

  • Description Inline StyleDefaultfont-size: 0.9375rem; line-height: 1.7; color: var(--color-muted); margin: 0;

    CSS declarations on each card description. Unsafe declarations are removed.

  • Link TitlesDefaultOn

    Link each card title to the service's own page.

  • Title Link ClassesDefaulttext-reset

    Class names on the link inside each card title. The default keeps the title in the card's own heading colour.

    Shown when Link Titles is on

  • Record Identity ClassesDefaultOn

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

Single

  • Services Page SlugDefaultservices

    Slug of the page that lists every service. The single layouts resolve it to a portable permalink for the group line above the title. Empty = no link.

  • Service Title ClassesDefaultcl-h2 mb-3

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

    Shown when Layout is "Single Service - Title and Buttons"

  • Description ClassesDefaultcl-subheadline

    Class names on the short description under the title.

    Shown when Layout is "Single Service - Title and Buttons"

  • Buttons Row ClassesDefaultd-flex flex-wrap gap-3 mb-4

    Class names on the row holding the two buttons.

    Shown when Layout is "Single Service - Title and Buttons"

  • First Button TextDefaultGet a Free Cleanup

    Wording on the first button. Leave empty for no button.

    Shown when Layout is "Single Service - Title and Buttons"

  • First Button Page SlugDefaultfree-cleanup

    Slug of the page the first button opens. Resolved to a portable permalink so the link is correct on any install or import.

    Shown when Layout is "Single Service - Title and Buttons"

  • First Button ClassesDefaultcl-btn-primary

    Class names that set the look of the first button.

    Shown when Layout is "Single Service - Title and Buttons"

  • Second Button TextDefaultBook a Free Call

    Wording on the second button. Leave empty for no button.

    Shown when Layout is "Single Service - Title and Buttons"

  • Second Button Page SlugDefaultcontact

    Slug of the page the second button opens.

    Shown when Layout is "Single Service - Title and Buttons"

  • Second Button ClassesDefaultcl-btn-outline

    Class names that set the look of the second button.

    Shown when Layout is "Single Service - Title and Buttons"

  • Stat Row ClassesDefaultcl-trust-row

    Class names on the row of figures.

    Shown when Layout is "Single Service - Stat Row"

  • Stat ClassesDefaultcl-trust-item

    Class names on each figure and its label.

    Shown when Layout is "Single Service - Stat Row"

  • Checklist ClassesDefaultcl-feature-list

    Class names on the list of what the service covers.

    Shown when Layout is "Single Service - What Is Included"

  • Checklist Icon ClassesDefaultbi-check2-circle

    Icon classes on the tick before each line. Leave empty for no icon.

    Shown when Layout is "Single Service - What Is Included"

Was this page helpful?