{"id":393,"date":"2021-02-10T10:31:40","date_gmt":"2021-02-10T10:31:40","guid":{"rendered":"https:\/\/stable.visual-framework.dev\/wordpress\/?page_id=393"},"modified":"2022-08-04T10:42:39","modified_gmt":"2022-08-04T10:42:39","slug":"section-header-block","status":"publish","type":"page","link":"https:\/\/stable.visual-framework.dev\/wordpress\/blocks\/section-header-block\/","title":{"rendered":"Section header"},"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\">For use in labeling a section of content, often containers.\u00a0<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Please note that the Section Header component is usually placed in the first column of\u00a0<a href=\"https:\/\/wwwdev.embl.org\/guidelines\/design\/page\/wordpress\/embl-grid\/\">EMBL Grid<\/a>.<\/li><li>In WordPress editor click on a + icon to add a new block.<\/li><li>In the search field, start typing\u00a0<em>section header<\/em>\u00a0and select the respective block.<\/li><li>Select the type from a dropdown menu in the block settings. The other fields will appear accordingly.<\/li><li>When necessary, fill in the fields by adding the\u00a0<em>Heading<\/em>,Subheading,\u00a0<em>Text<\/em>, U<em>RL<\/em>\u00a0or\u00a0<em>Anchor Link<\/em>.<\/li><\/ol>\n\n\n\n<figure class=\"vf-figure wp-block-video\"><video style=\"max-width: 100%;\" height=\"744\" style=\"aspect-ratio: 1592 \/ 744;\" width=\"1592\" controls src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/section-header.mp4\"><\/video><\/figure>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n      >\n      \n          <a class=\"vf-section-header__heading vf-section-header__heading--is-link\"\n                  target=\"_self\"\n         href=\"\">\n        Example        <svg aria-hidden=\"true\" class=\"vf-section-header__icon | vf-icon vf-icon-arrow--inline-end\" width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0C5.376.008.008 5.376 0 12zm13.707-5.209l4.5 4.5a1 1 0 010 1.414l-4.5 4.5a1 1 0 01-1.414-1.414l2.366-2.367a.25.25 0 00-.177-.424H6a1 1 0 010-2h8.482a.25.25 0 00.177-.427l-2.366-2.368a1 1 0 011.414-1.414z\" fill=\"\" fill-rule=\"nonzero\"><\/path>\n        <\/svg>\n      <\/a>\n      <\/h2>\n\n      <p class=\"vf-section-header__subheading\">Subheading<\/p>\n  \n      <p class=\"vf-section-header__text\">Text<\/p>\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-section-header\/\">\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-393","page","type-page","status-publish","hentry"],"acf":[],"embl_taxonomy_terms":[],"_links":{"self":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/393","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=393"}],"version-history":[{"count":2,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/393\/revisions\/395"}],"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=393"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/embl_taxonomy?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}