Categorized Directory

Main Menu

  • Home
  • Search directory
  • Web crawlers
  • Collect data
  • Indexation
  • Bankroll

Categorized Directory

Header Banner

Categorized Directory

  • Home
  • Search directory
  • Web crawlers
  • Collect data
  • Indexation
  • Bankroll
Search directory
Home›Search directory›Gutenberg Hub launches block-based WordPress theme directory – WP Tavern

Gutenberg Hub launches block-based WordPress theme directory – WP Tavern

By Ed Robertson
January 3, 2022
0
0

As the era of block themes dawns, the WordPress theme directory could be reinvented. This is what Munir Kamal decided to do ahead of the launch of WordPress 5.9 later this month. He announced a directory of alternative themes on the Gutenberg Hub website earlier today. It lists all the block themes that are officially hosted on WordPress.org.

Directory of Gutenberg Hub themes.

The interface and experience are similar to the official theme directory, and for good reason. Kamal is pushing for changes on WordPress.org.

“I noticed the lack of information provided by the official theme directory,” he said. “I want to start a discussion around this to fix it, so I created this as a concept / an experiment. Now that we are in the era of the next generation of WP (Block Themes) themes, the theme repository needs to be redesigned. Block themes are about colors, typography, block styles, patterns, and patterns. As a WP user, I want to see all of this topic related information when exploring topics in the directory. I have to choose without installing and testing multiple themes.

The uniquely themed pages of this reimagined directory contain more data than the official directory. Instead of just a screenshot and description, each page displays the theme’s color scheme, provides examples and typography information, and previews multiple content blocks.

Screenshot of Octane WordPress theme page on Gutenberg Hub.  Includes theme description, screenshot, colors, and typographic sections.
Octane theme page.

One thing that makes modern themes unique is their inclusion theme.json to file. This file allows theme authors to save settings and add styles that work both in the editor and in the front-end. This level of standardization did not exist before the launch of WordPress 5.8 last year.

It also allows developers like Kamal to build new tools on top of it. When almost all the data related to a theme is in a standard format, it is easy to extract and experiment with it.

For example, because there is a specific key in the theme.json file for colors, anyone can enter them and display them via the code. The Gutenberg Hub directory displays them as a palette next to each theme. Users can even click to copy them.

Home page of the Gutenberg Hub theme directory.  The mouse cursor hovers over a specific color in a theme's palette.  Its hexadecimal code appears in a tooltip.
Copy of a theme color.

This would have been practically impossible in the past because WordPress didn’t have a way for themes to define something as simple as a color palette.

The directory also automatically generates social images for each of the topics. The following items for Mebae and Pacer both show their description, fonts, colors, and screenshot.

For years WordPress.org theme previews have been plagued by a sub-par demo system. Today, the live demo can show starter content if a theme provides it. However, there is no current FSE support for the feature. Gutenberg Hub displays the same live preview as shown in the official directory.

Kamal partially solved this problem by adding a “Content” button. Clicking on it allows users to see dozens of blocks in action.

Preview / demo of Tove theme with fake content.  The content displays 1 to 6 headers, a horizontal ruler, and a paragraph.
Preview the content of the Tove theme.

This gives a general overview of what the theme looks like, but the preview experience is still lacking. A handful of featured images would add visual punch to the home / blog and archive pages.

Kamal intends to incorporate templates and theme designs into the preview in the future. These additions would make thematic demos more useful.

He does not intend to stop there. “Other plans include providing a very useful search and filter functionality that makes it easier to narrow down the result to the closest needs of a user,” he said. “And maybe a comparison tool that a user can use to compare two themes side by side with practicalities to decide between the two, rather than reviews, downloads, etc.”

The work Kamal has done so far looks promising. There is still a lot of things that could be improved if we had a whole community effort behind it. With the launch of the theme block feature with WordPress 5.9, there is no reason to stick with the old theme preview system when a lot more is possible.


If I had one additional wish for Gutenberg Hub or WordPress.org, it would be for all child themes to be listed on their parent theme’s page. But, first I’ll take this redesigned directory.

Related posts:

  1. Google warns against manual actions for UGC spam
  2. Expecting a baby? Doulas supports your comfort, safety and health
  3. New names debut on BizWest’s list of public companies – Loveland Reporter-Herald
  4. Update of the Madison Canadian Sawmills Registration Directory * coming soon *

Categories

  • Bankroll
  • Collect data
  • Indexation
  • Search directory
  • Web crawlers

Recent Posts

  • How your phone could be used in the criminalization of abortion
  • How many people have prostate cancer without knowing it?
  • EOFY changes: their impact on your business
  • RURU again a winner! – OurAuckland
  • Federal Privacy Bill, Broadband Data Collection

Archives

  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • Privacy Policy
  • Terms and Conditions