Formatting Blocks

  1. Home
  2.  → 
  3. Help Center
  4.  → 
  5. Gutenberg Guide
  6.  → 
  7. Gutenberg Blocks Overview
  8.  → Formatting Blocks

Formatting Blocks provide ways to format your Pages and Posts.

Classic Block

The Classic block lets you use the Classic editor within a block format. You can use the same formatting toolbar you are used to in the old classic editor. When you first convert your older Pages and Posts to Gutenberg, they will be in one large Classic block. To convert them to Gutenberg blocks, click the three dots at the right of the toolbar and select “Convert to Blocks”.

The Classic block brings back the old formatting toolbar.

Pullquote Block

The Pullquote block adds special emphasis to a quote from your text. It is similar to the Quote Block but is styled differently with greater emphasis. It can be used as a subheading or a graphic feature. The way it is displayed is dependent on the the theme’s CSS.

“The day the power of love overrules the love of power, the world will know peace.”

Mahatma Ghandi

Table Block

The Table block can be used for displaying numbers, comparisons, or any other type of tabular data in a table format. There are two table styles to choose from. You can also add a header and footer section.

Favorite ColorBlue
Favorite FoodPizza

Verse Block

The Verse block is for writing poetry, song lyrics or other literary expressions. Unlike the paragraph block, it leaves all spaces and line breaks untouched.

Over hill, over dale,
Thorough bush, thorough brier,
Over park, over pale,
Thorough flood, thorough fire,
I do wander everywhere,
Swifter than the moon's sphere;
And I serve the fairy queen,
To dew her orbs upon the green.
The cowslips tall her pensioners be:
In their gold coats spots you see;
Those be rubies, fairy favours,
In those freckles live their savours:
I must go seek some dewdrops here
And hang a pearl in every cowslip's ear.
Farewell, thou lob of spirits; I'll be gone:
Our queen and all our elves come here anon.

From “A Midsummer Night’s Dream” Act 2, Scene 1 by William Shakespeare

Code Block

The code block helps you display technical pieces of code. It maintains all spaces and tabs so your code is displayed exactly as you type it.

#inner p {
    margin: 0 0 20px;
}

Custom HTML

The Custom HTML block allows you to add any custom HTML code and preview it right in the editor.

Code View Example

This is my custom html.

Preformatted Block

The Preformatted block is very similar to the Code Block with a few small differences. Preformatted blocks keep all of the spaces and line breaks. They do come with a few more styling options.

This is some preformatted text.