Branding Agency

Import the Branding Agency 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 Branding Agency 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

Branding Agency Work

canvas-core/brand-agency-works

Display portfolio projects as a featured case study or a numbered list, render the pieces of a single project page, or draw a button to every project. In the block inserter it is named Canvas Branding Agency Work.

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

Layout

• LayoutDefaultCase Study List

  Which part of the work design this block draws. Featured Case Study shows one project large; Case Study List shows a numbered row per project; each "Single Project" choice renders one piece of the project page you place it on; Link Button draws one button to every project or to a section of the front page.

  ChoicesFeatured Case StudyCase Study ListSingle Project - Category and NameSingle Project - SummarySingle Project - Featured CardSingle Project - Other ProjectsLink Button

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.

• Skip ProjectsDefault0

  Leave out this many projects from the start of the list. Set the list under a featured project to 1 so the two never repeat a project.

• ProjectsDefault0

  0 shows every project. The featured layout always shows one; the other-projects layout shows three when this is left at 0.

• Order ByDefaultMenu Order

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

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• Featured ClassesDefaultcc-pf-featured

  Class names on the featured case study.

• List ClassesDefaultcc-pf-list

  Class names on the list holding the project rows.

• Row ClassesDefaultcc-pf-row

  Class names on each project row.

• Break the Featured NameDefaultOn

  Set the last word of the featured project's name on its own line.

• Show the Featured NameDefaultOn

  Show the project name in the featured panel. Turn it off where the page already heads itself with the name.

• Featured Name ElementDefaulth3

  Heading level of the featured project name. Pick the level that follows the heading above it on the page.

  Choicesh2h3h4

• Show the Featured SummaryDefaultOn

  Show the project summary (its excerpt) in the featured panel.

• Featured Link TextDefaultView Case Study

  Wording of the link at the foot of the featured case study. Leave empty for no link.

• Featured Link Goes ToDefaultThe project's own page

  Where the featured link leads.

  ChoicesThe project's own pageA section of the front page

• Front Page SectionDefaultcontact

  The HTML anchor of the front page section the featured link opens, without the #.

  Shown when Featured Link Goes To is "A section of the front page"

• Row Link LabelDefaultView %s case study

  What screen readers announce for each row's arrow link. %s is replaced by the project name.

• Row Entrance AnimationDefaultEmpty

  Animation each row plays as it scrolls into view, for example fadeInUp. Leave empty for none.

• Row Animation Stagger (ms)Default0

  Each row starts its animation this much later than the row above it.

• Image SizeDefaultfull

  Registered image size used for the project pictures.

• Record Identity ClassesDefaultOn

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

Single

• Category Label ClassesDefaultcc-label

  Class names on the category line above the project name. Leave empty to hide it.

  Shown when Layout is "Single Project - Category and Name"

• Link the CategoryDefaultOn

  Link the category line to that category's page of projects.

  Shown when Layout is "Single Project - Category and Name"

• Project Name ElementDefaulth1

  Element the project name is written into at the top of its own page. H1 is right when the name is the page's subject.

  Choicesh1h2Shown when Layout is "Single Project - Category and Name"

• Project Name ClassesDefaultcc-section-title

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

  Shown when Layout is "Single Project - Category and Name"

• Summary ClassesDefaultcc-section-subtitle

  Class names on the project summary, taken from its excerpt.

  Shown when Layout is "Single Project - Summary"

Link

• Link ToDefaultEvery project (portfolio page)

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

  ChoicesEvery project (portfolio page)A section of the front pageShown when Layout is "Link Button"

• Front Page SectionDefaultcontact

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

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

• Button TextDefaultAll Case Studies

  Wording on the button.

  Shown when Layout is "Link Button"

• Button Icon ClassesDefaultbi-arrow-right

  Icon class names drawn after the button text. Leave empty for no icon.

  Shown when Layout is "Link Button"

• Button ClassesDefaultcc-pf-cta

  Class names that set the look of the button.

  Shown when Layout is "Link Button"