If you use the One-Click Theme Setup, then the demo pages will automatically be created for you using Gutenberg editor blocks. You can learn more about Atomic Blocks by going to the plugin page.
Instagram Page
#1.Page Settings and Genesis Settings
1. Page Attributes: Landing
2. Hide Title: Yes
3. Layout: Full Width Layout (Select if your default layout is not full width)
#2. Copy and Paste below code to your editor and start editing your page
It contains all necessary blocks to make this page
<!-- wp:genesis-blocks/gb-container {"containerPaddingTop":1,"containerPaddingBottom":1,"containerMarginBottom":2,"containerBackgroundColor":"#fdf9f8","align":"full"} --> <div style="background-color:#fdf9f8;padding-bottom:1%;padding-top:1%;margin-bottom:2%" class="wp-block-genesis-blocks-gb-container alignfull gb-block-container"><div class="gb-container-inside"><div class="gb-container-content"><!-- wp:image {"align":"center","id":258,"width":300,"height":150,"sizeSlug":"large","className":"nomargin"} --> <div class="wp-block-image nomargin"><figure class="aligncenter size-large is-resized"><img src="http://coachingplus.anchoredthemes.com/wp-content/themes/coaching-plus/config/import/images/coaching-plus-logo.png" alt="Coaching Plus Theme" class="wp-image-258" width="300" height="150"></figure></div> <!-- /wp:image --></div></div></div> <!-- /wp:genesis-blocks/gb-container --> <!-- wp:genesis-blocks/gb-container {"containerMaxWidth":800} --> <div class="wp-block-genesis-blocks-gb-container gb-block-container"><div class="gb-container-inside"><div class="gb-container-content" style="max-width:800px"><!-- wp:buttons {"align":"center"} --> <div class="wp-block-buttons aligncenter"><!-- wp:button {"borderRadius":0,"backgroundColor":"link"} --> <div class="wp-block-button"><a class="wp-block-button__link has-link-background-color has-background no-border-radius" href="">COACHING PLUS</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons {"align":"center"} --> <div class="wp-block-buttons aligncenter"><!-- wp:button {"borderRadius":0,"backgroundColor":"link"} --> <div class="wp-block-button"><a class="wp-block-button__link has-link-background-color has-background no-border-radius" href="/about">ABOUT</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons {"align":"center"} --> <div class="wp-block-buttons aligncenter"><!-- wp:button {"borderRadius":0,"backgroundColor":"link"} --> <div class="wp-block-button"><a class="wp-block-button__link has-link-background-color has-background no-border-radius" href="/work-with-me">WORK WITH ME</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons {"align":"center"} --> <div class="wp-block-buttons aligncenter"><!-- wp:button {"borderRadius":0,"backgroundColor":"link"} --> <div class="wp-block-button"><a class="wp-block-button__link has-link-background-color has-background no-border-radius" href="/blog">BLOG</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:buttons {"align":"center"} --> <div class="wp-block-buttons aligncenter"><!-- wp:button {"borderRadius":0,"backgroundColor":"link"} --> <div class="wp-block-button"><a class="wp-block-button__link has-link-background-color has-background no-border-radius" href="/contact">CONTACT</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:genesis-blocks/gb-post-grid {"displayPostDate":false,"displayPostAuthor":false,"columns":3,"excerptLength":25} /--></div></div></div> <!-- /wp:genesis-blocks/gb-container -->
Glutenberg Optimized Page
This is sample page built to show how editor can be used and how theme is optimized for gutenberg. If you want to have this page then please copy and paste below code to your page block editor and enjoy editing.
<!-- wp:paragraph --> <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> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>A full-width image</h2> <!-- /wp:heading --> <!-- wp:image {"align":"full","id":106,"sizeSlug":"large"} --> <figure class="wp-block-image alignfull size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-featured-1024x586.jpg" alt="" class="wp-image-106"></figure> <!-- /wp:image --> <!-- wp:paragraph --> <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> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>A wide image</h2> <!-- /wp:heading --> <!-- wp:image {"align":"wide","id":112,"sizeSlug":"large"} --> <figure class="wp-block-image alignwide size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/landing-page-featured-1024x268.png" alt="" class="wp-image-112"></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p>Your posts and pages can contain galleries, which are collections of images presented in one or more columns:</p> <!-- /wp:paragraph --> <!-- wp:columns {"align":"wide"} --> <div class="wp-block-columns alignwide"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":107,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-gallery-1.jpg" alt="" class="wp-image-107"></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":108,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-gallery-2.jpg" alt="" class="wp-image-108"></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:paragraph --> <p>Galleries can use the full width, as above, or the wide block and regular content widths:</p> <!-- /wp:paragraph --> <!-- wp:group --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:group --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":107,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-gallery-1.jpg" alt="" class="wp-image-107"></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":108,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-gallery-2.jpg" alt="" class="wp-image-108"></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":109,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-gallery-3.jpg" alt="" class="wp-image-109"></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group --></div></div> <!-- /wp:group --> <!-- wp:group --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":110,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-gallery-4.jpg" alt="" class="wp-image-110"></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:image {"id":111,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="http://coachingplus.anchoredthemes.com/wp-content/uploads/2020/09/coaching-plus-gallery-5.jpg" alt="" class="wp-image-111"></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:group --> <!-- wp:heading --> <h2>Video support</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>This theme also includes styling for wide and full-width videos, such as this one embedded from YouTube:</p> <!-- /wp:paragraph --> <!-- wp:core-embed/youtube {"url":"https://www.youtube.com/watch?v=SvzPxtaQKgw","type":"video","providerNameSlug":"youtube","align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} --> <figure class="wp-block-embed-youtube alignwide wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> </div><figcaption>Your videos can also have captions. This video is by <a href="https://www.youtube.com/watch?v=SvzPxtaQKgw">BetsyLife.</a></figcaption></figure> <!-- /wp:core-embed/youtube --> <!-- wp:paragraph --> <p>Or this video embedded from YouTube:</p> <!-- /wp:paragraph --> <!-- wp:html --> <iframe src="https://www.youtube.com/embed/SvzPxtaQKgw" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="1280" height="720" frameborder="0"></iframe> <!-- /wp:html --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>Quotes</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>You can pull parts of your content into quotes, such as this one:</p> <!-- /wp:paragraph --> <!-- wp:quote {"align":"center"} --> <blockquote class="wp-block-quote has-text-align-center"><p>Good design is as little as possible. Less, but better, because it concentrates on the essential aspects. Back to purity, back to simplicity.</p><cite>Dieter Rams</cite></blockquote> <!-- /wp:quote --> <!-- wp:heading --> <h2>Buttons</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Insert buttons as calls to action:</p> <!-- /wp:paragraph --> <!-- wp:group --> <div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:button {"align":"center"} --> <div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://my.studiopress.com/themes/" rel="https://www.studiopress.com">BUY Coaching Plus THEME</a></div> <!-- /wp:button --></div></div> <!-- /wp:group --> <!-- wp:heading --> <h2>Content Boxes</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Style paragraphs with custom colors to call attention to text anywhere in your content:</p> <!-- /wp:paragraph --> <!-- wp:paragraph {"backgroundColor":"theme-secondary"} --> <p class="has-theme-secondary-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. <a href="http://coachingplus.anchoredthemes.com/">Sample link.</a></p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>Headings</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Style headings from level one to six:</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":1} --> <h1>Heading level 1</h1> <!-- /wp:heading --> <!-- wp:heading --> <h2>Heading level 2</h2> <!-- /wp:heading --> <!-- wp:heading {"level":3} --> <h3>Heading level 3</h3> <!-- /wp:heading --> <!-- wp:heading {"level":4} --> <h4>Heading level 4</h4> <!-- /wp:heading --> <!-- wp:heading {"level":5} --> <h5>Heading level 5</h5> <!-- /wp:heading --> <!-- wp:heading {"level":6} --> <h6>Heading level 6</h6> <!-- /wp:heading --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph -->