---
title: How to Test Blocks for Classic Themes
date: "2021-02-07"
author: "Birgit Pauli-Haack"
url: "https://icodeforapurpose.com/block-test/"
categories: ["Site News", "Themes"]
---

At our agency, Pauli Systems, we worked with many websites that were not yet Gutenberg-ready. Slowly, clients were moving towards the block editor. For a first evaluation on how the existing theme performs with the block-editor, we used [this Gist from GitHub](https://gist.github.com/bph/335ddef358bb41efdcd159cbc76f582e) for a first review.

**Gist Updated September 23, 2021**

- Fixed dead references to images, video, and audio blocks
- Moved single button blocks inside the Buttons block
- Added Social Profile Icons.
- Added a Page List

**Gist updated on June 9th, 2021**

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

![Header or the GitHub Gist  with ](http://localhost:undefined/wp-content/uploads/2021/02/Screen-Shot-2021-02-07-at-8.43.05-AM.png)

## 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](https://gist.github.com/bph/335ddef358bb41efdcd159cbc76f582e)
- Click on the **Raw** button on the top right of the code display
- Highlight the whole text with Command+A or Ctrl+A
- Paste it in the editor code view of your test page
- Update / save draft your page.
- Click Preview

---

## Common Blocks / Formatting / Layout Elements / Widgets and Embeds

- [Images](#images) (Single image, cover image, gallery
- [Pull Quote / Quote](#quotes)
- [Verse](#verse)
- [Buttons](#buttons)
- [Social Icons](#socialicons)
- [Columns ](#columns)   Text (only) columns / Columns experimental
- [Cover](#cover)  with CAT + button
- [Paragraph](#paragraphs)
- [Audio](#audio)
- [Video](#video)
- [Widgets](#widgets)
- [Lists](#lists)
- [Table](#table)
- [Embeds](#embeds)

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

*Featured Image: Photo by [Iker Urteaga](https://unsplash.com/@iurte?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/blocks?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) *

## Images

## Cover Image

*Creating a post   
with all the core blocks   
to use for testing Themes*

## Single Image

![](http://localhost:undefined/wp-content/uploads/2020/10/shahadat-rahman-BfrQnKBulYQ-unsplash-1024x683.jpg)

## Image Gallery

![](https://www.youtube.com/watch?v=7XzPPnHGp_0)
*Additional Caption can go here*

![](https://www.youtube.com/watch?v=7XzPPnHGp_0)
*Additional Caption can go here*

![](https://www.youtube.com/watch?v=7XzPPnHGp_0)
*Additional Caption can go here*

![](https://www.youtube.com/watch?v=7XzPPnHGp_0)
*Additional Caption can go here*

![](https://www.youtube.com/watch?v=7XzPPnHGp_0)
*Additional Caption can go here*

![](https://www.youtube.com/watch?v=7XzPPnHGp_0)
*Additional Caption can go here*

## 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

## Verse Block

```
What it isIt is nonsensesays reasonIt is what it issays loveIt is calamitysays calculationIt is nothing but painsays fearIt is hopelesssays insightIt is what it issays loveIt is ludicroussays prideIt is foolishsays cautionIt is impossiblesays experienceIt is what it is says love. Erich Fried
```

## Buttons

[Subscribe ](https://gutenbergtimes.com/subscribe)

[Send me an email?](mailto:birgit.pauli@gmail.com)

[And then we have the big button that  
 goes all the way to the end of the page](http://meetup.com/wordpress-swfl)

[Go to Gutenberg Times](http://gutenbergtimes.com)

---

## Social Profile Icons

- [Share on Twitter](https://twitter.com/gutenbergtimes)
- [Instagram](https://instagram.com/idx)

## Columns

## Text only columns

This is my first column This is my first **columnThis** is my first columnThis is my first columnThis is my first columnThis is my first columnThis is my first columnThis is my first columnThis is my first columnThis is my first columnThis is my first columnThis is my first columnThis is my first column

*This is my second columnThis is my second columnThis is my second columnThis is my second columnThis is my second columnThis is my second columnThis is my second columnThis is my second columnThis is my second columnThis is my second columnThis is my second column*

This is my third column  
This is my third columnThis is my third columnThis is my third columnThis is my third columnThis is my third columnThis is my third columnThis is my third columnThis is my third columnThis is my third columnThis is my third column  

## This is the title of the first column

![WordCamp US 2019 - SiteGround Booth Sponsor hall](http://localhost:undefined/wp-content/uploads/2020/10/WordCamp-US-2019-Francesca-SiteGround-1024x621.jpg)

Then we need some more text that’s something like a summary or a teaser.

Then we need some more text that’s something like a summary or a teaser.

[Read more](#widgets)

## The second column has a title

![](http://localhost:undefined/wp-content/uploads/2020/11/ali-hajian-LPylXWfMpgE-unsplash-changed-1024x460.jpg)

Then we need some more text that’s something like a summary or a teaser.

Then we need some more text that’s something like a summary or a teaser.

[Enjoy the ride](#columns)

## Cover Block

![](http://localhost:undefined/wp-content/uploads/2021/02/PXL_20210608_170652374-scaled.jpg)

## The pond of our Lunch Loop

The sign warns of alligators but all we see are turtles and little fish

[Learn more about the park](https://goo.gl/maps/GFUNF6qjP9PQKfXx9)

## 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 
Hello

  }
}

export default StorePicker;
```

## Widgets

**Page List**

- [About Me](https://icodeforapurpose.com/about/)
- [AI Explorations – a log](https://icodeforapurpose.com/ai-explorations-a-log/)
- [Blog](https://icodeforapurpose.com/blog/)
- [Contact](https://icodeforapurpose.com/contact/)
- [Gutenberg Nightly & Playground](https://icodeforapurpose.com/gutenberg-nightly-playground/)
- [Interviews, talks, post and podcast shows](https://icodeforapurpose.com/recent-interviews-talks-and-podcast-shows/)
- [Manage Styles](https://icodeforapurpose.com/manage-styles/)
- [My account](https://icodeforapurpose.com/my-account/)
- [Podcast data for block themes](https://icodeforapurpose.com/gt-podcast/)
- [Raptorized!](https://icodeforapurpose.com/raptorized/)
- [Spotify App](https://icodeforapurpose.com/spotify-app/)
- [Uses](https://icodeforapurpose.com/uses/)

## Latest Post

- [Alternative Markdown format for AI Tools](https://icodeforapurpose.com/alternative-markdown-format-for-ai-tools/)February 23, 2026
- [My local tutorial creation flow with Claude Code](https://icodeforapurpose.com/my-local-tutorial-writing-flow/)February 10, 2026
- [ThemeProvider from the WordPress Theme package](https://icodeforapurpose.com/the-wordpress-theme-package/)February 5, 2026
- [Five Year Anniversary of the Gutenberg Nightly](https://icodeforapurpose.com/five-year-anniversary-of-the-gutenberg-nightly/)October 16, 2025
- [Using Playground CLI for plugin or theme development](https://icodeforapurpose.com/using-playground-cli-for-plugin-or-theme-development/)September 10, 2025
- [List of AI News sites](https://icodeforapurpose.com/list-of-ai-news-sites/)September 4, 2025

## Categories

- [Accessibility](https://icodeforapurpose.com/category/accessibility/) (1)
- [AI Exercises](https://icodeforapurpose.com/category/ai-exercises/) (8)
- [Community News](https://icodeforapurpose.com/category/community-news/) (1)
- [Contributing to open-source](https://icodeforapurpose.com/category/contributing-to-open-source/) (5)

	[Release work](https://icodeforapurpose.com/category/contributing-to-open-source/release-work/) (1)

	[Docusaurus](https://icodeforapurpose.com/category/docusaurus/) (2)

	[Gutenberg](https://icodeforapurpose.com/category/gutenberg/) (1)

	[NodeJS](https://icodeforapurpose.com/category/nodejs/) (3)

	[NPTech](https://icodeforapurpose.com/category/nptech/) (1)

	[PHP 8](https://icodeforapurpose.com/category/php-8/) (1)

	[Playground](https://icodeforapurpose.com/category/playground/) (2)

	[Productivity](https://icodeforapurpose.com/category/productivity/) (2)

	[ReactJS](https://icodeforapurpose.com/category/reactjs/) (1)

	[Site News](https://icodeforapurpose.com/category/site-news/) (33)

	[Studio](https://icodeforapurpose.com/category/studio/) (2)

	[Themes](https://icodeforapurpose.com/category/themes/) (2)

	[Uncategorized](https://icodeforapurpose.com/category/uncategorized/) (1)

	[WordCamp](https://icodeforapurpose.com/category/wordcamp/) (1)

	[WordPress](https://icodeforapurpose.com/category/wordpress/) (6)

## Lists

- [Gutenberg inspired redesign](https://tam.blog/2017/12/gutenberg-inspired-redesign/) (Dec 29, 2017)
- [Gutenberg design basics](https://tam.blog/2018/01/gutenberg-design-basics/) (Jan 8, 2018)
- Sidetrack: [Tammie’s recommended reading list](https://tam.blog/reading-list/)

- [WordPress Core, the next battles](https://riad.blog/2017/12/30/wordpress-core-the-next-battles/) (Dec 30, 2018)
- [With Gutenberg, what happens to my Custom Fields?](https://riad.blog/2017/12/11/with-gutenberg-what-happens-to-my-custom-fields/) (Dec 11, 2018)
- [One thousand and one way to extend Gutenberg today](https://riad.blog/2017/10/16/one-thousand-and-one-way-to-extend-gutenberg-today/) (Oct 16, 2018)
- [How Gutenberg is changing WordPress Development?](https://riad.blog/2017/10/06/how-gutenberg-is-changing-wordpress-development/) (Oct 6, 2018)

## Table

**Population in Collier County, Florida**

## Embedding

## Tweet

## WordPress Post

## YouTube Video

### Like this:
Like Loading...