{"id":1785,"date":"2018-11-03T13:20:00","date_gmt":"2018-11-03T13:20:00","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1747"},"modified":"2018-11-03T13:20:00","modified_gmt":"2018-11-03T13:20:00","slug":"block-button","status":"publish","type":"post","link":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/","title":{"rendered":"Block: Button"},"content":{"rendered":"<div class=\"nlogic-hero alignfull with-pattern-cubes is-style-light wp-block-nlogic-hero\">\n\t\t\t<div class=\"hero-content container\">\n\t\t\t\t<svg width=\"1221\" height=\"502\" viewBox=\"0 0 1221 502\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g opacity=\"0.5\">\n<path d=\"M853.402 388.289L733.648 320.16V183.903\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M613.469 388.711L733.646 320.159V183.901\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M724.966 185.046C730.337 181.944 736.955 181.944 742.327 185.046L847.051 245.508C852.422 248.609 855.731 254.341 855.731 260.543V381.468C855.731 387.671 852.422 393.402 847.051 396.503L742.327 456.966C736.955 460.067 730.337 460.067 724.966 456.966L620.242 396.503C614.87 393.402 611.561 387.671 611.561 381.468L611.561 260.543C611.561 254.341 614.87 248.609 620.242 245.508L724.966 185.046Z\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M853.293 252.031L736.045 320.391C734.493 321.296 733.539 322.958 733.539 324.754V458.957\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M613.363 252.666L733.648 321.853\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M1095.16 243.27L975.402 175.141V38.883\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M855.223 243.691L975.4 175.139V38.8817\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M966.724 40.0279C972.095 36.9267 978.713 36.9267 984.084 40.0279L1088.81 100.491C1094.18 103.592 1097.49 109.323 1097.49 115.525V236.451C1097.49 242.653 1094.18 248.384 1088.81 251.485L984.084 311.948C978.713 315.049 972.095 315.049 966.724 311.948L861.999 251.485C856.628 248.384 853.319 242.653 853.319 236.451L853.319 115.525C853.319 109.323 856.628 103.592 862 100.491L966.724 40.0279Z\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M1095.05 107.016L977.799 175.376C976.247 176.281 975.292 177.942 975.292 179.739V313.941\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M855.117 107.641L975.402 176.827\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M1097.7 105.504L1211.26 171.069C1216.73 174.227 1220.1 180.062 1220.1 186.377V307.302C1220.1 313.617 1216.73 319.452 1211.26 322.61L1106.54 383.073C1101.07 386.23 1094.33 386.23 1088.86 383.073L975.301 317.507\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M122.458 252.602L9.76606 316.246C4.2152 319.381 0.782472 325.262 0.782472 331.637V448.439C0.782472 454.814 4.2152 460.695 9.76607 463.83L113.765 522.565C119.16 525.611 125.755 525.611 131.15 522.565L244.133 458.756\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M852.863 234.322L852.864 115.269C852.864 109.011 849.555 103.22 844.165 100.042L741.962 39.7941C736.423 36.529 729.548 36.529 724.009 39.7941L621.807 100.042C616.416 103.22 613.107 109.011 613.107 115.269L613.107 246.506\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M608.391 529.625L488.636 461.496V325.238\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M368.457 530.047L488.635 461.495V325.237\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M479.954 326.381C485.326 323.28 491.944 323.28 497.315 326.381L602.039 386.844C607.411 389.945 610.72 395.676 610.72 401.879V522.804C610.72 529.006 607.411 534.738 602.039 537.839L497.315 598.302C491.944 601.403 485.326 601.403 479.954 598.302L375.23 537.839C369.859 534.738 366.55 529.006 366.55 522.804L366.55 401.879C366.55 395.676 369.859 389.945 375.23 386.844L479.954 326.381Z\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M608.281 393.367L491.033 461.727C489.481 462.632 488.527 464.294 488.527 466.09V600.293\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M368.352 394.002L488.636 463.189\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M363.383 388.289L243.628 320.16V183.903\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M123.449 388.711L243.627 320.159V183.901\" stroke=\"#111111\" stroke-width=\"0.505025\" stroke-dasharray=\"6.06 6.06\"\/>\n<path d=\"M234.946 185.046C240.318 181.944 246.936 181.944 252.307 185.046L357.031 245.508C362.403 248.609 365.712 254.341 365.712 260.543V381.468C365.712 387.671 362.403 393.402 357.031 396.503L252.307 456.966C246.936 460.067 240.318 460.067 234.946 456.966L130.222 396.503C124.851 393.402 121.542 387.671 121.542 381.468L121.542 260.543C121.542 254.341 124.851 248.609 130.222 245.508L234.946 185.046Z\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M363.273 252.031L246.026 320.391C244.473 321.296 243.519 322.958 243.519 324.754V458.957\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<path d=\"M123.344 252.666L243.628 321.853\" stroke=\"#111111\" stroke-width=\"0.630441\"\/>\n<\/g>\n<\/svg>\n\n\t\t\t\t<h1>Block: Button<\/h1>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n<p>Button blocks are not semantically <em>buttons<\/em>, but links inside a styled div.&nbsp;<\/p>\n\n\n\n<p style=\"text-align:left\">If you do not add a link, a link tag without an anchor will be used.<\/p>\n\n\n\n<div class=\"wp-block-button alignleft\"><a class=\"wp-block-button__link\">Left aligned<br><\/a><\/div>\n\n\n\n<p>Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long.<\/p>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\">A centered button with <br>more than <br>one line of text<\/a><\/div>\n\n\n\n<p>Buttons have three styles:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Rounded<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link\">Outline<br><\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link\">Square<br><\/a><\/div>\n\n\n\n<p>If the theme has a custom color palette, test that background color and text color settings work correctly.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#block-color-palette\">Read more about the color palettes in the handbook.<\/a><\/div>\n\n\n\n<p>Now lets test how buttons display together with large texts.<\/p>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. <\/p>\n\n\n\n<div class=\"wp-block-button alignright\"><a class=\"wp-block-button__link\">Right aligned<br><\/a><\/div>\n\n\n\n<p>Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna. <\/p>\n\n\n\n<div class=\"wp-block-button alignleft\"><a class=\"wp-block-button__link\">Left aligned<br><\/a><\/div>\n\n\n\n<p>Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Button blocks are not semantically buttons, but links inside a styled div.&nbsp; If you do not add a link, a [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"dk_card_image_id":0,"display_contact_person_section":false,"person_post_id":0,"person_post_title":"","person_cta_url":"","person_cta_label":"","exclude_from_listing":0,"footnotes":""},"categories":[10],"class_list":["post-1785","post","type-post","status-publish","format-standard","hentry","category-block"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Block: Button - nLogic English<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Block: Button - nLogic English\" \/>\n<meta property=\"og:description\" content=\"Button blocks are not semantically buttons, but links inside a styled div.&nbsp; If you do not add a link, a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/\" \/>\n<meta property=\"og:site_name\" content=\"nLogic English\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-03T13:20:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Block: Button\",\"datePublished\":\"2018-11-03T13:20:00+00:00\",\"dateModified\":\"2018-11-03T13:20:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/\"},\"wordCount\":222,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/#organization\"},\"keywords\":[\"content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf\"],\"articleSection\":[\"Block\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/\",\"url\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/\",\"name\":\"Block: Button - nLogic English\",\"isPartOf\":{\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/#website\"},\"datePublished\":\"2018-11-03T13:20:00+00:00\",\"dateModified\":\"2018-11-03T13:20:00+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/#website\",\"url\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/\",\"name\":\"nLogic English\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/#organization\",\"name\":\"nLogic English\",\"url\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nlogic.dev07.dekodes.no\/content\/uploads\/sites\/5\/2023\/05\/nlogic-logo.svg\",\"contentUrl\":\"https:\/\/nlogic.dev07.dekodes.no\/content\/uploads\/sites\/5\/2023\/05\/nlogic-logo.svg\",\"caption\":\"nLogic English\"},\"image\":{\"@id\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block: Button - nLogic English","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/","og_locale":"en_US","og_type":"article","og_title":"Block: Button - nLogic English","og_description":"Button blocks are not semantically buttons, but links inside a styled div.&nbsp; If you do not add a link, a [&hellip;]","og_url":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/","og_site_name":"nLogic English","article_published_time":"2018-11-03T13:20:00+00:00","twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/#article","isPartOf":{"@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/"},"author":{"name":"","@id":""},"headline":"Block: Button","datePublished":"2018-11-03T13:20:00+00:00","dateModified":"2018-11-03T13:20:00+00:00","mainEntityOfPage":{"@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/"},"wordCount":222,"commentCount":0,"publisher":{"@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/#organization"},"keywords":["content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf"],"articleSection":["Block"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/","url":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/","name":"Block: Button - nLogic English","isPartOf":{"@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/#website"},"datePublished":"2018-11-03T13:20:00+00:00","dateModified":"2018-11-03T13:20:00+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/block-button\/"]}]},{"@type":"WebSite","@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/#website","url":"https:\/\/nlogic.dev07.dekodes.no\/eng\/","name":"nLogic English","description":"","publisher":{"@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nlogic.dev07.dekodes.no\/eng\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/#organization","name":"nLogic English","url":"https:\/\/nlogic.dev07.dekodes.no\/eng\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/#\/schema\/logo\/image\/","url":"https:\/\/nlogic.dev07.dekodes.no\/content\/uploads\/sites\/5\/2023\/05\/nlogic-logo.svg","contentUrl":"https:\/\/nlogic.dev07.dekodes.no\/content\/uploads\/sites\/5\/2023\/05\/nlogic-logo.svg","caption":"nLogic English"},"image":{"@id":"https:\/\/nlogic.dev07.dekodes.no\/eng\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"","url":"https:\/\/nlogic.dev07.dekodes.no\/eng\/nyeter\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/posts\/1785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/comments?post=1785"}],"version-history":[{"count":0,"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/posts\/1785\/revisions"}],"wp:attachment":[{"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/media?parent=1785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nlogic.dev07.dekodes.no\/eng\/wp-json\/wp\/v2\/categories?post=1785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}