Table Block

There was a time when web pages were structured with HTML tables. Today, we have flexbox and grid for that. Tables still have a place. Tables are great for presenting tabular data, for providing information in columns and rows like in a spreadsheet. Ways to start a Table Block The first way to start a …

Read more

Footnotes Block

Numbered list icon

WordPress allows you to create a footnote through the More Rich Text options of the Block Toolbar. It’s the fist option when you click the downward facing chevron. To create the footnote, select your text and choose the Footnote option. The cursor will jump to the bottom of the editor, where you can enter the …

Read more

Classic Block

The Classic Block provides the experience of the original Classic Editor with a TinyMCE look – within the Block Editor. When you open a post or a page created with the Classic Editor, the Classic Block presents you the option to edit that content, or convert is to Gutenberg blocks. Three ways to create a …

Read more

Details Block

The Details Block shows only a summary and a button. Clicking either will open the block and reveal the content. A popular application of a number of these blocks are accordions for FAQs; Frequently Ask Questions. Ways to create a Details Block The first way to start a heading is with the Block Inserter Icon …

Read more

Verse Block

The tagline Code is poetry, coined by Matt Mullenweg, expresses that good crafted code not only does what it is expected to do, but can also incorporate beauty. So, don’t be surprised that the Gutenberg editor offers a Verse Block. If—If you can keep your head when all about you Are losing theirs and blaming …

Read more

Pullqoute Block

Next to the Quote Block, WordPress offers the Pullquote Block to present someone else’ words. Everything that has a beginning, has an end The Oracle Compared to the Quote Block, the Pullquote Block is more a ‘fill in the blanks’ exercise. In addition, the Pullquote Block is more generous with whitespace. Because of this extra …

Read more

Quote Block

With the Quote Block you can include someone else’s words from a book, poem, speech, movie, or lyrics, which are somehow connected to your content. The only way to do great work is to love what you do – Steve Jobs Five Ways to start a Quote Block The first way to start a Quote …

Read more

Preformatted Block

The Preformatted Block shares characteristics with the Paragraph Block and the Code Block, but deserves its own place. Do you want to display text exactly as typed? Use the Preformatted Block. It handles whitespace perfectly. Which is an important requirement for ASCII art! Let’s conduct a little experiment. Compare the following three lines: The words …

Read more

Code Block

Rounded looking chevrons, one points left, the other right

WordPress is open source software, so code is just around the corner. Obviously, WordPress offers means to publish code. There is a Code Block for that. This block is derived from the <code> tag, an inline HTML element. Inline means you can use it in a sentence or in a paragraph. Let’s start there, with …

Read more

Typography Settings

Font size settings of a block The Block Editor Sidebar shelters additional options to tweak the typography of a block. The settings available depend of the block selected. Here we check out those of the paragraph. The most used option, hidden in plain sight, is the font size. By default you can choose from the …

Read more