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 starter sites, you can build stunning sites with ease.
Supercharge the Twenty Twenty-Four theme.
Twentig enhances Twenty Twenty-Four with block patterns, enhanced blocks, and portfolio tools, making it simple to build a professional website. Instead of designing from scratch, easily import a pre-made and customizable starter site.
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.
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 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.
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.