{"id":1946,"date":"2018-12-11T22:52:56","date_gmt":"2018-12-11T22:52:56","guid":{"rendered":"https:\/\/demo.studiopress.com\/breakthrough\/?page_id=1946"},"modified":"2020-06-18T21:13:43","modified_gmt":"2020-06-18T21:13:43","slug":"gutenberg-optimized","status":"publish","type":"page","link":"https:\/\/demo.studiopress.com\/breakthrough\/gutenberg-optimized\/","title":{"rendered":"Gutenberg Optimized"},"content":{"rendered":"\n<p>This theme is optimized with support for special features of the Gutenberg editor. This includes wide and full-width content blocks, block styling, custom colors, custom font sizes, and back end editor styling that matches the front end of your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A full-width image<\/h2>\n\n\n\n<figure class=\"wp-block-image alignfull\"><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2018\/02\/april-in-paris-1024x585.jpg\" alt=\"\" class=\"wp-image-1377\"\/><\/figure>\n\n\n\n<p>Images, videos, galleries, and other content can also be presented in a wide block that extends beyond the central column at bigger screen widths:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A wide image<\/h2>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2018\/02\/top-of-the-world.jpg\" alt=\"\" class=\"wp-image-1381\"\/><figcaption><em>Photo by&nbsp;<\/em><a href=\"https:\/\/unsplash.com\/photos\/qPojqUji_y4\">Gabriel Beaudry<\/a><em>&nbsp;on&nbsp;<\/em><a href=\"https:\/\/unsplash.com\/\">Unsplash<\/a><\/figcaption><\/figure>\n\n\n\n<p>Your posts and pages can contain galleries, which are collections of images presented in one or more columns:<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignfull columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-phone-1024x1024.jpg\" alt=\"\" data-id=\"1457\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1457\" class=\"wp-image-1457\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-clock-1024x1024.jpg\" alt=\"\" data-id=\"1456\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1456\" class=\"wp-image-1456\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>Galleries can use the full width, as above, or the wide block and regular content widths:<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter columns-3 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-mug-1024x1024.jpg\" alt=\"\" data-id=\"1455\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1455\" class=\"wp-image-1455\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-box-1024x1024.jpg\" alt=\"\" data-id=\"1454\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1454\" class=\"wp-image-1454\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-stool-1024x1024.jpg\" alt=\"\" data-id=\"1453\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1453\" class=\"wp-image-1453\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-camera-1024x1024.jpg\" alt=\"\" data-id=\"1459\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1459\" class=\"wp-image-1459\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-fan-1024x1024.jpg\" alt=\"\" data-id=\"1458\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1458\" class=\"wp-image-1458\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-phone-1024x1024.jpg\" alt=\"\" data-id=\"1457\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1457\" class=\"wp-image-1457\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-clock-1024x1024.jpg\" alt=\"\" data-id=\"1456\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1456\" class=\"wp-image-1456\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/demo.studiopress.com\/genesis-sample\/files\/2016\/09\/product-amp-1024x1024.jpg\" alt=\"\" data-id=\"1460\" data-link=\"https:\/\/demo.studiopress.com\/genesis-sample\/?attachment_id=1460\" class=\"wp-image-1460\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video support<\/h2>\n\n\n\n<p>This theme also includes styling for wide and full-width videos, such as this one embedded from YouTube:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube alignfull wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Sunset on Mount Timpanogos; time lapse in black and white - Utah\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/mlkMiqKKuMI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption>Your videos can also have captions. This video is by&nbsp;<a href=\"https:\/\/www.youtube.com\/channel\/UCCtcSro569szkRM2hUAnLTQ\">Kevin Winzeler<\/a><em>.&nbsp;<\/em><br><\/figcaption><\/figure>\n\n\n\n<p>Or this video embedded from Vimeo:<\/p>\n\n\n\n<figure class=\"wp-block-embed-vimeo alignwide wp-block-embed is-type-video is-provider-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"SPIRALALALA - singing architecture\" src=\"https:\/\/player.vimeo.com\/video\/296520382?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><figcaption>Video from <a href=\"https:\/\/vimeo.com\/pangenerator\">panGenerator<\/a> on Vimeo.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Quotes<\/h2>\n\n\n\n<p>You can pull parts of your content into quotes, such as this one:<\/p>\n\n\n\n<figure class=\"wp-block-pullquote alignwide is-style-solid-color\"><blockquote><p>Good design is as little as possible. Less, but better, because it concentrates on the essential aspects.&nbsp;Back to purity, back to simplicity.<\/p><cite>Dieter Rams<\/cite><\/blockquote><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\n\n\n\n<p>Insert buttons as calls to action:<\/p>\n\n\n\n<div class=\"wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/www.studiopress.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit StudioPress<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Content Boxes<\/h2>\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 class=\"has-background has-theme-primary-background-color\">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.&nbsp;<a href=\"#\">Sample link.<\/a><\/p>\n\n\n\n<p class=\"has-background has-theme-secondary-background-color\">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.&nbsp;<a href=\"#\">Sample link.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headings<\/h2>\n\n\n\n<p>Style headings from level one to six:<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Heading level 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Heading level 2<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Heading level 3<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Heading level 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Heading level 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">Heading level 6<\/h6>\n\n\n\n<p>You also have a range of font sizes to choose from for regular text:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Text sizes<\/h2>\n\n\n\n<p class=\"has-small-font-size\">Small font size.<\/p>\n\n\n\n<p>Regular font size.<\/p>\n\n\n\n<p class=\"has-large-font-size\">Large font size.<\/p>\n\n\n\n<p class=\"has-larger-font-size\">Larger font size.<\/p>\n\n\n\n<p>Ready to try it yourself? Here&#8217;s how:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Get started<\/h2>\n\n\n\n<p>To get started writing content with Gutenberg:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Purchase this theme or <a href=\"https:\/\/www.studiopress.com\/sites\/\">host your site with WP Engine<\/a> to get access to all StudioPress themes.<\/li><li><a href=\"https:\/\/wordpress.org\/download\/\">Install or update to WordPress 5.0<\/a>&nbsp;if your host does not manage your WordPress installation for you.<\/li><li>Activate your theme and start writing!<\/li><\/ol>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This theme is optimized with support for special features of the Gutenberg editor. This includes wide and full-width content blocks, block styling, custom colors, custom font sizes, and back end editor styling that matches the front end of your site. A full-width image Images, videos, galleries, and other content can also be presented in a [&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":"","footnotes":""},"class_list":{"0":"post-1946","1":"page","2":"type-page","3":"status-publish","5":"entry"},"_links":{"self":[{"href":"https:\/\/demo.studiopress.com\/breakthrough\/wp-json\/wp\/v2\/pages\/1946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.studiopress.com\/breakthrough\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.studiopress.com\/breakthrough\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.studiopress.com\/breakthrough\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.studiopress.com\/breakthrough\/wp-json\/wp\/v2\/comments?post=1946"}],"version-history":[{"count":0,"href":"https:\/\/demo.studiopress.com\/breakthrough\/wp-json\/wp\/v2\/pages\/1946\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.studiopress.com\/breakthrough\/wp-json\/wp\/v2\/media?parent=1946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}