{"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:\/\/wpgirlie.com\/sub\/block-button\/","title":{"rendered":"Block: Button"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Button blocks are not semantically <em>buttons<\/em>, but links inside a styled div.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Now lets test how buttons display together with large texts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 link tag without an anchor will be used. 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. Buttons have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[193],"class_list":["post-1785","post","type-post","status-publish","format-standard","hentry","category-block","tag-content"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Block: Button - WPGirlie Sub Install<\/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=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Block: Button - WPGirlie Sub Install\" \/>\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 link tag without an anchor will be used. 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. Buttons have [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpgirlie.com\/sub\/block-button\/\" \/>\n<meta property=\"og:site_name\" content=\"WPGirlie Sub Install\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-03T13:20:00+00:00\" \/>\n<meta name=\"author\" content=\"sheldenmill\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sheldenmill\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/wpgirlie.com\/sub\/block-button\/\",\"url\":\"https:\/\/wpgirlie.com\/sub\/block-button\/\",\"name\":\"Block: Button - WPGirlie Sub Install\",\"isPartOf\":{\"@id\":\"https:\/\/wpgirlie.com\/sub\/#website\"},\"datePublished\":\"2018-11-03T13:20:00+00:00\",\"dateModified\":\"2018-11-03T13:20:00+00:00\",\"author\":{\"@id\":\"https:\/\/wpgirlie.com\/sub\/#\/schema\/person\/c87eda39c9fcc00d947c4ff26a165f02\"},\"breadcrumb\":{\"@id\":\"https:\/\/wpgirlie.com\/sub\/block-button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpgirlie.com\/sub\/block-button\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpgirlie.com\/sub\/block-button\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpgirlie.com\/sub\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Block: Button\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpgirlie.com\/sub\/#website\",\"url\":\"https:\/\/wpgirlie.com\/sub\/\",\"name\":\"WPGirlie Sub Install\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpgirlie.com\/sub\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpgirlie.com\/sub\/#\/schema\/person\/c87eda39c9fcc00d947c4ff26a165f02\",\"name\":\"sheldenmill\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpgirlie.com\/sub\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d1c32ae78a550a4fbae66607f4105f96d4d7a1d010712baef0bdcdec7a37133a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d1c32ae78a550a4fbae66607f4105f96d4d7a1d010712baef0bdcdec7a37133a?s=96&d=mm&r=g\",\"caption\":\"sheldenmill\"},\"sameAs\":[\"https:\/\/wpgirlie.com\/sub\"],\"url\":\"https:\/\/wpgirlie.com\/sub\/author\/sheldenmill\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block: Button - WPGirlie Sub Install","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":"en_US","og_type":"article","og_title":"Block: Button - WPGirlie Sub Install","og_description":"Button blocks are not semantically buttons, but links inside a styled div.&nbsp; If you do not add a link, a link tag without an anchor will be used. 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. Buttons have [&hellip;]","og_url":"https:\/\/wpgirlie.com\/sub\/block-button\/","og_site_name":"WPGirlie Sub Install","article_published_time":"2018-11-03T13:20:00+00:00","author":"sheldenmill","twitter_card":"summary_large_image","twitter_misc":{"Written by":"sheldenmill","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpgirlie.com\/sub\/block-button\/","url":"https:\/\/wpgirlie.com\/sub\/block-button\/","name":"Block: Button - WPGirlie Sub Install","isPartOf":{"@id":"https:\/\/wpgirlie.com\/sub\/#website"},"datePublished":"2018-11-03T13:20:00+00:00","dateModified":"2018-11-03T13:20:00+00:00","author":{"@id":"https:\/\/wpgirlie.com\/sub\/#\/schema\/person\/c87eda39c9fcc00d947c4ff26a165f02"},"breadcrumb":{"@id":"https:\/\/wpgirlie.com\/sub\/block-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpgirlie.com\/sub\/block-button\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpgirlie.com\/sub\/block-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpgirlie.com\/sub\/"},{"@type":"ListItem","position":2,"name":"Block: Button"}]},{"@type":"WebSite","@id":"https:\/\/wpgirlie.com\/sub\/#website","url":"https:\/\/wpgirlie.com\/sub\/","name":"WPGirlie Sub Install","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpgirlie.com\/sub\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpgirlie.com\/sub\/#\/schema\/person\/c87eda39c9fcc00d947c4ff26a165f02","name":"sheldenmill","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpgirlie.com\/sub\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d1c32ae78a550a4fbae66607f4105f96d4d7a1d010712baef0bdcdec7a37133a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d1c32ae78a550a4fbae66607f4105f96d4d7a1d010712baef0bdcdec7a37133a?s=96&d=mm&r=g","caption":"sheldenmill"},"sameAs":["https:\/\/wpgirlie.com\/sub"],"url":"https:\/\/wpgirlie.com\/sub\/author\/sheldenmill\/"}]}},"_links":{"self":[{"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/posts\/1785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/comments?post=1785"}],"version-history":[{"count":0,"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/posts\/1785\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/media?parent=1785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/categories?post=1785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpgirlie.com\/sub\/wp-json\/wp\/v2\/tags?post=1785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}