Anchored Design
If you use the One-Click Theme Setup, then the demo Contact Page will automatically be created for you using Gutenberg editor blocks. You can learn more about Genesis Blocks by going to the plugin page.
To edit the Recipe Index, go to Pages > Contact and begin editing the blocks.
If you have not created any Form yet, go to Admin > WPForms > Add New
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.
1. Page Attributes: Landing
2. Hide Title: Yes
3. Layout: Full Width Layout
It contains all necessary blocks to make this page
<!-- wp:genesis-blocks/gb-container {"containerPaddingTop":1,"containerPaddingBottom":1,"containerMarginBottom":2,"containerWidth":"full","containerMaxWidth":1600,"containerBackgroundColor":"#f3fcf9"} -->
<div style="background-color:#f3fcf9;padding-bottom:1%;padding-top:1%;margin-bottom:2%" class="wp-block-genesis-blocks-gb-container gb-block-container alignfull"><div class="gb-container-inside"><div class="gb-container-content" style="max-width:1600px"><!-- wp:heading {"textAlign":"center","className":"ig_logo"} -->
<h2 class="has-text-align-center ig_logo">Recipe Blogger</h2>
<!-- /wp:heading --></div></div></div>
<!-- /wp:genesis-blocks/gb-container -->
<!-- wp:genesis-blocks/gb-container {"containerMaxWidth":600,"className":"ig_page"} -->
<div class="wp-block-genesis-blocks-gb-container ig_page gb-block-container"><div class="gb-container-inside"><div class="gb-container-content" style="max-width:600px"><!-- wp:genesis-blocks/gb-container {"containerMaxWidth":1600} -->
<div class="wp-block-genesis-blocks-gb-container gb-block-container"><div class="gb-container-inside"><div class="gb-container-content" style="max-width:1600px"></div></div></div>
<!-- /wp:genesis-blocks/gb-container -->
<!-- wp:button {"align":"center","style":{"border":{"radius":0}},"className":"instabtn"} -->
<div class="wp-block-button aligncenter instabtn"><a class="wp-block-button__link no-border-radius" href="/recipe-index">Recipe Index</a></div>
<!-- /wp:button -->
<!-- wp:button {"align":"center","style":{"border":{"radius":0}},"className":"instabtn"} -->
<div class="wp-block-button aligncenter instabtn"><a class="wp-block-button__link no-border-radius" href="/blog">Blog</a></div>
<!-- /wp:button -->
<!-- wp:button {"align":"center","style":{"border":{"radius":0}},"className":"instabtn"} -->
<div class="wp-block-button aligncenter instabtn"><a class="wp-block-button__link no-border-radius" href="/landing-page">Landing Page</a></div>
<!-- /wp:button -->
<!-- wp:button {"align":"center","style":{"border":{"radius":0}},"className":"instabtn"} -->
<div class="wp-block-button aligncenter instabtn"><a class="wp-block-button__link no-border-radius" href="/full-width-content">Full Width</a></div>
<!-- /wp:button -->
<!-- wp:button {"align":"center","style":{"border":{"radius":0}},"className":"instabtn"} -->
<div class="wp-block-button aligncenter instabtn"><a class="wp-block-button__link no-border-radius" href="/full-width-content">Gutenberg Optimized</a></div>
<!-- /wp:button -->
<!-- wp:genesis-blocks/gb-post-grid {"className":"instalatestgrid","displayPostDate":false,"displayPostExcerpt":false,"displayPostAuthor":false,"displayPostLink":false,"displaySectionTitle":true,"postTitleTag":"h4","columns":3,"sectionTitle":"Latest Recipes","sectionTitleTag":"h3"} /--></div></div></div>
<!-- /wp:genesis-blocks/gb-container -->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="https://recipeblogger.anchoredthemes.com/wp-content/uploads/2019/11/gallery-1-1024x1024.png" 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="https://recipeblogger.anchoredthemes.com/wp-content/uploads/2019/11/gallery-2-1024x1024.png" 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="https://recipeblogger.anchoredthemes.com/wp-content/uploads/2019/11/gallery-1-1-1024x1024.png" 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="https://recipeblogger.anchoredthemes.com/wp-content/uploads/2019/11/gallery-2-1-1024x1024.png" 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="https://recipeblogger.anchoredthemes.com/wp-content/uploads/2019/11/gallery-3-1024x1024.png" 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="https://recipeblogger.anchoredthemes.com/wp-content/uploads/2019/11/gallery-4-1024x1024.png" 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="https://recipeblogger.anchoredthemes.com/wp-content/uploads/2019/11/gallery-5-1024x1024.png" 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://my.studiopress.com/themes/" rel="https://www.studiopress.com">BUY RECIPE BLOGGER 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://recipeblogger.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 -->The Recipe Blogger Theme includes three widget areas on Footer, which are output directly above the Footer Social Menu. The footer widgets can be used to show visitors useful information, and will be shown on every page of the website.
1. Text Widget
This widget contains text to edit. Copy and Paste this text and Edit as needed.
[code]
<h4>Recipe Blogger</h4>
A Genesis Recipe Child Theme[/code]
2. Simple Social Icons
Drag and Drop Simple Social Icons to Footer 1
Settings for Simple Social Icons
3. Search Widget
Just Drag and Drop Search Widget to Footer 1 and done
1. Genesis – eNews Extended
Settings for Genesis eNews Extended
1. Categories
Just drag and drop Categories Widget to Footer 3 and Add Title: Categories and its Done.
If you use the optional One-Click Theme Setup feature, demo widget content will automatically be added for you. The demo widget areas each contain a text widget.
By default, Recipe Blogger includes Primary Sidebar and Front Page Sidebar to specific to Homepage. For our theme we made them Identical so we just discuss Sidebar settings here
Setting for User Profile
1. Select a User so his/her Gravatar Image will be shows
2. Gravator Size: We added Extra Large 2 size with 240px in theme so please choose that so image looks like right now in our theme
3. Alignment:None
4. You can use Author Bio or Custom Text.
Currently we added custom with heading.
[code]
<h3>Welcome to my blog!</h3>
Use this section to tell us about
you. This helps your reader connect
with you personally.[/code]
#2. Simple Social Icons
Please reference Footer 1 widget settings for this and edit text as needed.
Please reference Footer 2 widget settings for this and edit text as needed.
NOTE: Front Page Sidebar have same set of widgets and settings just not have categories widget.
If you use the optional One-Click Theme Setup feature, demo widget content will automatically be added for you for Sidebar and Front Page Sidebar.
The footer copyright text is seen at the very bottom of every page. By default, this text includes a copyright message for the current year, a link to the Recipe Blogger Theme product, Privacy policy link, a link to the Genesis framework website, a link to WordPress.org, and if you are logged in, a link for “Log out.”
This is now can be edited directly on Customizer.
Appearance > Customize > Theme Settings > Footer
Update copyright as needed
%s © 2025 · Genesis Sample Genesis Framework · <a href="/privacy-policy">Privacy Policy</a> · WordPress · Log in
;
NOTE: If you have Genesis Simple Edits Plugin installed, Settings to edit footer goes to Admin > Genesis > Simple Edits
We have added some options those are common to site and give you more control over your site.
Appearance > Customize > Theme Settings > Site Layout
1. Show or hide Post Meta(categories) on Genesis Blocks – Post and Page Grid (home and any other page displaying posts with Genesis Blocks Posts Grid)
2. Search Input Text
3. Breadcrumb Text: That shows before Breadcrumb. Ex: “You are here:”. Default for Theme is blank
4.Breadcrumb Separater: “/” or choose your own
