AMP Publisher Blocks

The Table of Contents block automatically generates a table of links to anchors on each heading tag in the page content. It has a nested content are where you can place conent, media or nothing at all. It can be used as a banner, a basic block or child of another block.

Utility Blocks

While they are each built for specific purpose, most of them are very flexible. Almost every object and node within the blocks can be modified, styled or excluded.

Call to Action Box setup with basic style settings using theme colors, as well as a PopUp Block (hidden) triggered by the “ACTION BUTTON”.

Callbox Title
CALLOUT
ACTION BUTTON
Linkable Sub-Text
Call to Action Box

This block has an “ACTION BUTTON” that is set to open a PopUp block on this page, but amy be used to link to any URL. The “Linkable Sub-Text” is linked to the site’s homepage, but it can be used as normal text. The CTA Box text nodes each have a size setting, and the box itself has a full set of styling settings including width and position.

This block can be nested with Core Paragraph, Heading, List and Shortcode blocks… as well as all AMP Publisher blocks designed for nesting.

Testimonial block setup with basic style settings using theme colors.

Who are you?
AMP Publisher Testimonial block

This block has quotation marks (icons) than can be sized and colored, an image location that can be rounded from sqaure to circle, and a full set of styling settings for each node. This block can only be nested with the Core Paragraph blocks to create the testimonial text that falls between the quptation marks.

The Media Split block is the most useful and is quite flexible.

Media Split block using a variety of block style settings at each node level

Title
Subtitle ~ Fusce dignissim lacus erat, gravida lobortis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean imperdiet, dolor nec tincidunt sagittis, nisl lectus elementum velit, in molestie lacus nibh et neque. Integer sollicitudin dolor dolor. Duis ultricies a orci non feugiat. Vivamus tempus tempor euismod. Suspendisse potenti. Sed ac augue quis arcu mattis rutrum.

Media Split block without media used to create a custom call to action box.

CALL TO ACTION

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean imperdiet, dolor nec tincidunt sagittis, nisl lectus elementum velit, in molestie lacus nibh et neque. Integer sollicitudin dolor dolor. Duis ultricies a orci non feugiat. Vivamus tempus tempor euismod. Suspendisse potenti.

ACTION BUTTON

Media Split block setup as a full-width banner with content constraint.

ORGANICALLY GROWN. THC-FREE.
EXPERIENCE THE DIFFERENCE

Quo ea et Perferendis eaque nihil sunt molestias quae Qui itaque corporis corporis perferendis. Nulla sit voluptas expedita. voluptas provident delectus Reprehenderit veniam nostrum laboriosam similique aspernatur.

SHOP NOW

The Image Inset block lets you overlap a content window over an inset image, with altered overlapping in mobile mode. The image will resize to suit the size of the content window.

ABOUT CBD SERENITY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean imperdiet, dolor nec tincidunt sagittis, nisl lectus elementum velit, in molestie lacus nibh et neque. Integer sollicitudin dolor dolor. Duis ultricies a orci non feugiat. Vivamus tempus tempor euismod. Suspendisse potenti. Sed ac augue quis arcu mattis rutrum. Quisque sed sapien non leo euismod semper vitae sed enim. Quisque commodo, risus ac accumsan viverra, justo ex ultrices augue, ut semper nulla erat vitae metus. Vivamus vehicula lacus a ullamcorper consectetur. Vivamus vel vulputate urna, consectetur ultricies justo. Quisque cursus pharetra vulputate.

MORE ABOUT US

Image Inset with a DOM Media block displaying an overlapping video.

Advanced Blocks

“DOM” blocks and most of the other AMP Publisher blocks can be used/nested to create truly custom and dynamic blocks.

DOM Object, Media Split and DOM Button blocks used to create a custom mobile-responsive 3-column category card banner that is Full-Width with Constrained Content. (very advanced combination of blocks and settings)

Science

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lifestyle

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Benefits

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

DOM Object, DOM Card, DOM Media, DOM Text and DOM Button blocks used to create a product comparison block with user action buttons.

Accelerate Pro
Accelerate Pro comes packaged with the AMP Publisher Blocks plugin, and allows access to import the demo site blocks from the API .
Demo Site
Learn More
WooCommerce
Accelerate Pro Woo
Accelerate Pro Woo extends Pro by including the AMP Publisher Woo plugin, bridging the gap between AMP and WooCommerce.
Demo Site
Learn More
WooCommerce
CBD Serenity
CBD Serenity includes the same plugins as Pro Woo, but with CBD / Cannabis themed pages, content and blocks.
Demo Site
Learn More

DOM Object, DOM Text and DOM Button blocks used to create an image inset effect that allows the image to reach the viewport edge while keeping the content object aligned to page content by using a background image on the block that only displays in 55% of the block. This advanced combination of blocks and settings also allows you to use a tall image rather than one that is very wide as you would in the Image Inset block.

ABOUT US

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean imperdiet, dolor nec tincidunt sagittis, nisl lectus elementum velit, in molestie lacus nibh et neque. Integer sollicitudin dolor dolor. Duis ultricies a orci non feugiat. Vivamus tempus tempor euismod. Suspendisse potenti. Sed ac augue quis arcu mattis rutrum. Quisque sed sapien non leo euismod semper vitae sed enim. Quisque commodo, risus ac accumsan viverra, justo ex ultrices augue, ut semper nulla erat vitae metus. Vivamus vehicula lacus a ullamcorper consectetur. Vivamus vel vulputate urna, consectetur ultricies justo. Quisque cursus pharetra vulputate.

MORE ABOUT US

Data Blocks

AMP Publisher blocks that are designed for nesting are also designed for use at the root level. We have two in particular that can be used and combined to bridge the gap into the Google/AMP world. The FAQ Structured Data Block lets you include FAQPage data to be used in Google search results. You can use them alone as Q&A blocks throughout your content or nest them into the AMP-Accordion block to create an AMP-friendly FAQ-Accordion block.

FAQ Structured Data Block with modified font styling.

Q:
Is this an FAQ Structured Data Block?
A:

Yes, you enter a question and answer and it is included in the page header/body as FAQ Schema data markups. You can add styling to your Q&A using modifiable “Q” & “A” labels and font styling settings. Or you can choose to hide this block for inclusion of the Schema markups without visible display on the page.

AMP-Accordion block nested with Heading, Paragraph and FAQ blocks.

This is a heading block used as an accordion button bar.

This is a Paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean imperdiet, dolor nec tincidunt sagittis, nisl lectus elementum velit, in molestie lacus nibh et neque. Integer sollicitudin dolor dolor. Duis ultricies a orci non feugiat. Vivamus tempus tempor euismod. Suspendisse potenti. Sed ac augue quis arcu mattis rutrum. Quisque sed sapien non leo euismod semper vitae sed enim. Quisque commodo, risus ac accumsan viverra, justo ex ultrices augue, ut semper nulla erat vitae metus. Vivamus vehicula lacus a ullamcorper consectetur. Vivamus vel vulputate urna, consectetur ultricies justo. Quisque cursus pharetra vulputate.

This is another Heading block as a button bar.

This is a paragraph block.

This is another paragraph block in succession after a heading tag. Each block found between Heading blocks is turned into the “bellow” content for the previous heading/button bar.

  • This is a list block in succession
  • with multiple list items
    • and indented/treated as any normal list

Is this an FAQ Structured Data Block nested within an Accordion block?

Yes, this is an FAQ block. The Accordion block converts FAQ blocks into questions/button bars and answers/belolow content. In addition to this conversion, it of course also includes the FAQ Schema markups in the page header/body.

Theme Blocks

The Accelerate theme comes with it’s own blocks. The Accelerate Heading block gives you advanced styling optoins with the ability to apply the block styles to all other Accelerate Heading blocks that share it’s H-Tag. The Accelerate Spacing Block has it’s height controlled by Customizer settings allowing for sitewide uniform spacing. It also includes the Accelerate Posts and Accelerate Categories blocks with custom display modes, styling and query options.

Accelerate Categories block using the “Image Grid” Display Mode

Accelerate Posts block using the “Image Grid” Display Mode

Blog Post – Video

This post removes the featured image, and includes video in a variety of ways using AMP Publisher DOM Media blocks. DOM Media block in root with basic styling and link to Youtube video. Media Split block with default settings. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt…

Blog Post – Article

This post utilizes a Hero Banner Image, removes the featured image, and includes some blocks and styled content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean…

Blog Post – Simple

This post is a simple blog post with a featured image and some content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean imperdiet, dolor nec tincidunt…

Accelerate Posts block using the “Article” Display Mode

Blog Post – Video

This post removes the featured image, and includes video in a variety of ways using AMP Publisher DOM Media blocks. DOM Media block in root with basic styling and link to Youtube video. Media Split block with default settings. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt…

Blog Post – Article

This post utilizes a Hero Banner Image, removes the featured image, and includes some blocks and styled content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean…

Blog Post – Simple

This post is a simple blog post with a featured image and some content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique tincidunt augue ullamcorper ultricies. Curabitur lectus felis, dapibus non vulputate id, imperdiet a tellus. Sed id cursus ex, quis aliquam tellus. Aenean imperdiet, dolor nec tincidunt…