Canvas Docs

Solo Architect

Import the Solo Architect 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 Solo Architect 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.

Blocks this design adds

Solo Architect Works

canvas-core/solo-arch-works

Display portfolio projects as alternating image and text rows, render the pieces of a single project page or a category page, or draw a link to every project, one category or a section of the front page. In the block inserter it is named Canvas Solo Architect Works.

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

The Solo Architect Works settings in the block editor sidebar

Layout

  • LayoutDefaultProject Rows

    Which part of the work design this block draws. Project Rows lists the projects; each "Single Project" choice renders one piece of the project page you place it on; the Category Page choice heads a portfolio category page; Link draws one link.

    ChoicesProject RowsSingle Project - CategoryName and LocationSingle Project - Project RowSingle Project - Other ProjectsCategory Page - Heading and DescriptionLink

Query

  • Category SlugDefaultEmpty

    Show only the projects in one portfolio category, written as its slug. Leave empty to show them all.

  • Follow the Category PageDefaultOff

    On a portfolio category page, show only that category and ignore the slug above. Off everywhere else.

  • ProjectsDefault0

    0 shows every project. The other-projects layout shows two when this is left at 0.

  • Order ByDefaultMenu Order

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

    ChoicesMenu OrderDateTitle

  • OrderDefaultAscending

    Which end of that sequence comes first.

    ChoicesAscendingDescending

Row

  • Alternate SidesDefaultOn

    Every second row puts its text on the left and its picture on the right, and takes the alternate row style.

  • Start With Text on the LeftDefaultOff

    Begin the alternation on the text-first side, so a list that continues another list keeps the rhythm.

  • Row ClassesDefaultsw-project

    Class names on each project row.

  • Row StyleDefaultbackground: var(--cnvs-contrast-0);

    Styling written onto the first row and every other row after it, usually its background.

  • Alternate Row StyleDefaultbackground: var(--cnvs-contrast-100);

    Styling written onto the second row and every other row after it.

  • Grid Row ClassesDefaultrow g-0 align-items-stretch

    Class names on the grid row inside each project row.

  • Picture Column ClassesDefaultcol-lg-7

    Class names on the column holding the picture.

  • Text Column ClassesDefaultcol-lg-5 d-flex align-items-center

    Class names on the column holding the text.

  • Picture Column Classes, Text-First RowsDefaultorder-1 order-lg-2

    Added to the picture column on text-first rows, so the picture still leads on a phone.

  • Text Column Classes, Text-First RowsDefaultorder-2 order-lg-1

    Added to the text column on text-first rows.

  • Record Identity ClassesDefaultOff

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

Picture

  • Image SizeDefaultfull

    Registered image size used for the project picture.

  • Picture Box ClassesDefaultsw-img-wrap

    Class names on the box that crops the picture.

  • Name OverlayDefaultOn

    Show the project name on a bar that slides up over the picture on hover.

  • Overlay ClassesDefaultsw-overlay

    Class names on the overlay bar.

    Shown when Name Overlay is on

  • Overlay Name ClassesDefaultsw-overlay-name

    Class names on the project name inside the overlay.

    Shown when Name Overlay is on

Text

  • Text Box ClassesDefaultsw-text-inner

    Class names on the box holding the text of a row.

  • Project NumberDefaultOn

    Show each row's position (01, 02, 03) above the name.

  • First NumberDefault1

    The number the first row shows.

    Shown when Project Number is on

  • Number ClassesDefaultsw-num

    Class names on the project number.

    Shown when Project Number is on

  • Project NameDefaultOn

    Show the project name in the text of each row.

  • Name ElementDefaulth3

    Heading level of the project name in a row. The design styles an h3 here.

    Choicesh2h3h4Shown when Project Name is on

  • Link NamesDefaultOff

    Make each project name a link to that project's own page. Off leaves the names as plain headings.

    Shown when Project Name is on

  • Location and YearDefaultOn

    Show the project's location and its Completed Date under the name.

  • Location Line ClassesDefaultsw-meta

    Class names on the location and year line.

    Shown when Location and Year is on

  • SummaryDefaultOn

    Show the project's excerpt as its summary.

  • Summary ClassesDefaultsw-desc

    Class names on the summary paragraph.

    Shown when Summary is on

  • Tag LineDefaultOn

    Show the project's Skills / Tags as a line under the summary.

  • End the Tag Line With the YearDefaultOn

    Add the Completed Date as the last entry of the tag line.

    Shown when Tag Line is on

  • Tag Line ClassesDefaultsw-tags

    Class names on the tag line.

    Shown when Tag Line is on

  • SeparatorDefault·

    What sits between the entries of the location line and the tag line, with a space either side.

Heading

  • Eyebrow ClassesDefaultsw-num

    Class names on the small line above the heading: the project's category on a project page, a link to every project on a category page. Leave empty to hide it.

    Shown when Layout is "Single Project - Category, Name and Location" or "Category Page - Heading and Description"

  • Eyebrow TextDefaultWork

    Wording of the eyebrow on a category page, which links to every project.

    Shown when Layout is "Category Page - Heading and Description"

  • Heading ClassesDefaultfw-bold mb-2

    Class names on the page heading (the project or category name).

    Shown when Layout is "Single Project - Category, Name and Location" or "Category Page - Heading and Description"

  • Heading StyleDefaultfont-family: var(--cnvs-secondary-font); color: var(--cnvs-contrast-900); font-size: 2.25rem;

    Styling written onto the page heading.

    Shown when Layout is "Single Project - Category, Name and Location" or "Category Page - Heading and Description"

  • Lead ClassesDefaultmb-0

    Class names on the line under the heading: the location and year on a project page, the category description on a category page. Leave empty to hide it.

    Shown when Layout is "Single Project - Category, Name and Location" or "Category Page - Heading and Description"

  • Lead StyleDefaultcolor: var(--cnvs-contrast-500); font-size: 1rem;

    Styling written onto the line under the heading.

    Shown when Layout is "Single Project - Category, Name and Location" or "Category Page - Heading and Description"

Link

  • Link ToDefaultEvery project (portfolio page)

    Where the link goes. All three are worked out when the page is shown, so the link stays right if the site moves.

    ChoicesEvery project (portfolio page)One category's projectsA section of the front pageShown when Layout is "Link"

  • Category SlugDefaultEmpty

    The portfolio category whose page the link opens, written as its slug.

    Shown when Layout is "Link" and Link To is "One category's projects"

  • Front Page SectionDefaultcontact

    The HTML anchor of the front page section to open, without the #.

    Shown when Layout is "Link" and Link To is "A section of the front page"

  • Link TextDefaultLearn more →

    Wording of the link.

    Shown when Layout is "Link"

  • Link ClassesDefaultEmpty

    Class names on the link. Its styling is set in the Advanced panel.

    Shown when Layout is "Link"

Was this page helpful?