• Skip to main content
  • Skip to primary sidebar

Docs

Anchored Design

  • HOME
  • DEMO
  • CUSTOM WEBSITE DESIGN
  • LEAVE A REVIEW
  • REQUEST SUPPORT

Other Block Pages

This document last updated on: February 5, 2020

Created OnDecember 17, 2019
byadminAD
You are here:
  • Knowledge Base Home
  • Recipe Blogger Theme
  • Block Pages Guide
  • Other Block Pages
< Back

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. 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

&amp;lt;!-- wp:atomic-blocks/ab-container {"containerPaddingTop":1,"containerPaddingBottom":1,"containerMarginBottom":2,"containerWidth":"full","containerBackgroundColor":"#f3fcf9"} --&amp;gt;

&amp;lt;div style="background-color:#f3fcf9;padding-bottom:1%;padding-top:1%;margin-bottom:2%" class="wp-block-atomic-blocks-ab-container ab-block-container alignfull"&amp;gt;
&amp;lt;div class="ab-container-inside"&amp;gt;
&amp;lt;div class="ab-container-content" style="max-width:1600px"&amp;gt;
&amp;lt;!-- wp:heading {"align":"center","className":"ig_logo"} --&amp;gt;

&amp;lt;h2 class="has-text-align-center ig_logo"&amp;gt;Recipe Blogger&amp;lt;/h2&amp;gt;

&amp;lt;!-- /wp:heading --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:atomic-blocks/ab-container --&amp;gt;

&amp;lt;!-- wp:atomic-blocks/ab-container {"containerMaxWidth":600,"className":"ig_page"} --&amp;gt;

&amp;lt;div class="wp-block-atomic-blocks-ab-container ig_page ab-block-container"&amp;gt;
&amp;lt;div class="ab-container-inside"&amp;gt;
&amp;lt;div class="ab-container-content" style="max-width:600px"&amp;gt;
&amp;lt;!-- wp:atomic-blocks/ab-container --&amp;gt;

&amp;lt;div class="wp-block-atomic-blocks-ab-container ab-block-container"&amp;gt;
&amp;lt;div class="ab-container-inside"&amp;gt;
&amp;lt;div class="ab-container-content" style="max-width:1600px"&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:atomic-blocks/ab-container --&amp;gt;

&amp;lt;!-- wp:button {"borderRadius":0,"align":"center","className":"instabtn"} --&amp;gt;

&amp;lt;div class="wp-block-button aligncenter instabtn"&amp;gt;&amp;lt;a class="wp-block-button__link no-border-radius" href="/recipe-index"&amp;gt;Recipe Index&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:button --&amp;gt;

&amp;lt;!-- wp:button {"borderRadius":0,"align":"center","className":"instabtn"} --&amp;gt;

&amp;lt;div class="wp-block-button aligncenter instabtn"&amp;gt;&amp;lt;a class="wp-block-button__link no-border-radius" href="/blog"&amp;gt;Blog&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:button --&amp;gt;

&amp;lt;!-- wp:button {"borderRadius":0,"align":"center","className":"instabtn"} --&amp;gt;

&amp;lt;div class="wp-block-button aligncenter instabtn"&amp;gt;&amp;lt;a class="wp-block-button__link no-border-radius" href="/landing-page"&amp;gt;Landing Page&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:button --&amp;gt;

&amp;lt;!-- wp:button {"borderRadius":0,"align":"center","className":"instabtn"} --&amp;gt;

&amp;lt;div class="wp-block-button aligncenter instabtn"&amp;gt;&amp;lt;a class="wp-block-button__link no-border-radius" href="/full-width-content"&amp;gt;Full Width&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:button --&amp;gt;

&amp;lt;!-- wp:button {"borderRadius":0,"align":"center","className":"instabtn"} --&amp;gt;

&amp;lt;div class="wp-block-button aligncenter instabtn"&amp;gt;&amp;lt;a class="wp-block-button__link no-border-radius" href="/full-width-content"&amp;gt;Gutenberg Optimized&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:button --&amp;gt;

&amp;lt;!-- wp:atomic-blocks/ab-post-grid {"className":"instalatestgrid","displayPostDate":false,"displayPostExcerpt":false,"displayPostAuthor":false,"displayPostLink":false,"displaySectionTitle":true,"postTitleTag":"h4","columns":3,"sectionTitle":"Latest Recipes","sectionTitleTag":"h3"} /--&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;!-- /wp:atomic-blocks/ab-container --&amp;gt;

 

 

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.

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;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.&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;A full-width image&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:image {"align":"full","id":471,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image alignfull size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/full-width-1920-1024x585.png" alt="" class="wp-image-471"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;Images,
 videos, galleries, and other content can also be presented in a wide 
block that extends beyond the central column at bigger screen widths:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;A wide image&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:image {"align":"wide","id":472,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image alignwide size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/wide-1400-1024x585.png" alt="" class="wp-image-472"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;Your posts and pages can contain galleries, which are collections of images presented in one or more columns:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:columns {"align":"wide"} --&amp;gt;
&amp;lt;div class="wp-block-columns alignwide"&amp;gt;&amp;lt;!-- wp:column --&amp;gt;
&amp;lt;div class="wp-block-column"&amp;gt;&amp;lt;!-- wp:image {"id":475,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/gallery-1-1024x1024.png" alt="" class="wp-image-475"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:column --&amp;gt;

&amp;lt;!-- wp:column --&amp;gt;
&amp;lt;div class="wp-block-column"&amp;gt;&amp;lt;!-- wp:image {"id":476,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/gallery-2-1024x1024.png" alt="" class="wp-image-476"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:column --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:columns --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;Galleries can use the full width, as above, or the wide block and regular content widths:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:group --&amp;gt;
&amp;lt;div class="wp-block-group"&amp;gt;&amp;lt;div class="wp-block-group__inner-container"&amp;gt;&amp;lt;!-- wp:group --&amp;gt;
&amp;lt;div class="wp-block-group"&amp;gt;&amp;lt;div class="wp-block-group__inner-container"&amp;gt;&amp;lt;!-- wp:columns --&amp;gt;
&amp;lt;div class="wp-block-columns"&amp;gt;&amp;lt;!-- wp:column --&amp;gt;
&amp;lt;div class="wp-block-column"&amp;gt;&amp;lt;!-- wp:image {"id":477,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/gallery-1-1-1024x1024.png" alt="" class="wp-image-477"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:column --&amp;gt;

&amp;lt;!-- wp:column --&amp;gt;
&amp;lt;div class="wp-block-column"&amp;gt;&amp;lt;!-- wp:image {"id":478,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/gallery-2-1-1024x1024.png" alt="" class="wp-image-478"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:column --&amp;gt;

&amp;lt;!-- wp:column --&amp;gt;
&amp;lt;div class="wp-block-column"&amp;gt;&amp;lt;!-- wp:image {"id":479,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/gallery-3-1024x1024.png" alt="" class="wp-image-479"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:column --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:columns --&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:group --&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:group --&amp;gt;

&amp;lt;!-- wp:group --&amp;gt;
&amp;lt;div class="wp-block-group"&amp;gt;&amp;lt;div class="wp-block-group__inner-container"&amp;gt;&amp;lt;!-- wp:columns --&amp;gt;
&amp;lt;div class="wp-block-columns"&amp;gt;&amp;lt;!-- wp:column --&amp;gt;
&amp;lt;div class="wp-block-column"&amp;gt;&amp;lt;!-- wp:image {"id":480,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/gallery-4-1024x1024.png" alt="" class="wp-image-480"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:column --&amp;gt;

&amp;lt;!-- wp:column --&amp;gt;
&amp;lt;div class="wp-block-column"&amp;gt;&amp;lt;!-- wp:image {"id":481,"sizeSlug":"large"} --&amp;gt;
&amp;lt;figure class="wp-block-image size-large"&amp;gt;&amp;lt;img src="http://recipeblogger.autoimmunesisters.org/wp-content/uploads/2019/11/gallery-5-1024x1024.png" alt="" class="wp-image-481"/&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:image --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:column --&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:columns --&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:group --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;Video support&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;This theme also includes styling for wide and full-width videos, such as this one embedded from YouTube:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- 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"} --&amp;gt;
&amp;lt;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"&amp;gt;&amp;lt;div class="wp-block-embed__wrapper"&amp;gt;

&amp;lt;/div&amp;gt;&amp;lt;figcaption&amp;gt;Your videos can also have captions. This video is by &amp;lt;a href="https://www.youtube.com/watch?v=SvzPxtaQKgw"&amp;gt;BetsyLife.&amp;lt;/a&amp;gt;&amp;lt;/figcaption&amp;gt;&amp;lt;/figure&amp;gt;
&amp;lt;!-- /wp:core-embed/youtube --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;Or this video embedded from YouTube:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:html --&amp;gt;
&amp;lt;iframe src="https://www.youtube.com/embed/SvzPxtaQKgw" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="1280" height="720" frameborder="0"&amp;gt;&amp;lt;/iframe&amp;gt;
&amp;lt;!-- /wp:html --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;Quotes&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;You can pull parts of your content into quotes, such as this one:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:quote {"align":"center"} --&amp;gt;
&amp;lt;blockquote class="wp-block-quote has-text-align-center"&amp;gt;&amp;lt;p&amp;gt;Good
 design is as little as possible. Less, but better, because it 
concentrates on the essential aspects.&amp;amp;nbsp;Back to purity, back to 
simplicity.&amp;lt;/p&amp;gt;&amp;lt;cite&amp;gt;Dieter Rams&amp;lt;/cite&amp;gt;&amp;lt;/blockquote&amp;gt;
&amp;lt;!-- /wp:quote --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;Buttons&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;Insert buttons as calls to action:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:group --&amp;gt;
&amp;lt;div class="wp-block-group"&amp;gt;&amp;lt;div class="wp-block-group__inner-container"&amp;gt;&amp;lt;!-- wp:button {"align":"center"} --&amp;gt;
&amp;lt;div class="wp-block-button aligncenter"&amp;gt;&amp;lt;a class="wp-block-button__link" href="https://my.studiopress.com/themes/" rel="https://www.studiopress.com"&amp;gt;BUY RECIPE BLOGGER THEME&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:button --&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;!-- /wp:group --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;Content Boxes&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;Style paragraphs with custom colors to call attention to text anywhere in your content:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:paragraph {"backgroundColor":"theme-secondary"} --&amp;gt;
&amp;lt;p class="has-background has-theme-secondary-background-color"&amp;gt;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.&amp;amp;nbsp;&amp;lt;a href="http://recipeblogger.autoimmunesisters.org/"&amp;gt;Sample link.&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;Headings&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;Style headings from level one to six:&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

&amp;lt;!-- wp:heading {"level":1} --&amp;gt;
&amp;lt;h1&amp;gt;Heading level 1&amp;lt;/h1&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:heading --&amp;gt;
&amp;lt;h2&amp;gt;Heading level 2&amp;lt;/h2&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:heading {"level":3} --&amp;gt;
&amp;lt;h3&amp;gt;Heading level 3&amp;lt;/h3&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:heading {"level":4} --&amp;gt;
&amp;lt;h4&amp;gt;Heading level 4&amp;lt;/h4&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:heading {"level":5} --&amp;gt;
&amp;lt;h5&amp;gt;Heading level 5&amp;lt;/h5&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:heading {"level":6} --&amp;gt;
&amp;lt;h6&amp;gt;Heading level 6&amp;lt;/h6&amp;gt;
&amp;lt;!-- /wp:heading --&amp;gt;

&amp;lt;!-- wp:paragraph --&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;!-- /wp:paragraph --&amp;gt;

Primary Sidebar

Search Knowledge Base by Keyword

  • Recipe Blogger Theme Documentation
  • Recipe Blogger Theme
  • Coaching Plus Theme
Installation
  • Articles coming soon
Demo Content
  • Articles coming soon
Homepage Setup
  • Articles coming soon
Customizer Settings
  • Widget Area Custom Layouts
General Setup
  • Gutenberg Ready
  • Regenerate Thumbnails
Templates
  • Articles coming soon
Popup
  • Articles coming soon
Woocommerce Settings
  • Articles coming soon
Plugins
  • Plugins Tutorials
Installation
  • Installing Theme
  • One Click Theme Setup
  • Additional Resources
  • Demo Posts Install
Customizer Settings
  • Blog and Archive Settings
  • Footer Copyright
  • Logo / Site Title
  • Site Layout Extra
  • Theme Typography
  • Singular Content
  • Theme Colors
Block Pages Guide
  • About Page Guide
  • Contact Page Guide
  • Homepage Blocks Guide
  • Landing Page Guide
  • Other Block Pages
  • Recipe Index Blocks Guide
Widget Areas
  • Before Footer Widgets
  • Footer Widget Settings
  • Header Settings
  • Sidebar Settings
  • Top Bar/Before Header Widgets
Installation
  • Installing Theme
  • One Click Theme Setup
  • Additional Resources
  • Demo Posts Install
Customizer Settings
  • Site Layout Extra
  • Blog and Archive Settings
  • Footer Copyright
  • Logo / Site Title
  • Singular Content
  • Theme Colors
  • Theme Typography
Widget Areas
  • Header Settings
  • Before Footer Widgets
  • Footer Widget Settings
  • After Entry Widgets
Block Pages Guide
  • About Page Guide
  • Homepage Blocks Guide
  • Work With Me Page Guide
  • Contact Page Guide
  • Other Block Pages
  • Landing Page Guide
Additional Guide
  • Blog/Archive Page Guide

Copyright © 2021 · Anchored Design Themes · WordPress · Log in