WordPress Twenty Twenty theme

The Twenty Twenty theme, introduced with the release of WordPress 5.3 (on November 12, 2019 1), represented a significant evolution in the platform’s design philosophy. Like its predecessor Twenty Nineteen, it was specifically tailored to leverage the full potential of Gutenberg, the block editor that revolutionizes content creation on WordPress. There’s a big difference between the two, though: Twenty Twenty isn’t built from the ground up; It was built upon the Chaplin theme, a free WordPress theme by Anders Norén.

As the block editor celebrates its first birthday, we are proud that Twenty Twenty is designed with flexibility at its core.WordPress

Features of Twenty Twenty

The Theme Homepage highlights that Twenty Twenty was designed to take full advantage of the flexibility of the block editor. You can indeed easily arrange and customize content without relying on custom code or third-party page builders, and of course, complete editor styles give you a good idea of what your content will look like, even before you publish. In other words, Twenty Twenty fully harnessed the capabilities of Gutenberg and offered a fresh approach to website design.

Show off your services or products with a combination of columns, groups, and media blocks. Set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column!WordPress

Twenty Twenty came with a single-column layout and three post/page templates and boasted several features that leveraged the block editor’s capabilities. In particular, extra care has been given to the Columns and Group blocks, which can be combined into impressive landing pages with intricate blocks layouts. The theme allows you to set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column! Specifically, on a 1440px laptop screen, the main column width is up to 580px wide, but the “Wide” block width is up to 1200px wide, and the “Full” block width extends the entire width of the screen.

The Twenty Twenty theme offers personalization options, including a Site Logo and “three color settings that make it easy to give your site a personal touch.” The color settings are as follows:

  • Background Color (defaults to a light beige)
  • Header & Footer Background Color (defaults to white)
  • Primary Color (defaults to pink)

Twenty Twenty automatically sets the text color for optimal contrast with your selected background; thus ensuring that the color contrast is always high enough to be accessible to all visitors.

In its commitment to accessibility, the theme incorporates the Inter typeface. Designed by Rasmus Andersson, Inter is a free and open-source font family optimized for the readability of mixed-case and lower-case text, especially with small font sizes. Notably, Inter introduces a Variable Font version — a first for default themes — streamlining load times 2 by consolidating all weights and styles into just two font files.

As for navigation, the Menus section offers five distinct menu placements. You have the option to include a standard horizontal menu in the header (known as the Desktop Horizontal Menu) and/or a collapsible navigation menu (referred to as the Desktop Expanded Menu). Additionally, there’s a dedicated Mobile Menu specifically designed for mobile devices, while the Footer Menu and Social Menu reside in the page footer.

Lastly, the theme includes two widget areas below the site content and above the footer. On screens larger than 699px wide, widgets in this area are automatically arranged into two columns.

Needless to mention Twenty Twenty supports a wide range of functionalities: Accessibility Ready, Block Editor Patterns, Block Editor Styles, Blog, Custom Background, Custom Colors, Custom Logo, Custom Menu, Editor Style, Featured Images, Footer Widgets, Full Width Template, One Column, RTL Language Support, Sticky Post, Theme Options, Threaded Comments, Translation Ready, and Wide Blocks.

Community Feedback

While the new default theme is prettier than the objectively more basic Twenty Nineteen, and has seen a much more positive reception by the community, it’s still very minimalistic and not suitable if you’re looking for a theme that has more aesthetic potential without much coding work.Nick Schäferhoff

When compared to its predecessor, Twenty Twenty was seen as a step forward in terms of design and functionality. It offered more options for customization and better integration with the block editor, which by then had matured significantly. The theme was well-received, much like previous default themes, but stood out for its focus on the block editor and flexibility.

More than a fully-featured theme, Twenty Twenty is a theme marking an important new step toward the future evolution of WordPress’ editing UI.Carlo Daniele

Reviewers indeed highlighted the theme’s versatility and the ease with which users could create diverse layouts. For instance, Nick Schäferhoff from Torque Magazine explained One big plus of Twenty Twenty is that its clean design offers unlimited potential. The theme is suitable for just about any kind of website. Indeed, the theme’s simplicity — its simple but bold design, with a full-width style, in particular; a first for any default WordPress theme — and effectiveness make it a great base for a variety of use cases.

While the theme is generally well-received, some users have pointed out areas for improvement, such as the desire for more sidebar options or additional customization features. Some have also pointed out that while its simplicity is a strength, some users prefer more unique and eye-catching designs. Twenty Twenty’s default look might not stand out in a crowded online space indeed.

Conclusion

With its single-column layout and three customizable templates, Twenty Twenty offered a fresh approach to website design. In particular, the theme’s integration with Gutenberg allowed users to create dynamic layouts using group and column blocks, providing endless possibilities for customization.

The theme’s design is centered around wide and full alignments for block elements, making it an ideal choice for both traditional blogs and dynamic websites that showcase services or products. It’s a solid choice, especially for those who appreciate minimalistic design and want a theme that adapts well to their needs.

Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs.WordPress

Last, but not least, Will Morris from Elegant Themes pointed out that it makes an excellent foundation for child themes. There are indeed some interesting features buried in the code and you’ll get the most out of this theme if you use it as a stepping stone to experiment with plugins and code, as confirmed by Nick Schäferhoff.

Coming next: Twenty Twenty-One


1 So a theme review is long overdue, yet it’s better late than never (see Themes housekeeping). ^
2 While it was designed to be as fast as possible, the Inter font has caused some complaints. ^

What do you think?
  • Like 
  • Agree 
  • Disagree 
  • Thank you