{"id":384,"date":"2021-02-10T10:00:45","date_gmt":"2021-02-10T10:00:45","guid":{"rendered":"https:\/\/stable.visual-framework.dev\/wordpress\/?page_id=384"},"modified":"2022-08-04T10:42:12","modified_gmt":"2022-08-04T10:42:12","slug":"profile-block","status":"publish","type":"page","link":"https:\/\/stable.visual-framework.dev\/wordpress\/blocks\/profile-block\/","title":{"rendered":"Profile"},"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>The profile component is to be used for creating custom profiles like event speakers. For EMBL staff please use the Person block.\u00a0<\/p>\n\n\n\n<ol><li>In WordPress editor click on a + icon to add a new block.<\/li><li>In the search field, start typing\u00a0<em>intro<\/em>\u00a0and select the respective block.<\/li><li><em>Add an image<\/em>\u00a0in the block settings on the right. You can pick an image from the Media library or drag and drop a file from your desktop.<\/li><li>Provide a name under the\u00a0<em>Full name<\/em>\u00a0field.<\/li><li>To add text line below the name, click on the\u00a0<em>Add new line<\/em>\u00a0button (you can add up to three lines).<\/li><li>If needed, add a\u00a0<em>profile link<\/em>,\u00a0<em>phone<\/em>\u00a0and\u00a0<em>email address<\/em>\u00a0by toggling on respective fields.<\/li><li>Select the\u00a0<em>Inline<\/em>\u00a0or\u00a0<em>Block<\/em>\u00a0variant and change the profile image\u00a0<em>size<\/em>.<\/li><\/ol>\n\n\n\n<figure class=\"vf-figure wp-block-video\"><video style=\"max-width: 100%;\" controls src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/profile.mp4\"><\/video><\/figure>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n    <article class=\"vf-profile vf-profile--very-easy vf-profile--medium vf-profile--block | vf-u-margin__bottom--400\">\n\n\n    <img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/brian-griffin-300x300.jpeg\" class=\"vf-profile__image\" alt=\"\" loading=\"lazy\" itemprop=\"image\" srcset=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/brian-griffin-300x300.jpeg 300w, https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/brian-griffin-150x150.jpeg 150w, https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/brian-griffin.jpeg 500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n        <h3 class=\"vf-profile__title\"\n           style=\"text-align: center;\"\n    >\n        Brian Griffin    <\/h3>\n        \n          <p class=\"vf-profile__text\"\n             style=\"text-align: center;\"\n              >\n       Quahog<\/p>\n          <p class=\"vf-profile__text\"\n             style=\"text-align: center;\"\n              >\n       This is an example<\/p>\n        \n        <p class=\"vf-profile__email | vf-u-last-item \">\n        <a href=\"mailto:brian@griffin.com\" class=\"vf-profile__link vf-profile__link--secondary\">brian@griffin.com<\/a>\n    <\/p>\n      \n\n    \n<\/article>\n\n\n\n<p><\/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<\/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":[],"acf":[],"embl_taxonomy_terms":[],"_links":{"self":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/384"}],"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=384"}],"version-history":[{"count":2,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/384\/revisions\/387"}],"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=384"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/embl_taxonomy?post=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}