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

Descrizione

Un modo facile per costruire un bellissimo sito web.

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.

Modelli di pagina personalizzati. Controlla l’aspetto dell’intera pagina con i nostri modelli di pagina. Rimuovi facilmente il titolo, l’header, il footer della pagina o imposta un header trasparente. Ora puoi utilizzare i blocchi Gutenberg per creare un hero personalizzato, una landing page, una pagina novità in arrivo e altro ancora.

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.

Elenco delle caratteristiche e funzionalità Twentig

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

Opzioni tematiche aggiuntive

Header

  • Layout titoli e intestazioni
  • Header fisso
  • Larghezza header
  • Decorazione header
  • Elementi addizionali: barra di ricerca, icone social, pulsanti
  • Larghezza logo
  • Logo personalizzato per header trasparente
  • Stile dei link del menu
  • Opzione per visualizzare il menu hamburger nei tablet

Footer

  • Layout del footer
  • Layout widget del footer
  • Larghezza footer
  • Personalizza il copyright e rimuovi “Powered by WordPress”
  • Icone social

Layout sito

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

Pagina articoli blog

  • Option to display the page title (Twenty Twenty-One theme)
  • Layout blog: impilato, griglia articoli, griglia schede articoli
  • Blog sidebar (Twenty Twenty-One theme)
  • Numero di colonne per i layout della griglia degli articoli
  • Opzioni immagine in evidenza
  • Opzioni contenuto blog
  • Opzioni meta blog
  • Pagination style (Twenty Twenty-One theme)

Articolo singolo blog

  • Layout per l’immagine in evidenza e il titolo dell’articolo
  • Blog sidebar (Twenty Twenty-One theme)
  • Opzione per visualizzare il riassunto manuale sotto al titolo
  • Opzioni meta articolo singolo
  • Post navigation layout (Twenty Twenty theme)
  • Nascondi la sezione commenti

Typografia & Colori

  • Opzioni Google Fonts (collezione accurata e Google Fonts personalizzati)
  • Abbinamenti e preimpostazioni per Google Fonts
  • Impostazioni font
  • Opzioni colori

Pagine

  • Template di pagine personalizzate: rimuovi titolo della pagina, header, footer e puoi impostare un header trasparente
  • Layout per l’immagine in evidenza e il titolo della pagina

Pagina 404 personalizzata

  • Possibilità di assegnare qualsiasi pagina come pagina 404

Impostazioni addizionali

  • Minimal style for links (Twenty Twenty-One theme)
  • Stile pulsante
  • Stile divisore
  • Social icons style (Twenty Twenty theme)

ADDITIONAL GUTENBERG BLOCK SETTINGS

  • 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
  • Blocchi YouTube, Vimeo, SoundCloud e Video: stile (cornice)
  • 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

GUTENBERG TEMPLATE LIBRARY

Hundreds of Gutenberg block patterns grouped by following categories:

  • Colonne
  • Colonne di testo
  • Text and Image
  • Testo
  • Hero
  • Copertina
  • Call to Action
  • Elenco
  • Numeri, statistiche
  • Galleria
  • Video, audio
  • Ultimi articoli
  • Contatto
  • Team
  • Testimonianze
  • Loghi, clienti
  • Prezzi
  • FAQ
  • Eventi, pianificazione

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

  • Homepage
  • Chi siamo
  • Servizi
  • Contatto
  • Pagina singola

Ottieni di più

Ti piace Twentig?

Screenshot

  • Twentig. Il modo più facile per costruire il sito web che soddisfa il tuo progetto e senza la necessità di avere competenze di codifica o design.
  • Start with a pre-built website. Easily import one of our beautiful starter websites and customize the theme to fit your needs.
  • Crea un bellissimo blog. Personalizza il design del tuo blog come preferisci.
  • Personalizza l'header. Cambia il layout e lo stile, mostra le icone social o un pulsante di invito all'azione e persino fissa l'header in alto.
  • Personalizza il tuo footer. Cambiagli lo stile e il layout, modifica il copyright, rimuovi il "Powered by WordPress" e molto altro.
  • 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.
  • Crea con modelli di pagina personalizzati. Controlla l'aspetto dell'intera pagina. Rimuovi il titolo della pagina, header, footer o imposta un header trasparente.
  • Crea una pagina 404 personalizzata. Delizia i tuoi visitatori con una straordinaria pagina 404.

Installazione

Installa Twentig

Per installare e attivare Twentig:

  1. Accedi alla tua Bacheca di WordPress.
  2. Fai clic su Plugin > Aggiungi nuovo.
  3. Digita Twentig nel campo di ricerca.
    In alternativa, puoi fare clic su Carica plugin per caricare il plugin file .zip .
  4. Fai cli su installa ora.

Al termine dell’installazione fare clic sul pulsante Attiva.

Installa il tema predefinito di WordPress

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. Accedi alla tua Bacheca di WordPress.
  2. Fai clic su Aspetto > Temi.
  3. Cerca il tema Twenty Twenty-One e fai cli su Attiva.

Dopo l’installazione

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 Twentig Page Layouts 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.

FAQ

Quali sono i requisiti per usare 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.

Twentig è facile da usare?

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 do I get started?

To help you get started, you’ll be prompted to take a guided tour after activating Twentig. It will walk you through the basics of using Twentig.

Do you have a quickstart guide?

Yes, you can find it on our website.

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

Per personalizzare il tuo tema avvia Personalizza (Aspetto > Personalizza). Qui puoi effettuare e visualizzare i cambiamenti del tuo sito prima di pubblicarli definitivamente.

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. Scorri le categorie e fai clic sul modello di blocco che vuoi inserire.

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 Page Layouts sidebar.
  3. Browse the categories and click on the page layout you want to insert.

Come rimuovere il titolo della pagina, l’header e il footer o impostare un header trasparente?

Per consentirti di controllare l’aspetto dell’intera pagina, Twentig fornisce 4 modelli di pagina personalizzati. Per modificare il modello di una pagina:

  1. Apri la pagina che vuoi modificare.
  2. In the Settings sidebar, open the Page tab.
  3. In the Template panel, select the desired template.
  4. Aggiorna la pagina per applicare i cambiamenti fatti.

Come sostituire il titolo della pagina predefinita con un hero personalizzato?

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. Apri la pagina che vuoi modificare e imposta il titolo della pagina come di consueto.
  2. Seleziona uno dei modelli di pagina Twentig (vedi domanda precedente).
  3. Posiziona il cursore nella parte superiore dell’editor, appena sotto il titolo della pagina.
  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.

Twentig è predisposto anche per RTL?

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

Recensioni

14 Settembre 2021
I use Twenty-Twenty theme on a couple of sites. The Twentic-Plugin - is awesome: i have to confess. It is great! This is an invaluable Plugin and genuinely does help you create a great, It is a true timesaver: yes it did save me a ton of time and work in customising CSS and things like that. It has great organising layouts and the like. if it comes to support: The authors and supporter are just great: The support is wonderful and very helpful. If you don’t use Twentig I really do think you are missing a trick. Very highly recommended! Tangermaroc
9 Settembre 2021
Excellent plugin that helps you to create a beautiful site using the standard WordPress theme. The site also runs super fast!
6 Settembre 2021
Saved me a ton of work in customising CSS, organising layouts and the like. Everything that I wanted to be able to change about Twenty Twenty I was able to easily adjust with Twentig. When I came up against a small problem - caused by the Smush plugin - the Twentig creator responded really quickly and offered two fixes, both of which worked. Highly recommend their work!
6 Settembre 2021
Choosing the right theme is confusing for a small service business owner, especially if you’re a non-techie. With Twentig, the default WordPress theme becomes the right theme for you. It’s easy to use, so even non-techies can build their own website that looks professional and unique. You also get the peace of mind that you’re using the default WordPress theme. PS: I've been building websites for over 25 years, and I think this plugin is outstanding.
Leggi tutte le recensioni di 111

Contributi e sviluppo

“Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

“Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig” è stato tradotto in 4 lingue. Grazie ai traduttori per i loro contributi.

Traduci “Theme Kit for Twenty Twenty-One & Twenty Twenty (Customization, Gutenberg Blocks, Templates) – Twentig” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)

1.3.6

Release date: September 15, 2021

  • New: Adds Twentig Home with quick links.
  • New: Adds Twentig guided tour.
  • Enhancement: Updates Twentig Page Layouts sidebar.
  • Code quality: Removes deprecated CSS for IE 11.

For Twenty Twenty-One theme:

  • New: Adds Patreon, Telegram, Tiktok, and WhatsApp icons for the social menus.
  • Fix: Fixes URL mapping for Mastodon.

For Twenty Twenty theme:

  • New: Adds Patreon social icon for the social menus.
  • Fix: Fixes URL mapping for Mastodon, Telegram, and WhatsApp.
  • Fix: Adds compatibility between the blog’s no content option and bbPress.

1.3.5

Release date: August 10, 2021

  • Fix: Adjusts CSS for the Contact Form 7 loader.

For Twenty Twenty theme:

  • Fix: Restores the units for the Gutenberg column block.
  • Fix: Restores the alignment of the button block for the deprecated markup.

1.3.4

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.

1.3.3

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.

1.3.2

Release date: July 5, 2021

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

1.3.1

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).

1.3

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:

  • Miglioramento: aggiorna il file .json dei Google font.
  • 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.

Vedi i cambiamenti delle versioni.