{"id":185,"date":"2024-05-24T16:35:55","date_gmt":"2024-05-24T23:35:55","guid":{"rendered":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?post_type=pitchfork-docs&#038;p=185"},"modified":"2024-08-09T08:17:20","modified_gmt":"2024-08-09T15:17:20","slug":"pitchfork-content-section","status":"publish","type":"pitchfork-docs","link":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/","title":{"rendered":"Pitchfork: Content Sections"},"content":{"rendered":"\n<div class=\"wp-block-media-text has-media-on-the-right is-vertically-aligned-center has-gray-1-background-color has-background\" style=\"margin-bottom:var(--wp--preset--spacing--uds-size-8);padding-top:var(--wp--preset--spacing--uds-size-4);padding-right:var(--wp--preset--spacing--uds-size-2);padding-bottom:var(--wp--preset--spacing--uds-size-4);grid-template-columns:auto 30%\"><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading\" id=\"directory-primary\">Directory &#8211; Principal Investigator<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<p class=\"is-style-lead\">Features<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <code>heading<\/code> block and a lead <code>paragraph<\/code> block representing an introductory paragraph for the section being introduced.<\/li>\n\n\n\n<li>A <code>uds\/profile-data<\/code> block which uses information from ASU Search to build the included profile. The block style is set to <strong>large<\/strong> for the maximum display of information.<\/li>\n\n\n\n<li>A <code>uds\/profile-manual<\/code> block can be substituted for the data-driven block to achieve the same layout but with data that is manually supplied to the page.<\/li>\n\n\n\n<li>See the <a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/doc-category\/pitchfork-people\/\">documents for Pitchfork People<\/a> for additional details.<\/li>\n<\/ul>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI-1024x550.jpg\" alt=\"\" class=\"wp-image-186 size-full\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI-1024x550.jpg 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI-300x161.jpg 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI-768x413.jpg 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-vertically-aligned-center has-gray-1-background-color has-background\" style=\"margin-bottom:var(--wp--preset--spacing--uds-size-8);padding-top:var(--wp--preset--spacing--uds-size-4);padding-right:var(--wp--preset--spacing--uds-size-2);padding-bottom:var(--wp--preset--spacing--uds-size-4);grid-template-columns:auto 30%\"><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading\" id=\"directory-secondary\">Directory &#8211; 3 Columns<\/h2>\n\n\n\n<p>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 <code>acf\/profile-manual<\/code> or <code>acf\/profile-data<\/code> within a grid.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p class=\"is-style-lead\">Features<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A single <code>uds\/profile-data<\/code> block with the <strong>micro<\/strong> block style applied.<\/li>\n\n\n\n<li>Additional <code>uds\/profile-manual<\/code> blocks configured with various settings like a background color or a default profile image.<\/li>\n\n\n\n<li>The <a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/doc-category\/pitchfork-people\/\">documents for Pitchfork People<\/a> will be helpful to understand additional configuration details that are possible.<\/li>\n\n\n\n<li>The number of grid columns for the pattern can be set within the included <code>uds\/profiles<\/code> block. <\/li>\n<\/ul>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"380\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-3-Column-1024x380.jpg\" alt=\"\" class=\"wp-image-187 size-full\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-3-Column-1024x380.jpg 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-3-Column-300x111.jpg 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-3-Column-768x285.jpg 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-3-Column-1536x570.jpg 1536w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-3-Column-2048x761.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-vertically-aligned-center has-gray-1-background-color has-background\" style=\"margin-bottom:var(--wp--preset--spacing--uds-size-8);padding-top:var(--wp--preset--spacing--uds-size-4);padding-right:var(--wp--preset--spacing--uds-size-2);padding-bottom:var(--wp--preset--spacing--uds-size-4);grid-template-columns:auto 30%\"><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading\" id=\"post-column\">Post Column Layout<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<p class=\"is-style-lead\">Features<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <code>query-loop<\/code> block and a <code>post-template<\/code> block with a specific block style applied. The number of displayed posts and other filters are included.<\/li>\n\n\n\n<li>Native blocks associated with the query loop display the post information including the <code>title<\/code>, <code>featured-image<\/code> and <code>excerpt<\/code>. <\/li>\n\n\n\n<li>For best results, deploy this pattern within a column constrained to less than 50% of the page width. <\/li>\n<\/ul>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"529\" height=\"1024\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/post-column-529x1024.jpg\" alt=\"\" class=\"wp-image-188 size-full\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/post-column-529x1024.jpg 529w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/post-column-155x300.jpg 155w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/post-column-768x1485.jpg 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/post-column-794x1536.jpg 794w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/post-column-1059x2048.jpg 1059w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/post-column.jpg 1062w\" sizes=\"auto, (max-width: 529px) 100vw, 529px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">Patterns within this category create content sections on a page usually with a specific purpose and a specific context in mind.<\/p>\n","protected":false},"parent":0,"menu_order":0,"template":"","pitchfork-docs-category":[12],"class_list":["post-185","pitchfork-docs","type-pitchfork-docs","status-publish","hentry","pitchfork-docs-category-patterns"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pitchfork: Content Sections - Pitchfork Theme for WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pitchfork: Content Sections - Pitchfork Theme for WordPress\" \/>\n<meta property=\"og:description\" content=\"Patterns within this category create content sections on a page usually with a specific purpose and a specific context in mind.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/\" \/>\n<meta property=\"og:site_name\" content=\"Pitchfork Theme for WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-09T15:17:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"806\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/\",\"name\":\"Pitchfork: Content Sections - Pitchfork Theme for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2024\\\/05\\\/Directory-PI-1024x550.jpg\",\"datePublished\":\"2024-05-24T23:35:55+00:00\",\"dateModified\":\"2024-08-09T15:17:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/#primaryimage\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2024\\\/05\\\/Directory-PI.jpg\",\"contentUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2024\\\/05\\\/Directory-PI.jpg\",\"width\":1500,\"height\":806},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/pitchfork-content-section\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documents\",\"item\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pitchfork: Content Sections\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/\",\"name\":\"Pitchfork Theme for WordPress\",\"description\":\"an ASU Engineering theme for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pitchfork: Content Sections - Pitchfork Theme for WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/","og_locale":"en_US","og_type":"article","og_title":"Pitchfork: Content Sections - Pitchfork Theme for WordPress","og_description":"Patterns within this category create content sections on a page usually with a specific purpose and a specific context in mind.","og_url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/","og_site_name":"Pitchfork Theme for WordPress","article_modified_time":"2024-08-09T15:17:20+00:00","og_image":[{"width":1500,"height":806,"url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/","name":"Pitchfork: Content Sections - Pitchfork Theme for WordPress","isPartOf":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website"},"primaryImageOfPage":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/#primaryimage"},"image":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/#primaryimage"},"thumbnailUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI-1024x550.jpg","datePublished":"2024-05-24T23:35:55+00:00","dateModified":"2024-08-09T15:17:20+00:00","breadcrumb":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/#primaryimage","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI.jpg","contentUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2024\/05\/Directory-PI.jpg","width":1500,"height":806},{"@type":"BreadcrumbList","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/pitchfork-content-section\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/comm.engineering.asu.edu\/pitchfork\/"},{"@type":"ListItem","position":2,"name":"Documents","item":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/"},{"@type":"ListItem","position":3,"name":"Pitchfork: Content Sections"}]},{"@type":"WebSite","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/","name":"Pitchfork Theme for WordPress","description":"an ASU Engineering theme for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/pitchfork-docs\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/pitchfork-docs"}],"about":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/types\/pitchfork-docs"}],"wp:attachment":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"pitchfork-docs-category","embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/pitchfork-docs-category?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}