{"id":224,"date":"2019-03-20T23:35:02","date_gmt":"2019-03-20T23:35:02","guid":{"rendered":"http:\/\/dinosaurstew.com\/demo\/beaudry\/?page_id=224"},"modified":"2019-03-20T23:35:04","modified_gmt":"2019-03-20T23:35:04","slug":"gutenberg-elements","status":"publish","type":"page","link":"http:\/\/dinosaurstew.com\/demo\/beaudry\/gutenberg-elements\/","title":{"rendered":"Gutenberg Elements"},"content":{"rendered":"\n<p>WordPress 5.0 was recently released, and with it came the new Gutenberg editor! The Gutenberg editor changes the way you create your content. Instead of a simple word processor editor, you&#8217;ll now use blocks to create your posts and pages. <\/p>\n\n\n\n<p>Gutenberg also introduces lots of new elements. The latest version of the Beaudry theme supports the following new Gutenberg elements:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Full-Width Images:<\/h3>\n\n\n\n<figure class=\"wp-block-image alignfull\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" data-attachment-id=\"230\" data-permalink=\"http:\/\/dinosaurstew.com\/demo\/beaudry\/gutenberg-elements\/april-in-paris-1024x585\/\" data-orig-file=\"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585.jpg\" data-orig-size=\"1024,585\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"april-in-paris-1024&amp;#215;585\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585-300x171.jpg\" data-large-file=\"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585-1024x585.jpg\" src=\"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585-1024x585.jpg\" alt=\"\" class=\"wp-image-230\" srcset=\"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585.jpg 1024w, http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585-300x171.jpg 300w, http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585-768x439.jpg 768w, http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2019\/03\/april-in-paris-1024x585-600x343.jpg 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Quotes<\/h3>\n\n\n\n<p>Gutenberg allows you to add in different styled quotes. You can change the background color and font color to anything you like!<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>At the end of the day, if I can say I had fun, it was a good day. <br><\/p><cite>Simone biles<br><\/cite><\/blockquote><\/figure>\n\n\n\n<figure class=\"wp-block-pullquote alignwide is-style-solid-color\" style=\"background-color:#000000\"><blockquote class=\"has-text-color\" style=\"color:#ffffff\"><p>No matter what race or color you are, you can aspire to do something great. <br><\/p><cite>Laurie Hernandez<\/cite><\/blockquote><\/figure>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Buttons<\/h3>\n\n\n\n<p>You can use the CTA style button that is included with the theme, OR use the new Gutenberg button block to create buttons.<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background\" href=\"#\" style=\"background-color:#000000\">Button 1<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-text-color\" href=\"#\" style=\"color:#000000\">Button 2<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-text-color has-background\" href=\"#\" style=\"background-color:#000000;color:#ffffff\">Button 3<\/a><\/div>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Content Boxes<\/h3>\n\n\n\n<p>Style paragraphs with custom colors to call attention to text anywhere in your content:<\/p>\n\n\n\n<p style=\"background-color:#000000;color:#ffffff\" class=\"has-text-color has-background\">This is a sample paragraph text with a colored background. You can use this to feature content, highlight something important, or provide a call-to-action.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.0 was recently released, and with it came the new Gutenberg editor! The Gutenberg editor changes the way you create your content. Instead of a simple word processor editor, you&#8217;ll now use blocks to create your posts and pages. Gutenberg also introduces lots of new elements. The latest version of the Beaudry theme supports&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"full-width-content","footnotes":""},"class_list":{"0":"post-224","1":"page","2":"type-page","3":"status-publish","5":"entry"},"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":110,"url":"http:\/\/dinosaurstew.com\/demo\/beaudry\/column-classes\/","url_meta":{"origin":224,"position":0},"title":"Column Classes","date":"October 30, 2016","format":false,"excerpt":"Below are examples of column classes that are available in the Genesis Framework style sheet. \u00a0 Two Columns This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25,"url":"http:\/\/dinosaurstew.com\/demo\/beaudry\/services\/","url_meta":{"origin":224,"position":1},"title":"Services","date":"October 28, 2016","format":false,"excerpt":"Services This is a sample services page. We include the template for you to create this page -- you'll just need to fill in your information. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer a ex non elit tempor mollis. Nam neque massa, tincidunt ut gravida quis, convallis sit\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2016\/10\/services-photo.png?resize=620%2C390","width":620,"height":390},"classes":[]},{"id":40,"url":"http:\/\/dinosaurstew.com\/demo\/beaudry\/about\/","url_meta":{"origin":224,"position":2},"title":"About","date":"October 28, 2016","format":false,"excerpt":"About Me This is a sample about me page. We include the template for you to create this page \u2014 you\u2019ll just need to fill in your information. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer a ex non elit tempor mollis. Nam neque massa, tincidunt ut gravida quis,\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2016\/10\/featured-image-3.png?resize=620%2C390","width":620,"height":390},"classes":[]},{"id":34,"url":"http:\/\/dinosaurstew.com\/demo\/beaudry\/theme-faq\/","url_meta":{"origin":224,"position":3},"title":"Theme FAQ","date":"October 28, 2016","format":false,"excerpt":"Frequently asked questions about this theme. GENERAL I have my own logo. Can I use it? Yes! You just need to upload it. We\u2019ve provided instructions on how to add in your own logo in the theme installation guide. I have a wordpress.com site. Will this work? No, in order\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/dinosaurstew.com\/demo\/beaudry\/wp-content\/uploads\/sites\/33\/2016\/10\/featured-image-1.png?resize=620%2C390","width":620,"height":390},"classes":[]}],"_links":{"self":[{"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/pages\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":8,"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/pages\/224\/revisions"}],"predecessor-version":[{"id":236,"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/pages\/224\/revisions\/236"}],"wp:attachment":[{"href":"http:\/\/dinosaurstew.com\/demo\/beaudry\/wp-json\/wp\/v2\/media?parent=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}