{"id":79,"date":"2023-01-25T11:06:27","date_gmt":"2023-01-25T18:06:27","guid":{"rendered":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?post_type=pitchfork-docs&#038;p=79"},"modified":"2023-05-18T12:36:30","modified_gmt":"2023-05-18T19:36:30","slug":"profile-block-manual","status":"publish","type":"pitchfork-docs","link":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/","title":{"rendered":"Profile Block (Manual)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"options\">Block options<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"styles\">Styles<\/h3>\n\n\n\n<p>The profile block can be displayed in one of three styles: <strong>large, small<\/strong> and <strong>micro.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>All provided profile fields will display with the <strong>large<\/strong> block style.<\/li>\n\n\n\n<li>The small and micro block styles restrict the displayed information to a more compact display.<\/li>\n\n\n\n<li>The <strong>small<\/strong> style is the default style for the block.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-6fe931d8 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"714\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/01\/profile-large-1-1024x714.jpg\" alt=\"Demo image of the profile-manual block. Block style = large.\" class=\"wp-image-89\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1-1024x714.jpg 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1-300x209.jpg 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1-768x536.jpg 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1.jpg 1434w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Profile (Manual) block, large style<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/01\/profile-small-1024x343.png\" alt=\"Demo image of the profile-manual block. Block style = small\" class=\"wp-image-87\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-small-1024x343.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-small-300x100.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-small-768x257.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-small.png 1434w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Profile (manual) block, small style. <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-style-drop-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"284\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/01\/profile-micro-e1674684778187.png\" alt=\"Demo image of the profile-manual block. Block style = micro\" class=\"wp-image-86\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-micro-e1674684778187.png 684w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-micro-e1674684778187-300x125.png 300w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/><figcaption class=\"wp-element-caption\">Profile (manual) block, micro style.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"colors\">Colors<\/h3>\n\n\n\n<p>There are also three background styles possible with this block.<\/p>\n\n\n\n<ul class=\"is-style-default wp-block-list\">\n<li>The default (unassigned) background color for the block is transparent without a border.<\/li>\n\n\n\n<li>Both the <strong>White<\/strong> and <strong>ASU Gray 2<\/strong> options place the block contents within a border and provide additional padding within the block.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-style-uds-figure\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"313\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/01\/image-2-1024x313.png\" alt=\"Color settings for the profile block.\" class=\"wp-image-84\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dimensions\">Dimensions<\/h3>\n\n\n\n<p>Support for <code>margin-top<\/code> and <code>margin-bottom<\/code> are included with the dimensions panel. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"additional-css\">Additional CSS Classes<\/h3>\n\n\n\n<p class=\"is-style-lead\"><code>.has-default-img<\/code><\/p>\n\n\n\n<p>Adding the <code>has-default-img<\/code> class will produce a placeholder image for the block. An uploaded profile image will exactly replace the background image rendered by the class but it will not prevent it from being displayed, so it is a good idea to remove this class as the default images are replaced by actual portraits. <\/p>\n\n\n\n<figure class=\"wp-block-image size-medium is-style-uds-figure\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"142\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/01\/image-3-300x142.png\" alt=\"\" class=\"wp-image-85\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/image-3-300x142.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/image-3-768x364.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/image-3.png 840w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fields\">Fields<\/h2>\n\n\n\n<p>The block provides individual fields for the following pieces of information. <\/p>\n\n\n\n<p class=\"is-style-lead\">Name, URL and Photo tab<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Profile Name<\/strong> &#8211; Displayed exactly as entered. Punctuation allowed.<\/li>\n\n\n\n<li><strong>Profile Image<\/strong> &#8211; Recommended photo size is 600px by 600px. The block will automatically transform your provided image into a circle. <\/li>\n\n\n\n<li><strong>Profile URL<\/strong> &#8211; Intended as a URL pointing back to the ASU Search page for this person.<\/li>\n<\/ul>\n\n\n\n<p class=\"is-style-lead\">Title and Description tab<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong> &#8211; Displayed exactly as entered. Intended for formal job titles like &#8220;Associate Professor&#8221; or &#8220;Principal Investigator&#8221;<\/li>\n\n\n\n<li><strong>Department<\/strong> &#8211; Displayed exactly as entered.<\/li>\n\n\n\n<li><strong>Description<\/strong> &#8211; Displayed as one block of text. Embedded carriage returns omitted from the final output. However, a limited set of HTML tags will be preserved, making it possible to create multiple paragraphs and linked text within this space.<\/li>\n<\/ul>\n\n\n\n<p class=\"is-style-lead\">Contact Details<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Email address<\/strong> &#8211; Provided text will be turned into a <code>mailto:<\/code> link, so be sure to enter the complete email address.<\/li>\n\n\n\n<li><strong>Phone number<\/strong> &#8211; Include any necessary visual formatting including dashes, spaces and parentheses. Transformed into a <code>tel:<\/code> link automatically.<\/li>\n\n\n\n<li><strong>Physical Address<\/strong> &#8211; Embedded carriage returns will be preserved in this field, so use multiple lines for your address if necessary.<\/li>\n<\/ul>\n\n\n\n<p class=\"is-style-lead\">Social Icons<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Input into the block as pairing of an icon provided by Font Awesome and a URL.<\/li>\n\n\n\n<li>The ASU Unity design system requires the use of the <code>brand-square<\/code> variants of most social media sites.<\/li>\n\n\n\n<li>By default, ASU Search provides fields for <a href=\"https:\/\/fontawesome.com\/icons\/square-facebook?s=&amp;f=brands\">Facebook<\/a>, <a href=\"https:\/\/fontawesome.com\/icons\/square-twitter?s=&amp;f=brands\">Twitter<\/a>, <a href=\"https:\/\/fontawesome.com\/icons\/linkedin?s=&amp;f=brands\">Linkedin<\/a> and a <a href=\"https:\/\/fontawesome.com\/icons\/globe?s=solid&amp;f=classic\">personal website<\/a> URL.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"data-source\">Data Source<\/h2>\n\n\n\n<p>All of the data for this block is directly entered into the post and is saved as normal block content within WordPress. <\/p>\n\n\n\n<p>This block is intended to &#8220;mix and match&#8221; with data-driven profile blocks which DO sync their information with the ASU Search appliance. Together, the manual and data-driven profile blocks can form an ad-hoc directory structure suitable for interdisciplinary groups or groups of faculty members and students. <\/p>\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>The data-driven profile block will be delivered to the Pitchfork system of products as an independent plugin called <strong>Pitchfork People<\/strong>. Expected launch date is April 2023.<\/p>\n\n<\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">The manual version of the profile block from the Unity Design system provides an easy way to capture and store the details of an individual person affiliated with your website. Be sure to check out the directory patterns that utilize this block! <\/p>\n","protected":false},"parent":0,"menu_order":7,"template":"","pitchfork-docs-category":[11],"class_list":["post-79","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.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Profile Block (Manual) - 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-manual\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Profile Block (Manual) - Pitchfork Theme for WordPress\" \/>\n<meta property=\"og:description\" content=\"The manual version of the profile block from the Unity Design system provides an easy way to capture and store the details of an individual person affiliated with your website. 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-manual\/\" \/>\n<meta property=\"og:site_name\" content=\"Pitchfork Theme for WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-18T19:36:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1434\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\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=\"3 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-manual\\\/\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-manual\\\/\",\"name\":\"Profile Block (Manual) - Pitchfork Theme for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-manual\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-manual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2023\\\/01\\\/profile-large-1-1024x714.jpg\",\"datePublished\":\"2023-01-25T18:06:27+00:00\",\"dateModified\":\"2023-05-18T19:36:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-manual\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-manual\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-manual\\\/#primaryimage\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2023\\\/01\\\/profile-large-1.jpg\",\"contentUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2023\\\/01\\\/profile-large-1.jpg\",\"width\":1434,\"height\":1000,\"caption\":\"Demo image of the profile-manual block. Block style = large.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/docs\\\/profile-block-manual\\\/#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 (Manual)\"}]},{\"@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 (Manual) - 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-manual\/","og_locale":"en_US","og_type":"article","og_title":"Profile Block (Manual) - Pitchfork Theme for WordPress","og_description":"The manual version of the profile block from the Unity Design system provides an easy way to capture and store the details of an individual person affiliated with your website. Be sure to check out the directory patterns that utilize this block!","og_url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/","og_site_name":"Pitchfork Theme for WordPress","article_modified_time":"2023-05-18T19:36:30+00:00","og_image":[{"width":1434,"height":1000,"url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/","name":"Profile Block (Manual) - Pitchfork Theme for WordPress","isPartOf":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website"},"primaryImageOfPage":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/#primaryimage"},"image":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/#primaryimage"},"thumbnailUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/2\/2023\/01\/profile-large-1-1024x714.jpg","datePublished":"2023-01-25T18:06:27+00:00","dateModified":"2023-05-18T19:36:30+00:00","breadcrumb":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/#primaryimage","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1.jpg","contentUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2023\/01\/profile-large-1.jpg","width":1434,"height":1000,"caption":"Demo image of the profile-manual block. Block style = large."},{"@type":"BreadcrumbList","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/docs\/profile-block-manual\/#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 (Manual)"}]},{"@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\/79","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=79"}],"wp:term":[{"taxonomy":"pitchfork-docs-category","embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/pitchfork-docs-category?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}