Home Online Business TwentyTwentyThree: A WordPress theme wanting towards the longer term

TwentyTwentyThree: A WordPress theme wanting towards the longer term

TwentyTwentyThree: A WordPress theme wanting towards the longer term


WP’s shiny new toy

The discharge of WordPress 6.1 on Nov. 1, 2023, launched a brand new inventory theme: TwentyTwentyThree. As with every inventory theme, the aim is to point out off the shiny new toys

that ship with the most recent model of WordPress. TwentyTwentyThree provides us a superb take a look at what 6.1 can do and lets us think about the close to way forward for WordPress because it continues its evolution towards a no-code design system.

TwentyTwentyThree is actually prepared in your consideration whether or not you employ it in manufacturing or want to consider it for future use.

TwentyTwentyThree: Block theme for makers

TwentyTwentyThree couldn’t be a greater instance of how one can construct each ingredient of a WordPress website solely with blocks. That’s the hallmark of a block theme.

This theme is taken into account a stripped-down model of its current predecessor, TwentyTwentyTwo. That theme had a well-defined artwork route. In distinction, TwentyTwentyThree is so design-agnostic that, not like its predecessor default WordPress themes, it comes with no inventory photos. And it’s very light-weight. And that’s the level.

This places you — content material creator, designer or website developer — in command.


Let’s take a look at TwentyTwentyThree’s distinct options.

Type variations

This function, part of the Web site Editor, simply may be ushering in a brand new Childless Theme period. If you happen to’ve ever wanted to make wholesale adjustments to a theme, you would possibly know of the ache required to create a toddler theme the place your customized kinds and features reside.

The concept that you could now change the type of a theme with out truly utilizing a distinct theme is in full show with the type choices that TwentyTwentyThree presents.

Along with the default type, these 10 type variations are straightforward to pick in your website online. Notably, every type variation was created by a member of the WordPress neighborhood.

Twentytwentythree style variations example

Every type is outlined by its coloration palette and typography. Consider these as beginning factors that you could change to fit your wants.

Colour palettes

Every of the 11 type variations has a five-set (place to begin) coloration palette. The default type variation makes use of the next:

You possibly can at all times change any coloration from the default type or to any of its different 10 variations.


The TwentyTwentyThree theme comes with font households which may be new to you. Choose the typeface identify to see extra info.

System font 

These draw upon the fonts already put in on a consumer’s system.

IBM Plex Mono 

IBM Plex Mono



Supply Serif Professional

Source Serif Pro

DM Sans

DM Sans

All of those fonts are packaged with TwentyTwentyThree, which means you aren’t pulling them from third-party sources similar to Google the place privateness points have been raised earlier final yr within the EU. Plus, a font is simply loaded if used, which is an actual efficiency enhance (however this isn’t new to most WordPress block themes).

You possibly can at all times stray from the built-in fonts in case you favor.


And, as with all block theme, you possibly can assign coloration or typeface to a single block, similar to a heading, to use to the whole website.

You continue to can’t set properties similar to letter spacing, phrase spacing, or line top on a sitewide foundation however anticipate that to vary with the discharge of WordPress 6.2 in March 2023.

Fluid typography and spacing

You’re most likely questioning, “I believed most WP themes have been responsive already. What’s this?”

TwentyTwentyThree focuses in your content material and also you don’t have to stress as a lot as you probably did earlier than as as to whether your typeface and surrounding area would optimally render on all gadgets.

How does it work?

Conventional responsive design makes use of CSS media queries to focus on desktop, laptop computer and cell gadget widths. The issue with that method is that designers can not set breakpoints for every kind of gadget. This accounts for some design points that should be resolved on a case-by-case foundation.

Fluid typeface doesn’t goal a tool’s width. Reasonably, utilizing the three values of the clamp property (a minimal, a most popular, and a most dimension) it really works with the viewport of the gadget and scales accordingly.

That is a chic resolution, significantly for headings and enormous textual content sizes.


For smaller sizes, similar to physique copy, the normal media question method continues to be the best way to go.

For added particulars and a number of the technical specs, see Including Fluid Typography Help to WordPress Block Themes from CSS-Tips. In that article, you’ll see a number of the technical specs which account for the way fluid typography works.

Summing up

Generally it’s onerous to inform what new options any theme can deliver. I discover myself asking, “Is that this function theme-specific, or is that this a part of WordPress core?”

The one option to discover out — wanting studying by means of documentation — is to check it by attempting completely different themes. So I did a number of testing and, because it turned out, what’s constructed into TwentytwentyThree particularly (and never WordPress core) have been the options described above.

Whereas TwentyTwentyThree doesn’t look dazzling, that’s simply the place its power lies.

Consider it as a strong clean slate the place you might have a variety of design prospects at your fingertips. This theme asks, “What’s the way forward for WP themes if we are able to begin with a clean web page?”



Please enter your comment!
Please enter your name here