Block Editor Demo

Here are examples of how this theme styles different elements.

Styled Text

This sentence demonstrates linked text plus bold text and italic text. Here is some subscript: H₂O and superscript: E = MC².

Heading Two

Heading 1 would not normally be used in content. Use Heading 2 since Heading 1 is already used for the page title.

Heading Three

Heading Four

Heading Five

Heading Six

Single Image

This is what a large single image looks like when inserted. It extends outward from the normal content area to create a dramatic effect.

You can also insert a regular-width image. Simply change the options on the image block in the Block Editor.

Blockquotes and Pullquotes

WordPress makes quoting text easy. Blockquotes are especially useful for Scripture. This is sample text to make this into a paragraph so it can be seen how a blockquote might look inserted into actual content. This is sample text to make this into a paragraph so it can be seen how a blockquote might look inserted into actual content.

For it is by grace you have been saved, through faith — and this is not from yourselves, it is the gift of God — not by works, so that no one can boast. For we are God’s handiwork, created in Christ Jesus to do good works, which God prepared in advance for us to do.
Ephesians 2:8-10

In this theme, blockquotes extend outward from the normal content area to create a dramatic effect. Large single images do the same.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut blandit dolor. Proin sed leo lorem.

This is a pullquote that offsets from the rest of the text. The citation is optional.

A Speaker

Aliquam tempor, tortor quis suscipit tempor, sem ex feugiat mi, eget pharetra lorem ligula sit amet nulla. Fusce eget orci mi. Suspendisse in facilisis urna. Proin sollicitudin, enim in malesuada lobortis, nisi metus aliquet arcu, quis blandit nunc ex fringilla libero.

This is a tweetable quote with a click to tweet button.

Tweet

Aligned Image

Images can be aligned to the left or right with text wrapping around like this. This example also shows a caption.

Here is more text to show the text wrapping around the image. Here is more text to show the text wrapping around the image. Here is more text to show the text wrapping around the image. Here is more text to show the text wrapping around the image. Here is more text to show the text wrapping around the image. Here is more text to show the text wrapping around the image.

Unordered List

• List item one
  • List item one
    • List item one
    • List item two
  • List item two
  • List item three
  • List item four
• List item two
• List item three

Numbered lists are also possible as shown below.

Ordered List

1. List item one
   1. List item one
      1. List item one
      2. List item two
   2. List item two
   3. List item three
   4. List item four
2. List item two
3. List item three

Buttons

You can add buttons to your page:

Table Example

Book	Author	Chapters	Verses
Genesis	Moses	50	1,533
Isaiah	Isaiah	66	1,292
Romans	Paul	16	433
Revelation	John	22	404

Accordion Block

Alert Block

Feature Cards

Cover

Video Embeds

You can embed videos from YouTube, Vimeo, and more, right out of the box!

Forms (Gravity Forms)

Embed a form inline on whatever post, page, or sermon you are editing.

Advanced Layout Tools

There are a few tools at your disposal for making complex layouts. First, the columns block:

Once you’ve created columns, you can fill them with any sort of block, so you can put anything next to anything!

Groups can be started from scratch, or you can make a group out of a selection of blocks. Once you have a group, you can set width and background options:

Animations

Some blocks can be animated: particularly, blocks with backgrounds or images. For example, this image will fade in two bars:

Click the animation icon on any block that supports it to control how your content displays on the page:

Remember, animation is best when it’s used sparingly!

More Blocks

The Gutenber Block editor is incredibly powerful. Here is a semi-complete list of blocks available to you to use:

When you are editing a page, click the plus in the upper-left of the page to add new blocks. If you want to be really speedy, type Enter and then the / character. This will bring up an autocomplete menu for your typed selection. For example, /accordion will bring up the Accordion block, like so:

Here’s a full list of blocks that you may find useful, and can call with the / autocomplete shortcut: