{"id":388,"date":"2021-02-10T10:02:57","date_gmt":"2021-02-10T10:02:57","guid":{"rendered":"https:\/\/stable.visual-framework.dev\/wordpress\/?page_id=388"},"modified":"2026-10-21T10:03:51","modified_gmt":"2026-10-21T10:03:51","slug":"person-block","status":"publish","type":"page","link":"https:\/\/stable.visual-framework.dev\/wordpress\/blocks\/person-block\/","title":{"rendered":"Person"},"content":{"rendered":"\n<div class=\"vf-grid | vf-grid__col-3\"><div class=\"vf-grid__col--span-2\"><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<p class=\"wp-block-paragraph\">The Person component is to be used for adding profiles of EMBL staff members.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In WordPress editor click on a + icon to add a new block.<\/li>\n\n\n\n<li>In the search field, start typing&nbsp;<em>person<\/em>&nbsp;and select the respective block.<\/li>\n\n\n\n<li>In the block settings on the right, select whether you want to search for a person by&nbsp;<em>Full Name<\/em>&nbsp;or&nbsp;<em>EMBL CPID.<\/em>&nbsp;In this tutorial, we will search for a person by&nbsp;<em>Full Name<\/em>.<\/li>\n\n\n\n<li>Provide a name under the&nbsp;<em>Full name<\/em>&nbsp;field, please add &#8220;firstname lastname&#8221; so it will match the exact person name.<\/li>\n\n\n\n<li>To remove some of the information like Phone or Email address, check the respective boxes.<\/li>\n\n\n\n<li>Select a profile design variation from the dropdown field.<\/li>\n<\/ol>\n\n\n\n<figure class=\"vf-figure wp-block-video\"><video style=\"max-width: 100%;\" height=\"690\" style=\"aspect-ratio: 1606 \/ 690;\" width=\"1606\" controls src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/person.mp4\"><\/video><\/figure>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n<div class=\"vf-content-hub-html\" data-cache=\"2869fc52\">\n    \n  <!-- Generated by: http:\/\/content.embl.org\/api\/v1\/pattern.html?filter-content-type=person&amp;filter-field-contains%5Bfield_person_full_name%5D=Spilios%20Vasilopoulos&amp;filter-fields-empty=field_person_visible_internally&amp;filter-ref-entity%5Bfield_person_positions%5D%5Btitle%5D=&amp;filter-ref-entity%5Bfield_person_positions%5D%5Bfield_position_primary%5D=1&amp;hide%5B0%5D=1&amp;limit=1&amp;pattern=vf-profile-block -->\n\n          \n    <article class=\"vf-profile vf-profile--very-easy vf-profile--medium vf-profile--block\" data-embl-js-conditional-edit=\"77264\">\n\n              <img decoding=\"async\" class=\"vf-profile__image\" src=\"http:\/\/content.embl.org\/\/sites\/default\/files\/styles\/medium\/public\/persons\/CP-60020287.jpg?itok=Z1z4ZqbZ\" alt=\"image of Spilios Vasilopoulos\" \/>\n      \n              <h3 class=\"vf-profile__title\">\n                      <a href=\"https:\/\/www.embl.org\/people\/person\/spilios-vasilopoulos\" class=\"vf-profile__link\">Spilios Vasilopoulos<\/a>\n                  <\/h3>\n      \n              <p class=\"vf-profile__job-title\">Digital Production Manager<\/p>\n      \n      \n      \n            \n            \n      \n      <a class=\"vf-text vf-text--body-r vf-link embl-conditional-edit\" rel=\"noopener noreferrer nofollow\" href=\"\/node\/77264\" target=\"_blank\">\n        Edit\n      <\/a>\n    <\/article>\n  <\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<div class=\"vf-links vf-links__list--has-image\">\n    <ul class=\"vf-links__list vf-list\">\n    <li class=\"vf-list__item\">\n          <a class=\"vf-list__link\" href=\"https:\/\/stable.visual-framework.dev\/components\/vf-profile\/\">\n        <img decoding=\"async\" width=\"85\" height=\"61\" src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-09-at-22.18.00.png\" class=\"vf-list__image\" alt=\"\" loading=\"lazy\" itemprop=\"image\" \/>Learn more about this component      <\/a>\n      <\/li>\n  <\/ul>\n\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":50,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-title-left-aligned.php","meta":{"_acf_changed":false,"footnotes":""},"embl_taxonomy":[],"class_list":["post-388","page","type-page","status-publish","hentry"],"acf":[],"embl_taxonomy_terms":[],"_links":{"self":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/comments?post=388"}],"version-history":[{"count":5,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/388\/revisions"}],"predecessor-version":[{"id":1671,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/388\/revisions\/1671"}],"up":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/50"}],"wp:attachment":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/media?parent=388"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/embl_taxonomy?post=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}