Block Test for Themes

At our agency, Pauli Systems, we work with many websites that are not yet Gutenberg-ready. Slowly clients are moving towards the block editor. To find out how many changes on their themes would be necessary we use this Gist from GitHub for a first review.

Updated the Gist on June 9th, 2021

Added a Cover block and removed the page breaks so the jumps would work.

How to use this page?

• Create a new page in draft on your site where the theme you want to test is already installed
• Switch to code editor view via the 3-dot Menu in the editor
• In a second tab or new window, go to the Gist on GitHub
• Click on the Raw button on the top right of the code display
• Highlight the whole text with Command+1 or Ctrl+A
• Paste it in the Code editor
• Update / save draft your page.
• Click Preview

Common Blocks / Formatting / Layout Elements / Widgets and Embeds

• Images (Single image, cover image, gallery
• Pull Quote / Quote
• Verse
• Button
• Social Icons
• Columns Text (only) columns / Columns experimental
• Cover with CAT + button
• Paragraph
• Audio
• Video
• Widgets
• Lists
• Table
• Embeds

Note: The jump links do not work when there are page breaks on the page.

Featured Image: Photo by Iker Urteaga on Unsplash

Images

Cover Image

Single Image

Image Gallery

• 

• 

• 

• 

• 

• 

Let’s talk about the Page Break in Quotes

This block allows you to set break points on your post. Visitors of your blog are then presented with content split into multiple pages.

Gutenberg Dev Team

Maybe someone else said it better — add some quoted text.

Henry PauliSan

Pullquote
Highlight a quote from your post or page by displaying it as a graphic element.

Gutenberg Dev Team

Verse Block

What it is

It is nonsense
says reason
It is what it is
says love

It is calamity
says calculation
It is nothing but pain
says fear
It is hopeless
says insight
It is what it is
says love

It is ludicrous
says pride
It is foolish
says caution
It is impossible
says experience
It is what it is 
says love. 

Erich Fried

Buttons

---

Columns

Text only columns

Cover Block

Examples of Paragraphs

The experimental columns with nested blocks: two columns, each with a title, a graphic, a teaser and a link.

Careful, though, nested blocks are still very experimental

Now let’s look a broader look at donors in general. Many nonprofits decide that it is easier to use a technical tool called Software as a Service (SaaS), to help organize their fundraising than it is to do the administrative work themselves. There are many donation management service companies, each of which has their own privacy policy regarding the protection of data.

Most of the ones we have researched treat donor data as the property of the nonprofit organization as opposed to the individual owning their data. In addition to the email data described above, more detail is suggested to help improve campaign results and event attendance. For example, if you ask donors to list their employer, it is because a simple search by the SaaS provider can identify those firms doing matching contributions.

If your wife has a separate income, the same may apply to her. Your employer may want to make a contribution regardless of matching funds, and the information is requested about who should be approached. Care to approach a relative or neighbor for a contribution, then you become a source for their data.

Audio Block

Video Block

Code Block

import React from 'react';

class StorePicker extends React.Component {
  render() {
    // Any where else
    return <p>Hello</p>
  }
}

export default StorePicker;