Pitchfork: Content Sections

Patterns within this category create content sections on a page usually with a specific purpose and a specific context in mind.

Directory – Principal Investigator

This pattern represents an approach to building a directory page for a faculty or lab site which lists the principal investigator of the group first. The level of detail displayed for this person is typically higher than the other people on the page.

Features

  • A heading block and a lead paragraph block representing an introductory paragraph for the section being introduced.
  • A uds/profile-data block which uses information from ASU Search to build the included profile. The block style is set to large for the maximum display of information.
  • A uds/profile-manual block can be substituted for the data-driven block to achieve the same layout but with data that is manually supplied to the page.
  • See the documents for Pitchfork People for additional details.

Directory – 3 Columns

Another directory page pattern employing a subtractive methodology to deliver a configurable end result. The pattern supplies multiple formatting options for the layout of an individual acf/profile-manual or acf/profile-data within a grid.

Users should decide which block and block settings are most appropriate for their design, delete the other blocks in the pattern and duplicate the example block for any person that should be included within the section.

Features

  • A single uds/profile-data block with the micro block style applied.
  • Additional uds/profile-manual blocks configured with various settings like a background color or a default profile image.
  • The documents for Pitchfork People will be helpful to understand additional configuration details that are possible.
  • The number of grid columns for the pattern can be set within the included uds/profiles block.

Post Column Layout

This pattern utilizes the query loop block and native blocks for WordPress to style a column of posts from within your website. The first story in the column is highlighted with a larger featured image. Other stories are displayed in a more compact manner down the column.

Features

  • A query-loop block and a post-template block with a specific block style applied. The number of displayed posts and other filters are included.
  • Native blocks associated with the query loop display the post information including the title, featured-image and excerpt.
  • For best results, deploy this pattern within a column constrained to less than 50% of the page width.