{"id":70,"date":"2019-08-10T01:08:14","date_gmt":"2019-08-10T01:08:14","guid":{"rendered":"https:\/\/www.themedemo.app\/magnetic\/?page_id=70"},"modified":"2020-09-19T14:36:57","modified_gmt":"2020-09-19T14:36:57","slug":"gutenberg","status":"publish","type":"page","link":"https:\/\/www.themedemo.app\/magnetic\/gutenberg\/","title":{"rendered":"Gutenberg"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Magnetic is designed to work with the new WordPress editor, Gutenberg. Here are a few examples of page layout options with Gutenberg. This page uses a special template included in the theme.<\/p>\n\n\n\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1333\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/csaba-balazs-da_FRDgfoMg-unsplash.jpg\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/csaba-balazs-da_FRDgfoMg-unsplash.jpg 2000w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/csaba-balazs-da_FRDgfoMg-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/csaba-balazs-da_FRDgfoMg-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/csaba-balazs-da_FRDgfoMg-unsplash-1024x682.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/csaba-balazs-da_FRDgfoMg-unsplash-1400x933.jpg 1400w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><figcaption>Full-width image<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The above is a full-width image that extends to the edge of the page. You can also have a wide image that extends beyond the content area.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1333\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/toa-heftiba-BP3XOsSPlGA-unsplash.jpg\" alt=\"\" class=\"wp-image-7\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/toa-heftiba-BP3XOsSPlGA-unsplash.jpg 2000w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/toa-heftiba-BP3XOsSPlGA-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/toa-heftiba-BP3XOsSPlGA-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/toa-heftiba-BP3XOsSPlGA-unsplash-1024x682.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/toa-heftiba-BP3XOsSPlGA-unsplash-1400x933.jpg 1400w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><figcaption>Wide-width image<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Or, add a cover image with text. This could be used for a page header or as a fixed in-page background image.<\/p>\n\n\n\n<div class=\"wp-block-cover alignfull has-background-dim\" style=\"background-image:url(https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/tim-marshall-Wa-gS5R58gA-unsplash-1024x682.jpg)\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"text-align:center\" class=\"has-large-font-size wp-block-paragraph\">Sunset<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Here is an example of a full-width image gallery.<\/p>\n\n\n\n<ul class=\"wp-block-gallery alignfull columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/kobu-agency-ipARHaxETRk-unsplash-1024x682.jpg\" alt=\"\" data-id=\"11\" data-link=\"https:\/\/www.themedemo.app\/magnetic\/kobu-agency-iparhaxetrk-unsplash\/\" class=\"wp-image-11\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/kobu-agency-ipARHaxETRk-unsplash-1024x682.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/kobu-agency-ipARHaxETRk-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/kobu-agency-ipARHaxETRk-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/kobu-agency-ipARHaxETRk-unsplash-1400x933.jpg 1400w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/kobu-agency-ipARHaxETRk-unsplash.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/javier-quesada-qYfwGVNJqSA-unsplash-1024x682.jpg\" alt=\"\" data-id=\"10\" data-link=\"https:\/\/www.themedemo.app\/magnetic\/javier-quesada-qyfwgvnjqsa-unsplash\/\" class=\"wp-image-10\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/javier-quesada-qYfwGVNJqSA-unsplash-1024x682.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/javier-quesada-qYfwGVNJqSA-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/javier-quesada-qYfwGVNJqSA-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/javier-quesada-qYfwGVNJqSA-unsplash-1400x933.jpg 1400w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/javier-quesada-qYfwGVNJqSA-unsplash.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"678\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jose-alejandro-cuffia-_4815u_ACqQ-unsplash-1024x678.jpg\" alt=\"\" data-id=\"9\" data-link=\"https:\/\/www.themedemo.app\/magnetic\/jose-alejandro-cuffia-_4815u_acqq-unsplash\/\" class=\"wp-image-9\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jose-alejandro-cuffia-_4815u_ACqQ-unsplash-1024x678.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jose-alejandro-cuffia-_4815u_ACqQ-unsplash-300x199.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jose-alejandro-cuffia-_4815u_ACqQ-unsplash-768x509.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jose-alejandro-cuffia-_4815u_ACqQ-unsplash-1400x928.jpg 1400w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jose-alejandro-cuffia-_4815u_ACqQ-unsplash.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jo-szczepanska-lCYoIM-fbuU-unsplash-1024x682.jpg\" alt=\"\" data-id=\"8\" data-link=\"https:\/\/www.themedemo.app\/magnetic\/jo-szczepanska-lcyoim-fbuu-unsplash\/\" class=\"wp-image-8\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jo-szczepanska-lCYoIM-fbuU-unsplash-1024x682.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jo-szczepanska-lCYoIM-fbuU-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jo-szczepanska-lCYoIM-fbuU-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jo-szczepanska-lCYoIM-fbuU-unsplash-1400x933.jpg 1400w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/jo-szczepanska-lCYoIM-fbuU-unsplash.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230;and a wide-width image gallery.<\/p>\n\n\n\n<ul class=\"wp-block-gallery alignwide columns-3 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/headway-NWmcp5fE_4M-unsplash-1024x682.jpg\" alt=\"\" data-id=\"55\" data-link=\"https:\/\/www.themedemo.app\/magnetic\/contact\/headway-nwmcp5fe_4m-unsplash\/\" class=\"wp-image-55\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/headway-NWmcp5fE_4M-unsplash-1024x682.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/headway-NWmcp5fE_4M-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/headway-NWmcp5fE_4M-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/headway-NWmcp5fE_4M-unsplash-1400x933.jpg 1400w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/headway-NWmcp5fE_4M-unsplash.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/you-x-ventures-Oalh2MojUuk-unsplash-1024x682.jpg\" alt=\"\" data-id=\"41\" data-link=\"https:\/\/www.themedemo.app\/magnetic\/about\/you-x-ventures-oalh2mojuuk-unsplash\/\" class=\"wp-image-41\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/you-x-ventures-Oalh2MojUuk-unsplash-1024x682.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/you-x-ventures-Oalh2MojUuk-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/you-x-ventures-Oalh2MojUuk-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/you-x-ventures-Oalh2MojUuk-unsplash-1400x933.jpg 1400w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/you-x-ventures-Oalh2MojUuk-unsplash.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/annie-spratt-dWYU3i-mqEo-unsplash-1024x683.jpg\" alt=\"\" data-id=\"40\" data-link=\"https:\/\/www.themedemo.app\/magnetic\/about\/annie-spratt-dwyu3i-mqeo-unsplash\/\" class=\"wp-image-40\" srcset=\"https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/annie-spratt-dWYU3i-mqEo-unsplash-1024x683.jpg 1024w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/annie-spratt-dWYU3i-mqEo-unsplash-300x200.jpg 300w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/annie-spratt-dWYU3i-mqEo-unsplash-768x512.jpg 768w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/annie-spratt-dWYU3i-mqEo-unsplash-1400x934.jpg 1400w, https:\/\/www.themedemo.app\/magnetic\/wp-content\/uploads\/sites\/2\/2019\/07\/annie-spratt-dWYU3i-mqEo-unsplash.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s an example of an embedded video. Videos can also use wide or full-width alignment.<\/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<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Choss Whisperer\" src=\"https:\/\/player.vimeo.com\/video\/349768930?dnt=1&#038;app_id=122963\" width=\"1778\" height=\"1000\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Code, quote, and drop cap examples.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;section>\n  &lt;h2>Here's a block of code.&lt;\/h2>\n  &lt;p>Look at me! Code!&lt;\/p>\n&lt;\/section><\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Computers are useless.&nbsp;They can only give you answers. <\/p><cite>\u2014Pablo Picasso<\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>You cannot endow even the best machine with initiative; the jolliest steamroller will not plant flowers. <\/p><cite>Walter Lippmann<\/cite><\/blockquote><\/figure>\n\n\n\n<p class=\"has-drop-cap wp-block-paragraph\">Here&#8217;s a paragraph with a drop cap, or larger initial letter. It looks pretty good if you have a decent amount of text and want to go for a more traditional look that you might see in printed publications. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dui arcu, aliquam non fringilla a, ultrices eget orci. In hac habitasse platea dictumst. Pellentesque fermentum eu elit sed porta. Aenean efficitur convallis efficitur. Vivamus ultricies semper elementum. Vivamus viverra ante turpis, ac porta diam sollicitudin et. Integer ornare velit sed lectus porta, eu pharetra ante pellentesque. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"text-align:center\">Here are some button examples.<\/p>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-default\"><a class=\"wp-block-button__link\">Buy Now<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link\">Contact<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-squared\"><a class=\"wp-block-button__link\">Add to Cart<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg requires <a href=\"https:\/\/wordpress.org\/download\/\">WordPress 5.0<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magnetic is designed to work with the new WordPress editor, Gutenberg. Here are a few examples of page layout options with Gutenberg. This page uses a special template included in the theme. The above is a full-width image that extends to the edge of the page. You can also have a wide image that extends&hellip;<\/p>\n<div class=\"more-wrap\"><a href=\"https:\/\/www.themedemo.app\/magnetic\/gutenberg\/\" class=\"more-link\">Continue to Gutenberg<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-70","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":35,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages\/70\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/media?parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}