Canvas Docs

Portfolio Navigation

Displays previous and next portfolio project navigation links. Use inside portfolio single templates. It is shown in the block inserter as Portfolio Navigation and registered as canvas-core/portfolio-navigation.

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

The Portfolio Navigation settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Settings

  • StyleDefaultThumbnail Cards

    Which navigation this block draws: cards with thumbnails, a bordered bar, or a single link back to the index.

    ChoicesThumbnail CardsBordered BarBack to Index Link

  • Show ThumbnailDefaultOn

    Show a small picture of the previous and next project on each card.

    Shown when Style is "Thumbnail Cards"

  • Previous LabelDefaultPrevious

    Wording on the link to the previous project.

    Shown when Style is "Thumbnail Cards" or "Bordered Bar"

  • Next LabelDefaultNext

    Wording on the link to the next project.

    Shown when Style is "Thumbnail Cards" or "Bordered Bar"

  • Back LabelDefaultBack to Projects

    Wording on the link back to the project index.

    Shown when Style is "Back to Index Link"

  • Back Link TargetDefaultPortfolio archive

    Choose Site front page when the work index IS the home page. Archive falls back to it when the portfolio has no archive.

    ChoicesPortfolio archiveSite front pageShown when Style is "Back to Index Link"

  • Back IconDefaultbi-arrow-left me-2

    Icon in front of the back link wording. Empty shows none.

    Shown when Style is "Back to Index Link"

  • Back Link ClassesDefaulttext-contrast-600

    Classes on the back link.

    Shown when Style is "Back to Index Link"

  • Bar Row ClassesDefaultEmpty

    Replaces the classes on the bar's row. Empty uses the bordered bar's own.

    Shown when Style is "Bordered Bar"

  • Bar Column ClassesDefaultEmpty

    Classes on each of the three columns. Empty uses col: equal thirds. col-auto shrinks each to its link.

    Shown when Style is "Bordered Bar"

  • Align Outer ColumnsDefaultOn

    Adds text-center to the middle column and text-end to the last. Turn off when the columns size to their content.

    Shown when Style is "Bordered Bar"

  • Bar Link ClassesDefaultEmpty

    Classes on each of the three links. Empty uses the bordered bar's own.

    Shown when Style is "Bordered Bar"

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Portfolio: Portfolio Archive Grid, Portfolio Categories, Portfolio Content, Portfolio Image, Portfolio Meta, Portfolio Related.

Was this page helpful?