{"id":1319,"date":"2019-02-28T14:22:07","date_gmt":"2019-02-28T14:22:07","guid":{"rendered":"https:\/\/demo.studiopress.com\/altitude\/?page_id=1319"},"modified":"2022-11-18T15:31:40","modified_gmt":"2022-11-18T15:31:40","slug":"gutenberg-optimized","status":"publish","type":"page","link":"https:\/\/demo.studiopress.com\/altitude\/gutenberg-optimized\/","title":{"rendered":"Gutenberg Optimized"},"content":{"rendered":"\n<p>This theme is optimized with support for special features of the block 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\">Media &amp; Content<\/h2>\n\n\n\n<p>This theme has a wide range of options and widths for media and content display.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A full-width image<\/h3>\n\n\n\n<figure class=\"wp-block-image alignfull\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/april-in-paris-1024x585.jpg\" alt=\"Eiffel Tower\" class=\"wp-image-1321\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/april-in-paris-1024x585.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/april-in-paris-300x171.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/april-in-paris-768x439.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/april-in-paris-700x400.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/april-in-paris.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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<h3 class=\"wp-block-heading\">A wide image<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/top-of-the-world-1024x585.jpg\" alt=\"Mountain View\" class=\"wp-image-1320\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/top-of-the-world-1024x585.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/top-of-the-world-300x171.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/top-of-the-world-768x439.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/top-of-the-world-700x400.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/top-of-the-world.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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 has-nested-images columns-0 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1325\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock.jpg\" alt=\"\" class=\"wp-image-1325\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1328\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone.jpg\" alt=\"\" class=\"wp-image-1328\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/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 has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1327\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug.jpg\" alt=\"\" class=\"wp-image-1327\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-mug-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1323\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box.jpg\" alt=\"\" class=\"wp-image-1323\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-box-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1326\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan.jpg\" alt=\"\" class=\"wp-image-1326\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-fan-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1329\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool.jpg\" alt=\"\" class=\"wp-image-1329\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-stool-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1328\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone.jpg\" alt=\"\" class=\"wp-image-1328\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-phone-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1324\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera.jpg\" alt=\"\" class=\"wp-image-1324\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-camera-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1325\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock.jpg\" alt=\"\" class=\"wp-image-1325\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-clock-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1322\" src=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp.jpg\" alt=\"\" class=\"wp-image-1322\" srcset=\"https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp.jpg 1024w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp-150x150.jpg 150w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp-300x300.jpg 300w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp-768x768.jpg 768w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp-550x550.jpg 550w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp-700x700.jpg 700w, https:\/\/demo.studiopress.com\/altitude\/files\/2019\/02\/product-amp-100x100.jpg 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Video support<\/h3>\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 alignfull is-type-video is-provider-youtube wp-block-embed-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 alignwide is-type-video is-provider-vimeo wp-block-embed-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<h3 class=\"wp-block-heading\">Quotes<\/h3>\n\n\n\n<p>You can pull parts of your content into quotes, such as this one:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><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>\n\n\n\n<figure class=\"wp-block-pullquote has-background has-theme-primary-background-color has-custom-background-color 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<h3 class=\"wp-block-heading\">Buttons<\/h3>\n\n\n\n<p>Insert buttons as calls to action:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link\" href=\"https:\/\/www.studiopress.com\" target=\"_blank\" rel=\"noreferrer noopener\">Visit StudioPress<\/a><\/div>\n\n\n\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<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 class=\"has-text-color has-background\" style=\"background-color:#000000;color:#ffffff\">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-theme-primary-background-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.&nbsp;<a href=\"#\">Sample link<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Headings<\/h3>\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<h3 class=\"wp-block-heading\">Heading level 3<\/h3>\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<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<p>You also have a range of font sizes to choose from for regular text:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text sizes<\/h3>\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","protected":false},"excerpt":{"rendered":"<p>This theme is optimized with support for special features of the block 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. Media &amp; Content This theme has a wide range of options and widths for media [&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-1319","1":"page","2":"type-page","3":"status-publish","5":"entry"},"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/demo.studiopress.com\/altitude\/wp-json\/wp\/v2\/pages\/1319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.studiopress.com\/altitude\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.studiopress.com\/altitude\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.studiopress.com\/altitude\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.studiopress.com\/altitude\/wp-json\/wp\/v2\/comments?post=1319"}],"version-history":[{"count":0,"href":"https:\/\/demo.studiopress.com\/altitude\/wp-json\/wp\/v2\/pages\/1319\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.studiopress.com\/altitude\/wp-json\/wp\/v2\/media?parent=1319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}