Take the Twenty Twenty-Four theme to the next level.

Twenty Twenty-Four is a beautiful multipurpose WordPress theme. And together with the Twentig plugin and its designer-made website templates, you can build stunning sites with ease.

An “Import complete” modal shown on top of a website created with a template for the WordPress Twenty Twenty-Four theme.

Supercharge the Twenty Twenty-Four theme.

Instead of designing from scratch, you can easily import a pre-made and customizable website. Explore our starter sites for the Twenty Twenty-Four theme.

Plus, Twentig enhances Twenty Twenty-Four with block patterns, enhanced blocks, and portfolio tools, making it simple to build a professional website.

A selection of WordPress website templates designed for the Twenty Twenty-Four theme that you can import with Twentig.

About Twenty Twenty-Four.

Twenty Twenty-Four is a great WordPress block theme fully compatible with all the site editor tools. Thanks to its flexibility and minimalist design, it’s a solid starting point to create any type of website.

This theme was designed by Beatriz Fialho and developed by WordPress contributors led by Maggie Cabrera and Jessica Lyschik.

Download Twenty Twenty-Four

View Twenty Twenty-Four demo

The official screenshot of Twenty Twenty-Four, the new WordPress default theme.

Tutorials for the WordPress Twenty Twenty-Four theme.

You don’t need to code to customize your theme. However, if you want to personalize it even more, here are some customization tips.

With the Twentig plugin activated, go to Twentig > Starter sites. Choose the starter site that suits you best and simply click on the Import button.

The favicon, also known as the site icon, appears in browser tabs, bookmark bars, and search results. To change the favicon with the Twenty Twenty-Four theme, go to your WordPress dashboard, navigate to Settings > General, and upload your desired image in the Site Icon section.

You can use the WordPress editor to add custom CSS and make style customizations to your site. To do so, follow this step-by-step guide:

Inside your WordPress dashboard, go to Appearance > Editor.
Click Styles in the Design menu.
Click the Edit styles icon.
Click the More icon in the top-right corner of the Styles panel.
Select Additional CSS.
Add your CSS code in the Additional CSS box.
Once done, click the Save button.

A close-up of the WordPress Styles section, showing how to access the Additional CSS panel by clicking on the more button.

The easiest way to stick your header throughout your entire website is to add the following custom CSS in the Additional CSS box:

					
					
header.wp-block-template-part {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
    z-index: 10;
}

You may use a child theme to make advanced customizations that aren’t possible to achieve with the WordPress editor. With it you can override the theme.json file, write PHP functions, or add JavaScript code. You can download our Twenty Twenty-Four child theme to get you started.

Start building your website with Twentig. It’s easy and free.

Get started

Take the Twenty Twenty-Four theme to the next level.

Supercharge the Twenty Twenty-Four theme.

About Twenty Twenty-Four.

Tutorials for the WordPress Twenty Twenty-Four theme.

How to import a starter site?

How to set the favicon with the Twenty Twenty-Four theme?

How to add custom CSS to the Twenty Twenty-Four theme?

How to make a sticky header with the Twenty Twenty-Four theme?

How to create a child theme for Twenty Twenty-Four?

Start building your website with Twentig. It’s easy and free.