genesis | The Blog Pros

May 12, 2021

Genesis Framework To Become Free, StudioPress Announces Changes

Yesterday, StudioPress announced several changes to its themes and marketplace coming on or around June 8. For those outside its community, the company will be making its Genesis Framework available for free. The company is overhauling its marketplace, no longer selling individual themes.

StudioPress’s selection of themes will soon be available only through a Genesis Pro, WP Engine hosting, or Flywheel hosting account. The company’s ProPlus customers will gain access to the Genesis Blocks Pro and Genesis Custom Blocks Pro plugins.

The theme shop has been shifting gears since its acquisition in 2018 by WP Engine. While it still caters to freelancers and agencies, its audience has grown to include a more diverse user base. One year ago, WP Engine launched a Genesis Pro Add-On, offering a suite of StudioPress’s Genesis products to its customers.

Chris Garret, the StudioPress Marketing Director at WP Engine, wrote in the article that one of the reasons for these changes was aimed at “focusing our product and engineering efforts on preparing the Genesis community for Full Site Editing with the Gutenberg block editor in WordPress Core.”

Last fall, StudioPress launched an open beta of its upcoming Genesis Block Theme. While there has been little news of it lately, it is expected to land sometime this year alongside WordPress’s block-based theming system. In 2020, the company also rebranded an earlier plugin acquisition, Atomic Blocks, to Genesis Blocks. It later released a developer-centric Genesis Custom Blocks plugin.

The company is also retiring all but its top 10 most popular child themes. Retired themes will be archived and still available to existing customers, and the development team will issue security updates if and when necessary.

“As we have discussed in the past, there are big changes coming to WordPress with the introduction of Full Site Editing themes,” wrote Garret. “While this new way of building themes will be optional (especially at first), we’ve decided to focus most of our product and engineering efforts for Genesis related products on preparing to take advantage of these new capabilities.”

Releasing the Genesis theme for free will open a larger audience for StudioPress and ease some friction points.

“This has been one of the biggest asks in all of Genesis and beyond,” wrote Garret. “Gating Genesis Framework and Sample Theme behind a pay-wall causes confusion for people buying Genesis [child] themes from 3rd party theme providers and limits the number of people who can build with Genesis Framework.”

The team is also dropping its marketplace fees for third-party creators. Vendors, while still being listed, will need to handle payment processing on their own. The “buy” button on StudioPress will redirect customers to the vendor sites.

In the past, the Genesis community has been a bit of a walled garden. While there are still commercial plans, these changes can potentially bring in fresh creative talent who might not have chosen to build on top of Genesis in the past — payments are always barriers to entry for some. Genesis has always been the foundation, but the value non-developer customers will see is in the child themes and plugin add-ons.

With the loosening of the review guidelines in the coming months, I would like to see Genesis land in the free theme directory. It would not pass the current rules, but there may not be any holdups a bit down the road. If it will be free anyway, why not? It would be a gesture of goodwill toward the community while offering a robust and mature product into the directory. From the business end, it is sure to drive more customers to the StudioPress commercial offerings. It could be a win for everyone.

November 23, 2020

Genesis Block Theme Beta, StudioPress Pursuing a Block-First Future

On November 11, StudioPress announced an open beta for its Genesis Block Theme. This is a pivotal moment, or at least one moment in a series of significant moments, for adoption of the block editor. Feel free to call me on this in a year or two if it does not pan out.

The original Genesis theme is the foundational tool that 1,000s of developers use to build many 1,000s more websites across the web. Over the past decade, StudioPress has remained one of the top-tier commercial WordPress theme companies, and it has done so on the back of its Genesis product. It has also remained an important part of the company’s offering since WP Engine acquired it in 2018.

While WP Engine and StudioPress have bet big on the block editor with products like Genesis Blocks, the Genesis Block Theme will be a game-changer when it launches as a finished product, likely sometime next year.

This is not necessarily because StudioPress will offer a better product than what many others are creating. It is about one of the largest theme development companies shifting toward a block-first approach. Others will fall in line. Or be left behind.

WP Engine and StudioPress have done this slowly and strategically, thoughtfully transitioning their user base into the block world. With WP Engine’s acquisition of Atomic Blocks (now Genesis Blocks) and bringing on the Block Lab team earlier this year, the company is setting itself up to continue pushing what developers and users can do with WordPress’s block system. The Genesis Block Theme is the next step in what I am assuming is a long list of product ideas the company is pursuing.

Editing a layout in the editor while using the Genesis Block theme beta. — Using the Genesis Blocks plugin with the Genesis Block Theme beta.

Typical Genesis-based child themes, at least those directly sold by the StudioPress team, have always catered to those who prefer a more minimalist-get-out-of-the-user’s-way approach to design. Many of them should make an easy transition to the block editor. Add a few style adjustments here, make a few tweaks there, and, you have a theme that is fully capable of handling the block editor. It is a testament to the company’s design chops when it does not really matter what WordPress is doing under the hood. The theme designs hold up regardless.

Times are changing, however. The StudioPress team is looking at WordPress 5.7, which is expected to land in the spring of 2021, and getting ready to handle the launch of the WordPress site editor.

David Vogelpohl, the VP of Web Strategy for WP Engine, left specific instructions on how to test the Genesis Block Theme beta in the announcement. One of the key items in that list is to skip modifying the theme directly or using the customizer settings. The goal is to identify pain points when approaching site design via blocks. It is good to start shifting how the Genesis user base approaches building sites in general.

He also asks testers to install the Genesis Blocks plugin. It is a library of various blocks, sections, and layouts for building block-based content. This will help both developers and users become more accustomed to the shift in building with the company’s key product.

Vogelpohl teased a “Genesis X” project in May that would focus on pushing the boundaries of the block editor and, eventually, full-site editing. Deciding against launching a separate product, the team has been pushing features from this project into Genesis Blocks. Three weeks ago, StudioPress launched its new Collections feature, which was born from Genesis X.

“You can think of Collections like a theme’s block-based demo content, but available on-demand as you build out content vs. only during one-click-theme-setup features within the framework today,” said Vogelpohl.

Collections are essentially categorized page sections or entire layouts that share a similar design aesthetic. Genesis Blocks currently has one Collection titled Slate available for free. In practice, a user can already build out nearly an entire site with just this single Collection. This seems to be the direction that Genesis and its line of products are heading. Everything is pretty much plug-and-play. Select a few layouts for various pages. Click a few buttons. Customize the content. And, voilà — a turnkey system for building websites.

StudioPress must wait for the site editor to land in WordPress 5.7 before it can handle everything. Site headers, footers, and sidebars still require customization outside of the block editor.

Right now, the Genesis Block Theme beta is nothing out of the ordinary. It is essentially a base theme that allows the accompanying Genesis Blocks plugin to shine. It will also allow the development team to test ideas based on user feedback in the coming weeks and months. Vogelpohl said they will eventually tackle full-site editing based on what they learn from the beta run’s feedback.

November 20, 2020

Build Editor Blocks for Clients With the Genesis Custom Blocks Plugin

In early September, WP Engine announced the launch of Genesis Custom Blocks, a block-creation plugin made possible by its StudioPress team. The concept should feel familiar to developers who have made use of Advanced Custom Fields and similar plugins. However, the focus of this new plugin is entirely on blocks.

The plugin is more of a framework than a plug-and-play extension for WordPress. It requires some PHP knowledge to handle the front-end output. The goal is to make it easy for developers to create custom blocks without JavaScript knowledge. It allows them to render blocks on the server-side via custom templates.

Genesis Custom Blocks handles all the dirty work on the backend while leaving the basic PHP, HTML, and CSS of the front end completely up to developers.

The plugin seemed to slip through the cracks of the plugin directory’s guideline against frameworks — the Plugin Review Team started disallowing new framework-type plugins in 2016. Team rep Mika Epstein confirmed that the plugin should not have been approved. She also said that she would talk to the developers, explain why it’s not good, and see about finding a path forward.

Setting guideline issues aside, the plugin is a nice addition to the toolbox of any developer who needs to quickly knock out custom blocks for clients.

How the Plugin Works

Genesis Custom Blocks is currently a lightweight field manager for custom blocks. It provides an admin interface for creating, editing, and managing those blocks. Developers use this interface to essentially create block options in which a user can configure via the editor.

The free version of the plugin includes 13 standard form fields, such as text, image, URL, color, and more. The commercial version includes an additional six field types and allows users to import or export their custom blocks.

Genesis Custom Blocks block-editing screen. — Editing the test block included with the plugin.

For the block to output anything on the front end, the developer must create custom templates and use the Genesis Custom Blocks API. This template will render the output in the editor too, at least until the user clicks on the block, which takes them into editing mode.

Editing a block from Genesis Custom Blocks in the WordPress editor. — Inserting and editing a custom block in the editor.

Without anything other than a cursory reading of the docs, I was able to build a custom block and its associating template in minutes. What makes the plugin stand out is the simplicity of its system. It does not try to do too much. It provides enough basic fields for most developers to create the custom blocks they need for clients. I am certain that many of them will get a ton of mileage out of it.

It also does the extra things that developers should expect from a StudioPress-caliber product like allowing developers to create custom block categories, pick an icon, and set up keywords for each block.

One missing element is the ability to set custom blocks to full and wide-width. Developers may need to write custom CSS for both the editor and front end to handle such use cases. They can create custom inspector (block options sidebar) controls for width or alignment too. However, it would be a nice bonus if the plugin handled the standard WordPress alignments.

The Big Problem

The plugin commits the greatest sin of WordPress development. It fails to prefix or namespace its custom functions. It is a mistake that is expected of rookie developers. However, for a seasoned company such as StudioPress to create block_field(), block_value(), and similarly-named functions in the global namespace is almost unforgivable.

The problem this creates, particularly given the size of the Genesis development community, is that it is basically stealing potential function names from WordPress. If the core platform ever decides to add these functions, fatal errors will ensue on 1,000s of sites.

If the functions were limited in scope to the plugin itself, it would be an easy fix. However, these functions are meant for direct use by developers who are building with the plugin.

Given the plugin’s short time out in the wild, I hope the development team reconsiders their naming scheme and transitions it to something that does not run the risk of a future fatal error.

May 7, 2020

WP Engine Launches Genesis Pro Add-On for Customers, More Features in the Works

Managed web hosting company WP Engine launched the new Genesis Pro add-on for customers of its hosting service today. The add-on brings additional block editor features for users who are using a Genesis-based WordPress theme.

Genesis is a parent theme developed by StudioPress. WP Engine acquired the theme development company in 2018. Later that year, the company took the first steps toward adding compatibility with the block editor for Genesis customers, becoming an early adopter of the new editing experience.

“Beyond just being ‘compatible,’ Genesis will play a big role in being Gutenberg-First,” Jason Cohen, CTO of WP Engine, said of future plans nearly two years ago. “That means not only supporting the software and ideals of Gutenberg but using them for new features. In doing so, it’s our intention to light the way for the countless agencies and developers who use WordPress to fuel incredible digital experiences that are made even easier with Gutenberg.”

Today’s Genesis Pro launch is another step on that journey. WP Engine is currently rolling out the add-on as part of its managed hosting service. The cost is $30/month ($360/year) for an unlimited number of sites.

The current plan is to also make the Genesis Pro plugin available via the StudioPress website in the early summer. The company is not formally committing to that timeframe yet, but users not on WP Engine’s hosting service should expect it this year. The price for Genesis Pro will be available for $360/year, which is at the same rate as the hosting add-on.

The reason behind the early launch for web hosting clients seems to be twofold based on the announcement post. David Vogelpohl, VP of Web Strategy for WP Engine, said the company could launch the product faster and increment with the launch for its hosting customers. They are also able to make sure the payment system scales, which StudioPress now uses.

“Genesis Pro’s capabilities are expressed in a single plugin today, but may be provided in multiple plugins, WP adjacent services, or other means in the future based on architectural decisions of any particular feature,” said Vogelpohl.

Watch a quick video on Genesis Pro:

Genesis Pro Features

Screenshot of a image and text layout from Genesis Pro. — Example layout from the Genesis Pro add-on.

The add-on includes a robust set of options that are primarily aimed at helping users build their webpages with custom blocks and designs. The following features are the foundation of the add-on:

Block Library: Includes 17 custom blocks, such as a testimonial and pricing block.
Page Layouts: Offers 22 full layouts for product, portfolio, team, and other pages.
Content Sections: Adds 38 customizable content sections.
Permissions System: Allows admins to set editing permissions on a per-block basis.
Customization: Users can create and share custom sections and layouts with content creators.

Most of the options seem to be under a pop-up modal on the post-editing screen that should allow users to insert blocks directly into their post or page content. More blocks, sections, layouts, and other content-creation tools are currently in the works.

Screenshot of the Genesis Pro block editor modal. — Layout selector from the Genesis Pro add-on.

The add-on features are mostly standard fare in comparison to many of the block libraries and suites available throughout the WordPress ecosystem. Of course, these will have the StudioPress spin on them and likely be of high quality based if past work is any indication. With the launch out of the way and the foundation in place, it should be much easier for the team to churn out more customization options for end-users.

The most unique feature is probably around the block permissions system, which few companies have truly tackled. For site administrators who work with multiple creators, setting up editing permissions for individual blocks can be useful. If the user experience for this system works well, it will be a huge selling point for some site owners.

Screenshot of the block permissions settings for Genesis Pro. — Block permissions settings for Genesis Pro.

Genesis X

Vogelpohl teased another project the team has been working on titled “Genesis X,” which is separate from the Genesis Pro project. It is an experimental plugin version of Genesis that will be available to StudioPress customers at no additional charge. The work thus far has centered on what Genesis will look like in a world where full-site editing is available through WordPress itself.

“The current version of Genesis X focuses on helping site creators easily manage global styles across their site, customize and manage blocks, as well as other capabilities to help users win with full-site editing in WordPress core,” said Vogelpohl. “Genesis X is being built core-adjacent and is not a replacement for the block editor. It is designed to work with the block editor.”

Vogelpohl said the first objective of the project is to provide analogs for features in Genesis that would not work in a parent theme structure within the full-site editing context. “After achieving that parity in ways that make sense, we will be focused on the advanced block capabilities as well as other features currently on our roadmap,” he said.

The company is putting a lot of weight and resources behind the transition from pre-block WordPress and the upcoming features that WordPress will offer via the block system. Right now, they have a team of 15 employees working on solutions with Genesis.

“The overarching theme is that Genesis X is being architected not to just help the Genesis community adapt to full-site editing in core, but for any user of WordPress to adopt full-site editing in a way that sets them up for the best chance of success,” said Vogelpohl.