{"id":109,"date":"2023-05-18T13:40:23","date_gmt":"2023-05-18T20:40:23","guid":{"rendered":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?post_type=pitchfork-docs&#038;p=109"},"modified":"2024-06-26T16:50:28","modified_gmt":"2024-06-26T23:50:28","slug":"profile-block-data","status":"publish","type":"pitchfork-docs","link":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/","title":{"rendered":"Profile Block (Data)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"styles\">Styles, colors and dimensions<\/h2>\n\n\n\n<p>The block styles for the data-driven profile block are exactly the same as the manual profile block. They are designed to be interchangeable within the <a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/block-patterns\/#directory\">directory patterns<\/a> supplied by the theme. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The block supports three sizes: micro, small and large. The small size is the default.<\/li>\n\n\n\n<li>The block also supports three background color options: no background, white background, gray-1 background. <\/li>\n\n\n\n<li>Within the dimensions panel, users can adjust the top and bottom margin of the block for additional spacing considerations.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-alert alert is-style-alert-info\"><div class=\"alert-icon\"><span class=\"fas fa-check-circle\"><\/span><\/div><div class=\"alert-content\"><div class=\"acf-innerblocks-container\">\n\n<p class=\"is-style-default\">See: <a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/#options\">https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/#options<\/a> for additional information and detailed screen captures for the provided controls within the editor.<\/p>\n\n<\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"additional-css\">Additional CSS Classes<\/h2>\n\n\n\n<p class=\"is-style-lead\"><code>.has-default-img<\/code><\/p>\n\n\n\n<p>When a profile from ASU Search is missing an uploaded image, there is no default image added to the feed for that person in the API.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This can lead to some odd layouts for the block caused by the missing image placeholder.<\/li>\n\n\n\n<li>Adding the <code>has-default-img<\/code> class solves this problem by forcing the block to display the default placeholder image from ASU search. <\/li>\n\n\n\n<li>The class has no effect on profiles with uploaded images. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings\">Block Settings<\/h2>\n\n\n\n<p>The block requires one setting to display an individual profile from ASU Search.<\/p>\n\n\n\n<ol class=\"is-style-default wp-block-list\">\n<li>Type the ASURITE ID of the person you wish to display.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-style-drop-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"494\" height=\"228\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/05\/image.png\" alt=\"Screen capture of the field required for a data-driven profile block.\" class=\"wp-image-110\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/05\/image.png 494w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/05\/image-300x138.png 300w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><figcaption class=\"wp-element-caption\">The data driven profile block only requires an ASURITE ID to display a profile.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"performance\">Performance<\/h2>\n\n\n\n<p>Each instance of the <code>profile-data<\/code> block will normally result in a separate call to the ASU Search API to return the most accurate results about the displayed person. If you are creating a layout of multiple people on a single page, this can cause the page load time to increase with each person added.<\/p>\n\n\n\n<p>To prevent this problem, be sure to group related <code>profile-data<\/code> blocks within a single <code>profiles<\/code> block. The presence of the wrapper block will nullify this issue by querying all of the profiles within the layout with a single call to the API. <\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">The the profile block allows users to easily add an ASU affiliate to a page within your website. All details are pulled from the ASU Search API and are updated automatically. <\/p>\n<p class=\"mb-2\">Be sure to check out the directory patterns that utilize this block!<\/p>\n","protected":false},"parent":0,"menu_order":4,"template":"","pitchfork-docs-category":[11],"class_list":["post-109","pitchfork-docs","type-pitchfork-docs","status-publish","hentry","pitchfork-docs-category-pitchfork-people"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Profile Block (Data) - 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\/profile-block-data\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Profile Block (Data) - Pitchfork Theme for WordPress\" \/>\n<meta property=\"og:description\" content=\"The the profile block allows users to easily add an ASU affiliate to a page within your website. All details are pulled from the ASU Search API and are updated automatically.  Be sure to check out the directory patterns that utilize this block!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/\" \/>\n<meta property=\"og:site_name\" content=\"Pitchfork Theme for WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-26T23:50:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/05\/image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"494\" \/>\n\t<meta property=\"og:image:height\" content=\"228\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\\\/profile-block-data\\\/\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-data\\\/\",\"name\":\"Profile Block (Data) - Pitchfork Theme for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-data\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-data\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2023\\\/05\\\/image.png\",\"datePublished\":\"2023-05-18T20:40:23+00:00\",\"dateModified\":\"2024-06-26T23:50:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-data\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-data\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-data\\\/#primaryimage\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2023\\\/05\\\/image.png\",\"contentUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2023\\\/05\\\/image.png\",\"width\":494,\"height\":228},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-data\\\/#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\":\"Profile Block (Data)\"}]},{\"@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":"Profile Block (Data) - 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\/profile-block-data\/","og_locale":"en_US","og_type":"article","og_title":"Profile Block (Data) - Pitchfork Theme for WordPress","og_description":"The the profile block allows users to easily add an ASU affiliate to a page within your website. All details are pulled from the ASU Search API and are updated automatically.  Be sure to check out the directory patterns that utilize this block!","og_url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/","og_site_name":"Pitchfork Theme for WordPress","article_modified_time":"2024-06-26T23:50:28+00:00","og_image":[{"width":494,"height":228,"url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/05\/image.png","type":"image\/png"}],"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\/profile-block-data\/","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/","name":"Profile Block (Data) - Pitchfork Theme for WordPress","isPartOf":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website"},"primaryImageOfPage":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/#primaryimage"},"image":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/#primaryimage"},"thumbnailUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/05\/image.png","datePublished":"2023-05-18T20:40:23+00:00","dateModified":"2024-06-26T23:50:28+00:00","breadcrumb":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/#primaryimage","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/05\/image.png","contentUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/05\/image.png","width":494,"height":228},{"@type":"BreadcrumbList","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-data\/#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":"Profile Block (Data)"}]},{"@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\/109","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=109"}],"wp:term":[{"taxonomy":"pitchfork-docs-category","embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/pitchfork-docs-category?post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}