How Can We Help?
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 Genesis Blocks by going to the plugin page.
Landing Page
#1. First Note Page Settings and Genesis Settings
1. Page Attributes: Landing
2. Hide Title: Yes
3. Layout: Full Width Layout
#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 {"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:paragraph -->
<p>A landing page is an excellent tool for promoting a product or service without any<br>distraction. There is no navigation bar, blog post articles or out-bound links that<br>can pull a visitor away from this page.</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:genesis-blocks/gb-container -->
<!-- wp:image {"align":"center","id":491,"width":1000,"height":650,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/landing.jpg" alt="" class="wp-image-491" width="1000" height="650"/></figure></div>
<!-- /wp:image -->
<!-- wp:html /-->
<!-- 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 {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"textColor":"buttonhover","style":{"border":{"radius":0}},"className":"is-style-alt"} -->
<div class="wp-block-button is-style-alt"><a class="wp-block-button__link has-buttonhover-color has-text-color no-border-radius" href="https://anchoredthemes.com">BUY NOW</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- wp:heading {"level":4,"className":"is-style-sectionheading"} -->
<h4 class="is-style-sectionheading">Automic Plugin Installation</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>One of the best things about this theme is automatic plugin installation.<br>Which means, once you install the theme, all of the plugins used to build<br>this demo will automatically install for your convenience.</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":4,"className":"is-style-sectionheading"} -->
<h4 class="is-style-sectionheading">Styled for Recipe Bloggers</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>We know that every food bloggers depends on having a well-built and<br>well-supported recipe plugin for their blog. We have not only included WP<br>Recipe Maker as a part of the automatic plugin installation but we have also<br>custom styled it for this theme. Oh, it’s also Gutenberg-editor friendly.</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":4,"className":"is-style-sectionheading"} -->
<h4 class="is-style-sectionheading">Genesis Blocks Collection</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Genesis Blocks is a collection of page building blocks for the new Gutenberg<br>block editor. Building pages with the block editor and Genesis Blocks gives you<br>more control to quickly create and launch any kind of site you want.</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:genesis-blocks/gb-container -->
<!-- wp:genesis-blocks/gb-button {"buttonText":"BUY NOW","buttonAlignment":"center","buttonBackgroundColor":"#517F71","buttonShape":"gb-button-shape-square","className":"is-style-alt"} -->
<div style="text-align:center" class="wp-block-genesis-blocks-gb-button is-style-alt gb-block-button"><a href="https://anchoredthemes.com" class="gb-button gb-button-shape-square gb-button-size-medium" style="color:#ffffff;background-color:#517F71">BUY NOW</a></div>
<!-- /wp:genesis-blocks/gb-button -->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 {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">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 {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">A full-width image</h2>
<!-- /wp:heading -->
<!-- wp:embed {"url":"https://www.youtube.com/watch?v=SvzPxtaQKgw","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed 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">
https://www.youtube.com/watch?v=SvzPxtaQKgw
</div></figure>
<!-- /wp:embed -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">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 {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">A wide image</h2>
<!-- /wp:heading -->
<!-- wp:embed {"url":"https://www.youtube.com/watch?v=SvzPxtaQKgw","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed 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">
</div></figure>
<!-- /wp:embed -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">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","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-columns alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":475,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-1.jpg" alt="" class="wp-image-475"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":476,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-2.jpg" alt="" class="wp-image-476"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Galleries can use the full width, as above, or the wide block and regular content widths:</p>
<!-- /wp:paragraph -->
<!-- wp:group {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-group alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":477,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-1.jpg" alt="" class="wp-image-477"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":478,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-2.jpg" alt="" class="wp-image-478"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":479,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-3.jpg" alt="" class="wp-image-479"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-group alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":480,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-4.jpg" alt="" class="wp-image-480"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":481,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-5.jpg" alt="" class="wp-image-481"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Video support</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">This theme also includes styling for wide and full-width videos, such as this one embedded from YouTube:</p>
<!-- /wp:paragraph -->
<!-- wp:embed {"url":"https://www.youtube.com/watch?v=SvzPxtaQKgw","type":"video","providerNameSlug":"youtube","responsive":true,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed alignwide 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">
</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:embed -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">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 {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio"></p>
<!-- /wp:paragraph -->
<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Quotes</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">You can pull parts of your content into quotes, such as this one:</p>
<!-- /wp:paragraph -->
<!-- wp:quote {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<blockquote class="wp-block-quote has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio"><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 {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Buttons</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Insert buttons as calls to action:</p>
<!-- /wp:paragraph -->
<!-- wp:group {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-group alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:button {"align":"center"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://anchoredthemes.com" rel="https://anchoredthemes.com">BUY CUISINE RECIPE THEME</a></div>
<!-- /wp:button --></div>
<!-- /wp:group -->
<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Content Boxes</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Style paragraphs with custom colors to call attention to text anywhere in your content:</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"wide","backgroundColor":"theme-secondary","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio 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="https://cuisinerecipetheme.anchoredthemes.com/">Sample link.</a></p>
<!-- /wp:paragraph -->
<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Headings</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Style headings from level one to six:</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":1,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h1 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 1</h1>
<!-- /wp:heading -->
<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 2</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":3,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h3 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 3</h3>
<!-- /wp:heading -->
<!-- wp:heading {"level":4,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h4 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 4</h4>
<!-- /wp:heading -->
<!-- wp:heading {"level":5,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h5 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 5</h5>
<!-- /wp:heading -->
<!-- wp:heading {"level":6,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h6 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 6</h6>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio"></p>
<!-- /wp:paragraph -->