{"id":396,"date":"2021-02-10T10:44:56","date_gmt":"2021-02-10T10:44:56","guid":{"rendered":"https:\/\/stable.visual-framework.dev\/wordpress\/?page_id=396"},"modified":"2022-08-04T10:42:39","modified_gmt":"2022-08-04T10:42:39","slug":"summary-block","status":"publish","type":"page","link":"https:\/\/stable.visual-framework.dev\/wordpress\/blocks\/summary-block\/","title":{"rendered":"Summary"},"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>Summaries in the form of text, headlines and often imagery for a range of types of content, including: articles, publications, news and events.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Custom summary<\/h3>\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&nbsp;<em>summary<\/em>&nbsp;and select the respective block.<\/li><li>In the block settings on the right, select&nbsp;<em>Custom<\/em>&nbsp;from the&nbsp;<em>Select type<\/em>&nbsp;dropdown field. Other fields will appear accordingly.<\/li><li><em>Add an image<\/em>, and fill in the&nbsp;<em>Heading<\/em>,&nbsp;<em>Link<\/em>&nbsp;and&nbsp;<em>Text<\/em>&nbsp;fields.<\/li><\/ol>\n\n\n\n<p>To add a&nbsp;<strong>publication summary<\/strong>, select&nbsp;<em>Publication<\/em>&nbsp;from the&nbsp;<em>Select type<\/em>&nbsp;dropdown field. Fill in the fields accordingly.<\/p>\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\/summary-custom.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Article\/event summary:<\/h3>\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&nbsp;<em>summary<\/em>&nbsp;and select the respective block.<\/li><li>In the block settings on the right, select&nbsp;<em>Post<\/em>\/<em>Event<\/em>&nbsp;from the&nbsp;<em>Select type<\/em>&nbsp;dropdown field. A field&nbsp;<em>Post<\/em>\/<em>Event<\/em>&nbsp;will appear below. It contains the titles of all your published blog posts\/events.<\/li><li>Select or search for a post\/event you would like to insert.<\/li><li>If you selected Event, you can also change the summary style in the&nbsp;<em>Style<\/em>&nbsp;field.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Custom publication summary:<\/h3>\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&nbsp;<em>summary<\/em>&nbsp;and select the respective block.<\/li><li>In the block settings on the right, select&nbsp;<em>Publication<\/em>&nbsp;from the&nbsp;<em>Select type<\/em>&nbsp;dropdown field. <\/li><li>Fill in all the respective fields for the publication summary<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Examples:<\/h3>\n\n\n\n<article class=\"vf-summary vf-summary--has-image\">\n  <img decoding=\"async\" width=\"300\" height=\"206\" src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/image-300x206.jpg\" class=\"vf-summary__image\" alt=\"\" style=\"width: 180px; height: auto; border: 1px solid #d0d0ce\" loading=\"lazy\" itemprop=\"image\" srcset=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/image-300x206.jpg 300w, https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/image.jpg 620w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>  <h3 class=\"vf-summary__title\">\n          <a href=\"#\" class=\"vf-summary__link\" target=\"\">\n    \n    Example\n    <\/a>\n    <\/h3>\n\n  <p class=\"vf-summary__text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fermentum, elit lobortis finibus suscipit, orci nibh semper nulla, sed mollis libero leo eget metus.<\/p>\n<\/article>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<article class=\"vf-summary vf-summary--publication\">\n    <h3 class=\"vf-summary__title\">\n        <a href=\"#\" class=\"vf-summary__link\">\n        Publication title    <\/a>\n    <\/h3>\n    <p class=\"vf-summary__author\">\n      Author 1, Author 2 , Author 3    <\/p>\n    <p class=\"vf-summary__source\">\n    www.source.example        <span class=\"vf-summary__date\">2021<\/span>\n    <\/p>\n\n    <p class=\"vf-summary__text\">\n    DOI here    <\/p>\n<\/article>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\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-summary\/\">\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\/396"}],"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=396"}],"version-history":[{"count":6,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/396\/revisions"}],"predecessor-version":[{"id":402,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/396\/revisions\/402"}],"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=396"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/embl_taxonomy?post=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}