Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig


The easy way to build a beautiful website.

Twentig helps you customize the default WordPress theme (Twenty Twenty-One and Twenty Twenty) the way you want with Google Fonts, colors, custom layouts, and many more options.

With enhanced Gutenberg blocks, pre-designed block templates, and starter websites, you’ve got everything you need to build stunning pages that look great on any device — no coding or design skills needed.

“Twentig is a plugin that essentially gives superpowers to the default theme.” — Justin Tadlock, WP Tavern

Customize the most popular WordPress theme. Your way.

Twentig offers powerful features to customize the Twenty Twenty-One and Twenty Twenty themes — making it easier than ever to create your own professional website.

Advanced theme customization. From post grid to sidebar to sticky header to footer layout, our plugin provides endless ways to enhance your WordPress theme. Change the look and feel of your website by customizing the fonts (Google Fonts), colors, global styles, 404 page, and more.

Custom page templates. Control the look of your entire page with our page templates. Easily remove the page title, header, footer, or set a transparent header. Now you can use Gutenberg blocks to create a custom hero, landing page, coming soon page, and more.

Tailored design. Twentig brings design improvements to the default WordPress theme. Our additional block settings and pre-designed block templates are specially built for it — so it’s simple to make beautiful pages with Gutenberg blocks.

Start with a pre-built website.

Instead of starting from scratch, you can quickly import one of Twentig’s starter websites crafted by award-winning designers.

The simple way to import starter websites. Choose from a variety of starter websites and seamlessly load them in a few seconds in the Customizer. Preview and customize your theme any way you like before publishing it to your live site.

Flexible import. Twentig lets you import full websites (Customizer settings, menus, widgets, and pages built with Gutenberg blocks). You can also only import what you need, be it the styling or the pages, on a fresh install or an existing website.

Check out the starter websites to see the power and flexibility of Twentig.

Do more with Gutenberg blocks.

Twentig enhances the existing Gutenberg blocks — taking the WordPress block editor to a new level of design and creativity.

Block customization made easy. We’ve added the right amount of features to the Gutenberg core blocks. So you can easily customize your blocks to fit your needs with just a few clicks.

Powerful Gutenberg block features. Twentig provides alternative styles, advanced block settings, margin controls, and CSS classes. From columns style to group shape divider to typography settings, you have the best tools to customize the Gutenberg blocks and build gorgeous pages.

Build your pages with ready-to-use templates.

Twentig brings hundreds of pre-designed block patterns and page templates — making it easier and faster than ever to create stunning pages.

Flexible block templates. Choose from a variety of versatile block patterns and page templates that you can mix and match to fit your project. Our block template library is designed to enable a wide range of uses and endless design possibilities.

Professional design. Our templates are responsive and give your pages a professional look right from the start — no coding or design skills needed.

Twentig features list

Check out the screenshots to see how Twentig can transform your theme and the Gutenberg blocks.



  • Header layouts
  • Sticky header
  • Header width
  • Header decoration
  • Additional elements: search bar, social icons, button
  • Logo width
  • Custom logo for transparent header
  • Menu link style
  • Option to display the burger menu on tablet


  • Footer layouts
  • Footer widgets layout
  • Footer width
  • Custom copyright and remove “Powered by WordPress”
  • Social icons

Site Layout

  • Text width
  • Wide width (Twenty Twenty-One theme)
  • Site width to create a boxed layout site (Twenty Twenty-One theme)

Blog Posts Page

  • Option to display the page title (Twenty Twenty-One theme)
  • Blog layouts: stack, post grid, post grid card
  • Blog sidebar (Twenty Twenty-One theme)
  • Number of columns for post grid layouts
  • Featured image options
  • Blog content options
  • Blog meta options
  • Pagination style (Twenty Twenty-One theme)

Single Blog Post

  • Featured image and post title layouts
  • Blog sidebar (Twenty Twenty-One theme)
  • Option to display the manual excerpt below the title
  • Single post meta options
  • Post navigation layout (Twenty Twenty theme)
  • Hide comments section

Typography & Colors

  • Google Fonts options (curated collection and custom Google Fonts)
  • Google Fonts pairings and Google Fonts presets
  • Font settings
  • Color options


  • Custom page templates: remove the page title, header, and footer, or set a transparent header
  • Featured image and page title layouts

Custom 404 Page

  • Option to assign any page as the 404 page

Additional Settings

  • Minimal style for links (Twenty Twenty-One theme)
  • Button style
  • Separator style
  • Social icons style (Twenty Twenty theme)


  • Gutenberg core blocks: top margin and bottom margin
  • Group: shadow, border, shape divider, full height
  • Columns: gutter, responsive layout, columns style (card, border), text alignment, stretched link
  • Media & Text: styles (shadow, overlap), responsive layout, reverse stack order, stretched link, full height
  • Cover: styles (shadow, inner border), stretched link, hover effect
  • Heading: typography options, decoration
  • Paragraph: wide width, typography options
  • List: styles (dash, checkmark, arrow, border, no bullet, inline), typography options, spacing
  • Image: styles (rounded, shadow, frame, border), image filter
  • Gallery: stack variation, styles (rounded, frame), fixed width columns, image aspect ratio, gutter, responsive layout, caption size, border, image filter
  • YouTube, Vimeo, SoundCloud, and Video blocks: style (frame)
  • Latest Posts: styles (card, border), image aspect ratio, heading size, stretched link, text alignment
  • Social Icons: hover effect
  • Quote: additional styles
  • Pullquote: additional styles
  • Table: styles (border, inner border), vertical alignment
  • Separator: style (short line), responsive visibility
  • Spacer: responsive visibility


Hundreds of Gutenberg block patterns grouped by following categories:

  • Columns
  • Text Columns
  • Text and Image
  • Text
  • Hero
  • Cover
  • Call to Action
  • List
  • Numbers, Stats
  • Gallery
  • Video, Audio
  • Latest Posts
  • Contact
  • Team
  • Testimonials
  • Logos, Clients
  • Pricing
  • FAQ
  • Events, Schedule

Dozens of pre-designed page templates grouped by following categories:

  • Homepage
  • About
  • Services
  • Contact
  • Single Page

Get more

Enjoying Twentig?


  • Twentig. The easiest way to build a website that fits your project — no coding or design skills needed.
  • Start with a pre-built website. Easily import one of our beautiful starter websites and customize the theme to fit your needs.
  • Create a beautiful blog. Customize the design of your blog any way you like.
  • Customize your header. Change the layout and style, display social icons or a call-to-action button, and even stick the header to the top.
  • Customize your footer. Change the layout and style, edit the copyright, remove "Powered by WordPress", and more.
  • Add Google Fonts. Easily change your theme’s fonts with our font pairings or pick the Google Fonts of your choice.
  • Build with the Twentig template library. Create your pages in no time with our Gutenberg block patterns and page templates.
  • Customize the Gutenberg blocks. Transform the existing Gutenberg blocks with advanced settings to create a beautiful page.
  • Build with Gutenberg block patterns. Choose from hundreds of ready-to-use block patterns that you can mix and match.
  • Build with custom page templates. Control the look of your entire page. Remove the page title, header, footer, or set a transparent header.
  • Create a custom 404 page. Delight your visitors with a stunning 404 page.


Install Twentig

To install and activate Twentig:

  1. Log in to your WordPress Dashboard.
  2. Click Plugins > Add New.
  3. Type Twentig in the search box.
    Alternatively, you can click on Upload Plugin to upload the plugin .zip file.
  4. Click on Install Now.

Once the installation has finished, click on Activate.

Install the default WordPress theme

To take full advantage of Twentig and the Gutenberg block editor, we strongly recommend that you use Twenty Twenty-One (or Twenty Twenty), the default WordPress theme.

To install and activate the Twenty Twenty-One theme:

  1. Log in to your WordPress Dashboard.
  2. Click Appearance > Themes.
  3. Search for the Twenty Twenty-One theme and click on Activate.

After installation

Twentig features appear inside the Gutenberg block editor and the Theme Customizer.

  • Inside the Theme Customizer (Appearance > Customize), you can locate our additional options in the Site Identity, Colors, and Twentig Options panels.
  • Inside the Gutenberg block editor, you can find Twentig block patterns by clicking the + icon.
  • Inside the Gutenberg block editor, you can find the Twentig block template library by clicking the [tw] icon at the top-right corner.
  • Inside the Gutenberg block editor, you can find additional block settings in the block settings sidebar (Style, Twentig settings, and Advanced panels) — depending on the selected block.
  • Inside the Gutenberg block editor, you can find our custom page templates in the Template panel of the Page settings sidebar.

Preguntas frecuentes

What are the requirements for using Twentig?

We recommend that you use the latest version of WordPress to take full advantage of Twentig and the Gutenberg block editor.

What Is Gutenberg?

Gutenberg is the codename of the WordPress block editor. Gutenberg is the foundation that revolutionizes customization and site-building in WordPress.

Is Twentig easy to use?

With Twentig, no coding or design skills are needed. You can customize the default WordPress theme and the Gutenberg blocks in a few clicks. Our responsive pre-designed block patterns and page templates make it even easier to build professional-looking pages.

How to customize the Twenty Twenty-One & Twenty Twenty themes with Twentig?

To customize your theme, launch the Customizer (Appearance > Customize). Here you can easily make and preview changes to your website before publishing them.

For the Twenty Twenty-One theme, find our additional options in the Site Identity, Colors, and Twentig Options panels.

For the Twenty Twenty theme, find our additional options in the Site Identity, Colors, Cover Template, and Twentig Options panels.

How to insert a pre-designed block template?

To insert a block pattern:

  1. Inside the Gutenberg block editor, place your cursor where you want to insert the block pattern.
  2. Click the + icon to add a new block.
  3. Click on the Patterns tab.
  4. Browse the categories and click on the block pattern you want to insert.

To insert a page layout:

  1. Inside the Gutenberg block editor, place your cursor where you want to insert the page layout.
  2. In the top-right corner, click the [tw] icon to open the Twentig Library.
  3. Browse the categories and click on the page layout you want to insert.

How to remove the page title, header and footer or set a transparent header?

To let you control the look of your entire page, Twentig provides 4 custom page templates. To change the template of a page:

  1. Open the page you want to edit.
  2. In the Settings sidebar, open the Page tab.
  3. In the Template panel, select the desired template.
  4. Update the page to apply the change.

How to replace the default page title with a custom hero?

Twentig allows you to replace the hero of a page. You can build it from scratch using Gutenberg blocks, or insert one of our pre-designed block patterns.

  1. Open the page you want to edit and set the page title as usual.
  2. Select one of the Twentig page templates (see previous question).
  3. Place your cursor at the top of the editor, just below the page title.
  4. Click the + icon to add a new block and click on the Patterns tab.
  5. Browse the “Hero” category and click on the block pattern you want to insert.

Is Twentig RTL ready?

Yes! Both Twentig and the default WordPress theme support RTL (Right to Left) languages.


25 de junio de 2021
The one plugin I would take to a deserted island. End of story!
23 de junio de 2021
This is an amazing way to enhance Gutenberg block builder with WP default themes like Twenty Twenty One. I found some issues while editing with Twenty Twenty One. First of all, I found for some strange reason the page title for my home page did not display. All other pages titles did. Very odd.(Edit: that turns out to be a quirk of Twenty Twenty One). One important thing - it is described as a feature but not possible to edit the "Powered by WordPress" in the footer using Twentig with Twenty Twenty One. The above were remedied when I switched to Twenty Twenty but that broke my design a little. It's disappointing but I suppose if you are using Twenty Twenty you may find all the features work. There are other plugins that enhance Twenty Twenty One and I will have to check them out to compare but Twentig is very good.
22 de junio de 2021
I never used WordPress default themes before. With Twentig you can have fun configuring a twenty or twenty-one theme without unnecessary overlay or an endless list of options. It does the job by highlighting the options of these themes, without having to be a developer to transform the default theme and make it your own! Great job! 👍
24 de mayo de 2021
Showed how to do multiple background images per page with custom CSS. Awesome.
Leer todas las 98 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.


"Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig" ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce "Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig" a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios


Release date: July 22, 2021

  • Fix: check that a block pattern category is registered before calling unregister_block_pattern_category to prevent an error message when WordPress is in debug mode.


Release date: July 21, 2021

  • New: Adds a setting to restore the classic widgets editor (WordPress dashboard > Twentig > Settings).
  • New: Moves Twentig Gutenberg block patterns inside the block inserter.
  • Code quality: Updates the markup of several Twentig Gutenberg block patterns.
  • Fix: Adjusts CSS for compatibility with WordPress 5.8.

For Twenty Twenty-One theme:

  • New: Adds a Theme Customizer setting to hide the blog’s title.


Release date: July 5, 2021

  • Fix compatibility issue with third-party block plugins (Gutenberg Blocks by Kadence Blocks).


Release date: June 24, 2021

  • New: Adds default starter websites.
  • New: Displays shortcode inside footer custom credit.
  • New: Adds margin support for upcoming Gutenberg 5.8 blocks.
  • Fix: Makes the image frame style compatible with left and right alignment.

For Twenty Twenty-One theme:

  • New: Adds a filter hook to the post author output.
  • Fix: Restores CSS class for the menu breakpoint.
  • Fix: Skip enqueueing JavaScript for AMP (props to @milindmore22).


Release date: May 12, 2021

Twentig 1.3 brings a new way to import starter websites inside the Theme Customizer, making it easier than ever to build a beautiful website.

  • New: Adds starter websites importer to the Theme Customizer.
  • New: Adds 10 starter websites.
  • Enhancement: Improves the Customizer live preview functionality for Twentig settings.
  • Code quality: Escapes the Customizer strings.

For Twenty Twenty-One theme:

  • Enhancement: Updates the Google fonts .json file.
  • Fix: Makes the text of the blog card visible when dark mode support is enabled.
  • Fix: Makes the block-based footer visible when the content of the blog posts is disabled.

Previous major release: 1.2

Release date: December 26, 2020

Twentig 1.2 brings powerful features to enhance Twenty Twenty-One, the new default WordPress theme. Build a beautiful website with advanced Theme Customizer options, enhanced Gutenberg blocks, custom page templates, block patterns, and more.

This release includes:

  • New: Added support for the Twenty Twenty-One theme.
  • Enhancement: For the Group block decoration, display the selected shape inside the Gutenberg block editor.
  • Enhancement: For the Twenty Twenty Theme Customizer, change number inputs into range inputs.
  • Fix: Load theme-specific files after the theme is initialized to prevent errors when switching themes inside the Customizer.
  • Fix: For the Search block, remove the deprecated CSS classes.
  • Fix: For the Embed block, restore the margin controls.
  • Code quality: For the Twenty Twenty theme, split the main PHP file into separate files.
  • Code quality: For the Twenty Twenty theme, register specific block styles inside the theme PHP files.

See changelog for all versions.