Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates

Descripción

The easiest way to build a beautiful WordPress website.

Twentig helps you customize the design of your Twenty Twenty theme to make your website stand out. Our plugin makes it easy to build stunning pages with the WordPress block editor.

With Twentig, you’ve got everything you need to create a beautiful website — from advanced theme customization to enhanced Gutenberg blocks to pre-designed block templates to Google Fonts.

The Twenty Twenty theme like you’ve never seen.

Twentig offers powerful features to customize Twenty Twenty, the most popular WordPress theme — making it the perfect combination to build your website.

Advanced Customizer options. From post grid to sticky header to footer layout, our plugin provides endless ways to enhance Twenty Twenty. 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 the WordPress block editor to create a custom hero, landing page, coming soon page, and more.

Tailored design. Twentig brings design improvements to the Twenty Twenty theme. Our additional block settings, pre-designed block patterns, and page layouts are specially built for Twenty Twenty — so it’s easier than ever to make beautiful pages with Gutenberg blocks.

Do more with WordPress blocks.

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

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

Powerful 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 your blocks and build stunning pages.

Build your website in no time with block templates.

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

Flexible block templates. Choose from a variety of versatile block patterns and page layouts 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. Crafted by award-winning designers, our block patterns and page layouts are responsive and give your pages a professional look right from the start — no coding and design skills needed.

Twentig features list

Check out the screenshots to see what you can do with Twentig.

ADDITIONAL TWENTY TWENTY THEME OPTIONS

Header

  • Multiple header layouts
  • Sticky header
  • Header width
  • Header decoration
  • Menu link style
  • Custom logo for transparent header
  • Social icons locations
  • Button in header menu (menu-button CSS class)
  • Show/hide tagline
  • Mobile logo width
  • Custom hamburger icon
  • Show/hide the label of menu and search buttons

Footer

  • Multiple footer layouts
  • Footer widgets layout
  • Footer width
  • Custom copyright and remove «Powered by WordPress»
  • Social icons locations
  • Footer custom colors
  • Footer font size

Site Layout

  • Text width

Blog Posts Page

  • Blog layout: stack, post grid, post grid card
  • Number of columns for post grid layouts
  • Featured image options
  • Blog content options
  • Blog meta options
  • Jetpack Infinite Scroll compatibility

Single Blog Post

  • Featured image layout
  • Single post meta options
  • Post navigation layout
  • Hide comments section

Typography & Colors

  • Google Fonts options (curated collection and custom Google Fonts)
  • Google Fonts pairings and presets
  • Font settings
  • Custom hexadecimal color for primary color
  • Page title section background color

Pages

  • Custom page templates: remove the page title, header, and footer, or set a transparent header
  • Featured image layout
  • Cover page template options
  • Page subtitle
  • Alternative search results layout

Custom 404 Page

  • Option to assign any page as the 404 page

Additional Settings

  • Separator style
  • Button style
  • Social icons style

ADDITIONAL BLOCK SETTINGS

  • WordPress core blocks: top margin and bottom margin
  • Group block: shadow, border, shape divider, full height
  • Columns block: gutter, responsive layout, columns style (card, border), text alignment, stretched link
  • Media & Text block: styles (shadow, overlap), responsive layout, reverse stack order, stretched link, full height
  • Cover block: styles (shadow, inner border), full height, stretched link, hover effect
  • Heading block: font size preset, wide width, typography options, decoration, link underline
  • Paragraph block: wide width, typography options, link underline
  • List block: styles (dash, checkmark, arrow, border, no bullet, inline), typography options, spacing, link underline
  • Image block: styles (rounded, shadow, frame, border), image filter
  • Gallery block: 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 block: styles (card, border), image aspect ratio, heading size, stretched link, text alignment
  • Social Icons block: color, size, hover effect
  • Quote block: styles (icon, large icon, minimal)
  • Pullquote block: style (minimal)
  • Table block: styles (border, inner border), vertical alignment
  • Buttons block: full width
  • Search block: alignment, full width
  • Separator block: style (short line), responsive visibility
  • Spacer block: responsive visibility

BLOCK TEMPLATE LIBRARY

Hundreds of block patterns grouped by following categories:

  • Columns
  • Text Columns
  • Text & Image
  • Text
  • Hero, Page Title Section
  • 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 pages grouped by following categories:

  • Homepage
  • About
  • Services
  • Contact

AMP COMPATIBILITY

Twentig is compatible with Google AMP for WordPress.

Get more

Enjoying Twentig?

Capturas

  • Twentig. The easiest way to build a website that fits your project — no coding and design skills needed.
  • 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 website'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 block patterns and page layouts.
  • Customize your blocks. Transform the existing WordPress blocks with advanced settings to create a beautiful page.
  • Build with 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.

Instalación

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 Twenty Twenty

To take full advantage of Twentig, we strongly recommend that you use Twenty Twenty, the default WordPress theme.

To install and activate Twenty Twenty:

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

After installation

Twentig features appear inside the WordPress block editor and the Customizer.

  • Inside the Customizer (Appearance > Customize), you can locate our additional options for Twenty Twenty in the Site Identity, Colors, Cover Template, and Twentig Options panels.
  • Inside the block editor, you can locate the [tw] icon at the top-right corner. It opens the Twentig block template library.
  • Inside the block editor, you can find our additional block settings inside the block settings sidebar (Style, Twentig settings, and Advanced panels) and the top toolbar — depending on the selected block.
  • Inside the block editor, you can find our custom page templates under the Page Attributes panel inside the Documents settings sidebar.

FAQ

What are the requirements for using Twentig?

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

Is Twentig easy to use?

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

Which themes work best with Twentig?

Twentig works perfectly with Twenty Twenty. Our Customizer options are exclusive for Twenty Twenty, and our block templates are specially built for it. Twentig block options should work with any theme, but it may require some styling for themes that modify the WordPress blocks. We strongly recommend that you use Twenty Twenty.

Is Twenty Twenty a great theme?

Absolutely! Twenty Twenty, the most popular WordPress theme, is a modern theme designed for every purpose, from personal to business websites. Twenty Twenty is accessible, responsive, and RTL ready. Paired with Twentig, it takes full advantage of the creative freedom enabled by the block editor.

How to customize Twenty Twenty with Twentig?

To customize your Twenty Twenty theme, launch the Customizer (Appearance > Customize). Here you can easily make and preview changes to your website before publishing them. Find our additional options in the Site Identity, Colors, Cover Template, and Twentig Options panels.

How to insert a block pattern?

  1. Inside the block editor, place your cursor where you want to insert the layout.
  2. In the top-right corner, click the [tw] icon to open the Twentig Library.
  3. Browse the categories and click on the block pattern you want to insert.
  4. Now you can add your content, customize, or rearrange the blocks as needed.

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 Document panel.
  3. Under Page Attributes, 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 the Twenty Twenty theme. You can build it from scratch, or you can 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. In the top-right corner, click the [tw] icon to open the Twentig Library.
  5. Browse the «Hero, Page Title Section» category and click on the layout you want to insert.

How to select a block?

Simply click on the block to select it. If it isn’t the block you intended to select, use the block breadcrumb navigation at the bottom of the editor to select the desired block. For better workflow, we recommend that you use this feature.

Is Twentig RTL ready?

Yes! Twentig supports RTL (Right to Left) languages.

Reseñas

14 de septiembre de 2020
Thanks to twentig plugin, the wordpress theme twenty twenty is more complete, fast, professional looking. Twentig adds some missing features and makes it really a competitive theme.
14 de septiembre de 2020
Twentig adds a number of key enhancements to Twenty Twenty without any need for sophisticated CSS modifications or other technical know-how. The support has been super prompt, helpful, and greatly appreciated! Highly recommended.
25 de agosto de 2020
I believe this is the best Twenty Twenty options plugin available. Having a sidebar option will be nice. Great job. 🙂
20 de agosto de 2020
The developer is doing a very good job! The tools he provides are very easy to use and he is answering all questions with knwoledge and the focus to find solutions. One of the best authors I every worked with. Thank you! Everybody who is using this plugin should donate at least 10 USD or more for this work! It helps each user to save a lot of time on customization the Twenty Twenty theme!
Leer todas las 34 reseñas

Colaboradores y desarrolladores

«Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates» ha sido traducido a 3 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Twentig – Twenty Twenty Customization, Gutenberg Blocks & Templates» 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

1.1.3

Release date: September 12, 2020

  • New: Added pre-designed pages to the Twentig Library.
  • New: Added Jetpack Infinite Scroll compatibility.
  • Fix: Changed text strings and contexts for better localization.

1.1.2

Release date: August 25, 2020

  • New: Added option to disable Twentig block features (if you only want to use Twentig Customizer features).
  • Fix: Changed text strings for consistency.

1.1.1

Release date: August 20, 2020

  • Improvement: Change responsive image sizes for the blog to optimize web performance.
  • Fix: Change the HTML markup of the Twentig Overview page to display third party plugins notices properly.

1.1

Release date: August 14, 2020

Twentig 1.1 brings new powerful features to the block editor, making it easier than ever to build beautiful pages. We recommend that you use WordPress 5.5 to take full advantage of Twentig and the block editor.

  • New: Additional block options (alternative styles, advanced block settings, margin controls, and CSS classes) to customize the WordPress core blocks.
  • New: Layout library with hundreds of ready-to-use block patterns.
  • New: Twentig overview page and options to disable default WordPress block patterns and WordPress Block Directory.
  • New: Enhanced Twenty Twenty block style for front-end and block editor.
  • New: Added vh unit option to the Cover block for Twenty Twenty.

See changelog for all versions.