WordPress brand new theme Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four – see WP.org theme howepage – comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4 “Shirley”.
The section below is a reprint of Introducing Twenty Twenty-Four by Jessica Lyschik
Twenty Twenty-Four Concept
The idea behind Twenty Twenty-Four is to make a default theme that can be used on any type of site, with any topic. Because of that, and contrary to past years, it has no single topic. Instead, three use cases were explored: one more tailored for entrepreneurs and small businesses, one tailored for photographers and artists and one specifically tailored for writers and bloggers. In essence, it’s a collection of templates and patterns which, all combined, make up a theme. These patterns include different Home templates for different use cases such as an About page, project overviews, RSVPs, and landing pages.
Twenty Twenty-Four’s styles and elements are instantly recognizable, inspired by modern design trends. The theme uses Cardo font for headlines, which provides a hint of elegance and a sans-serif system font for paragraphs. The default color palette of Twenty Twenty Four is light, and it also includes a dark style variation that maintains the same typography. Additionally, there are two more sans-serif variations available: one in light mode and another in dark mode.
Twenty Twenty-Four will be a blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. theme fully compatible with all the site editor tooling and it will surface new design tools like the details block or vertical text. Another key intent for the theme is to properly present whole page patterns and template variations so that users don’t need to assemble whole pages themselves, thus easing up their site building process.
Thanks to Twenty Twenty-Four’s remarkable flexibility and adaptability, a multitude of possibilities open up with just a few adjustments to color and typography. This beautiful theme was designed by Beatriz Fialho.
The section below is a reprint of Introducing the twenty twenty-four theme by Wes Theron
Video Tutorial: Twenty Twenty-Four Theme
In this tutorial, we will explore the new WordPress default theme. The idea behind Twenty Twenty-Four was to make a default theme that could be used on any site, with any topic.
Learning outcomes
- Highlighting who can benefit from the theme.
- Identifying what makes this theme unique.
- Exploring the various patterns and templates that come with the Twenty Twenty-Four theme.
- Discovering the available style variations.
Comprehension questions
- What makes the Twenty Twenty-Four theme different from other default themes?
Transcript
Introduction
Good day, and welcome to Learn WordPress. Let’s take a closer look at the great new theme, Twenty Twenty-Four, that is now available. The Twenty Twenty-Four theme is designed to take advantage of the design tools introduced in WordPress 6.4.
Learning outcomes
The learning outcomes for this session are to highlight who can benefit from the theme, to identify what makes this theme so special, and then to explore the various patterns and templates that come with the Twenty Twenty-Four theme, as well as, discover the available style variations.
Who can benefit from the theme?
Who can benefit from this theme? The Twenty Twenty-Four theme is versatile and designed for various website types, with a focus on three use cases, entrepreneurs and small businesses, photographers and artists, and lastly, writers and bloggers. The idea behind the Twenty Twenty-Four theme was to make a default theme that can be used on any type of site with any topic. If you are an entrepreneur or business owner, the theme has got you covered. There are multiple patterns available to build a business website. The Twenty Twenty-Four theme also really caters well for photographers and artists. And finally, the theme can also be easily customized for blogs.
What makes this theme special?
Firstly, what makes this theme so special? Well, number one, it’s modern and elegant design. Number two, there are a variety of patterns available. And number three, one of my personal favorites is the fact that you have access to whole page patterns and templates. And of course, there are beautiful style variations to choose from.
Whole-page patterns
The first example I wanted to show you was how I created the structure for this About page in one click. As we scroll through the About page, you will notice different sections. And these sections are, of course, patterns that have been added together. To achieve this, let’s start with the blank page. Click on the Inserter, go to Patterns, and in this case, I am after a page pattern or a whole page pattern. So I’ll select Pages, and here we can see a preview of the different pages that are available, and I will select the About page, or the About page pattern. Here I have the layout for my entire About page and now I can just start modifying it and changing it to meet my needs.
Let’s add another whole-page pattern. In this case, an RSVP landing page. After selecting pages, I will scroll down to the bottom and select RSVP Landing. Now I have an RSVP landing page with vertical text, which I can update and tweak to meet my design needs.
Single patterns
Let’s look at some other patterns that come with the Twenty Twenty-Four theme. First up is a pricing table. Next, you can add a pattern to introduce your team to your clients. Or maybe you would like to add a testimonial to a page. There is also a cool call-to-action banner pattern that you can use to get more subscribers. Or maybe you would like to add a section about frequently asked questions. Lastly, there is even a pattern to show off client logos or sponsorships. There are many other patterns to explore and use. It is also worth highlighting some gallery patterns that come with the Twenty Twenty-Four theme to display images or to create a portfolio.
Templates
Now that we have talked about all the fantastic patterns that come with the Twenty Twenty-Four theme, we will shift our attention to templates. Let’s make our way to the Site Editor and select the blog home template. Here we will see that the theme provides us with a whole page template. When we open up the template, we will notice that the structure for our home page has already been created with a beautiful layout and design. Now the user can merely add their own content and make the relevant modifications.
One of the other available templates worth pointing out is the Page with sidebar template. This is perfect for bloggers or for folks who prefer a sidebar on their website. There is also a template named Single with sidebar which allows you to assign this template to single posts if you want your single posts to also have a sidebar. Another unique template that comes with your Twenty Twenty-Four theme is named Page with wide image.
Style variations
Now that we are in the Site Editor, we can also make our way to Styles to explore the various style combinations that come with our theme. When I click on Browse styles, I get a nice zoomed-out view of all the different style variations. This allows me to see how I can change the look and feel of my site. The theme incorporates the sophisticated Cardo font for headlines and Sans Serif for paragraphs for enhanced readability.
Conclusion
Enjoy exploring the new default theme, and visit Learn WordPress for more tutorials and training material.
