{"id":8,"date":"2020-07-09T14:41:52","date_gmt":"2020-07-09T12:41:52","guid":{"rendered":""},"modified":"2020-11-02T21:15:43","modified_gmt":"2020-11-02T20:15:43","slug":"banner","status":"publish","type":"teft-wiki","link":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/","title":{"rendered":"Banner"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is the H\u00f8yre banner block. This block is used to create a visual and eye-catching navigation element to another page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The block has a title, a text and one or more buttons. These fields can be moved and removed, and the list-block can be added in addition. These follow the general options for those fields. It also has an optional, but recommended, image field with a focus picker.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The block comes in three different sizes (Wide, narrow and aligned).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The block also comes in three different styles: dark, light and blue.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is possible to add a banner Icon to the heading. This is done in the right menu by choosing one of the alternatives under the &laquo;Choose banner icon&raquo;. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples<\/h2>\n\n\n\n<div class=\"wp-block-hoyre-banner alignwide undefined\"><div class=\"banner-inner\"><figure class=\"hoyre-image-wrapper\"><div class=\"hoyre-image\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png\" class=\"attachment-scaled size-scaled\" alt=\"\" style=\"object-position: 61% 32%\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png 520w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-300x300.png 300w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-150x150.png 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/div><\/figure><div class=\"banner-content\"><div class=\"entry-content\">\n<h2 class=\"wp-block-heading\">Ingen skal g\u00e5 ut p\u00e5 dato i norsk arbeidsliv<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Den siste tiden har vist oss hvor s\u00e5rbare vi er i m\u00f8te med store endringer. Les mer om vad vi mener om arbeidstiltak runt covid-19.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Les mer<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-hoyre-banner alignwide undefined  is-style-light\"><div class=\"banner-inner\"><figure class=\"hoyre-image-wrapper\"><div class=\"hoyre-image\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png\" class=\"attachment-scaled size-scaled\" alt=\"\" style=\"object-position: 61% 32%\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png 520w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-300x300.png 300w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-150x150.png 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/div><\/figure><div class=\"banner-content\"><div class=\"entry-content\">\n<h2 class=\"wp-block-heading\">Ingen skal g\u00e5 ut p\u00e5 dato i norsk arbeidsliv<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Den siste tiden har vist oss hvor s\u00e5rbare vi er i m\u00f8te med store endringer. Les mer om vad vi mener om arbeidstiltak runt covid-19.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>En liste<\/li><li>Med flere<\/li><li>Punkter<\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Les mer<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-hoyre-banner alignwide undefined has-icon-title icon-arm is-style-blue\"><div class=\"banner-inner\"><figure class=\"hoyre-image-wrapper\"><div class=\"hoyre-image\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png\" class=\"attachment-scaled size-scaled\" alt=\"\" style=\"object-position: 61% 32%\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png 520w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-300x300.png 300w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-150x150.png 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/div><\/figure><div class=\"banner-content\"><div class=\"entry-content\">\n<h2 class=\"wp-block-heading\">Ingen skal g\u00e5 ut p\u00e5 dato i norsk arbeidsliv<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-style-list is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Les mer<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Flera linkar<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">i en liste<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-hoyre-banner undefined\"><div class=\"banner-inner\"><figure class=\"hoyre-image-wrapper\"><div class=\"hoyre-image\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png\" class=\"attachment-scaled size-scaled\" alt=\"\" style=\"object-position: 48% 18%\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png 520w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-300x300.png 300w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-150x150.png 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/div><\/figure><div class=\"banner-content\"><div class=\"entry-content\">\n<h2 class=\"wp-block-heading\">Ingen skal g\u00e5 ut p\u00e5 dato i norsk arbeidsliv<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Den siste tiden har vist oss hvor s\u00e5rbare vi er i m\u00f8te med store endringer. Les mer om vad vi mener om arbeidstiltak runt covid-19.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Les mer<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-hoyre-banner alignright undefined\"><div class=\"banner-inner\"><figure class=\"hoyre-image-wrapper\"><div class=\"hoyre-image\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"520\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png\" class=\"attachment-scaled size-scaled\" alt=\"\" style=\"object-position: 52% 23%\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1.png 520w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-300x300.png 300w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/Bilde-03.07-1-150x150.png 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/div><\/figure><div class=\"banner-content\"><div class=\"entry-content\">\n<h2 class=\"wp-block-heading\">Ingen skal g\u00e5 ut p\u00e5 dato i norsk arbeidsliv<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les mer om vad vi mener om arbeidstiltak runt covid-19.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Les mer<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt nibh sapien, nullam integer proin velit et. Mattis montes, ante viverra diam auctor amet, imperdiet aliquam. Vitae justo ac nullam vitae. Tellus pellentesque placerat volutpat scelerisque.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accumsan, arcu amet cursus magnis risus. Volutpat mattis nibh et aliquam. Sagittis duis nullam sagittis tincidunt ut non integer odio tempus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sit habitasse morbi eget metus vitae ultricies rhoncus. Euismod netus in integer metus mattis. Tellus dui at lectus tellus lorem suscipit vitae. Pulvinar condimentum commodo<\/p>\n","protected":false},"parent":0,"menu_order":0,"template":"","meta":{"teft_cards_image_url":"","teft_cards_custom_pretitle":"","teft_cards_image_id":0,"teft_cards_image_focal_point_x":0,"teft_cards_image_focal_point_y":0,"teft_cards_title":"","teft_cards_excerpt":"","teft_show_chapters":false,"footnotes":""},"teft-wiki-topic":[2],"teft-wiki-audience":[],"class_list":["post-8","teft-wiki","type-teft-wiki","status-publish","hentry","teft-wiki-topic-block"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Banner - Dokumentasjon<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"nb_NO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Banner - Dokumentasjon\" \/>\n<meta property=\"og:description\" content=\"This is the H\u00f8yre banner block. This block is used to create a visual and eye-catching navigation element to another [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/\" \/>\n<meta property=\"og:site_name\" content=\"Dokumentasjon\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-02T20:15:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ansl. lesetid\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/banner\\\/\",\"url\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/banner\\\/\",\"name\":\"Banner - Dokumentasjon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#website\"},\"datePublished\":\"2020-07-09T12:41:52+00:00\",\"dateModified\":\"2020-11-02T20:15:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/banner\\\/#breadcrumb\"},\"inLanguage\":\"nb-NO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/banner\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/banner\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Til hoyre.no\",\"item\":\"https:\\\/\\\/hoyre.no\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Blocks\",\"item\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki-topic\\\/block\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Banner\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#website\",\"url\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/\",\"name\":\"Dokumentasjon\",\"description\":\"Bare enda et H\u00f8yres nettsteder-nettsted\",\"publisher\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#organization\"},\"inLanguage\":\"nb-NO\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#organization\",\"name\":\"Dokumentasjon\",\"url\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hoyre.no\\\/content\\\/uploads\\\/sites\\\/2\\\/2020\\\/07\\\/dokumentasjon-logo.svg\",\"contentUrl\":\"https:\\\/\\\/hoyre.no\\\/content\\\/uploads\\\/sites\\\/2\\\/2020\\\/07\\\/dokumentasjon-logo.svg\",\"width\":821,\"height\":216,\"caption\":\"Dokumentasjon\"},\"image\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Banner - Dokumentasjon","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"nb_NO","og_type":"article","og_title":"Banner - Dokumentasjon","og_description":"This is the H\u00f8yre banner block. This block is used to create a visual and eye-catching navigation element to another [&hellip;]","og_url":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/","og_site_name":"Dokumentasjon","article_modified_time":"2020-11-02T20:15:43+00:00","twitter_card":"summary_large_image","twitter_misc":{"Ansl. lesetid":"2 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/","url":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/","name":"Banner - Dokumentasjon","isPartOf":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#website"},"datePublished":"2020-07-09T12:41:52+00:00","dateModified":"2020-11-02T20:15:43+00:00","breadcrumb":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/#breadcrumb"},"inLanguage":"nb-NO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/banner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Til hoyre.no","item":"https:\/\/hoyre.no"},{"@type":"ListItem","position":2,"name":"Home","item":"https:\/\/hoyre.no\/dokumentasjon\/"},{"@type":"ListItem","position":3,"name":"Blocks","item":"https:\/\/hoyre.no\/dokumentasjon\/wiki-topic\/block\/"},{"@type":"ListItem","position":4,"name":"Banner"}]},{"@type":"WebSite","@id":"https:\/\/hoyre.no\/dokumentasjon\/#website","url":"https:\/\/hoyre.no\/dokumentasjon\/","name":"Dokumentasjon","description":"Bare enda et H\u00f8yres nettsteder-nettsted","publisher":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#organization"},"inLanguage":"nb-NO"},{"@type":"Organization","@id":"https:\/\/hoyre.no\/dokumentasjon\/#organization","name":"Dokumentasjon","url":"https:\/\/hoyre.no\/dokumentasjon\/","logo":{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/","url":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg","contentUrl":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg","width":821,"height":216,"caption":"Dokumentasjon"},"image":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/"}}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Dokumentasjon","distributor_original_site_url":"https:\/\/hoyre.no\/dokumentasjon","push-errors":false,"_links":{"self":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki"}],"about":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/types\/teft-wiki"}],"version-history":[{"count":10,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/8\/revisions"}],"predecessor-version":[{"id":311,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/8\/revisions\/311"}],"wp:attachment":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"teft-wiki-topic","embeddable":true,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki-topic?post=8"},{"taxonomy":"teft-wiki-audience","embeddable":true,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki-audience?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}