Toolkit for Twenty Twenty & Twenty-One Themes

Descrizione

Un modo facile per costruire un bellissimo sito web.

Twentig ti aiuta a personalizzare i temi WordPress predefiniti (Twenty Twenty-One e Twenty Twenty) nel modo che preferisci con Google Fonts, colori, layout personalizzati e molte altre opzioni. Con i temi preimpostati, i blocchi Gutenberg migliorati di Twentig e i modelli di blocchi pre-progettati, è più facile che mai creare siti straordinari.

🔥 Check out the starter websites to see the power and flexibility of Twentig and the WordPress 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 the starter website 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 blocks). You can also only import what you need, be it the styling or the pages, on a fresh install or an existing website.

More to come. New starter websites will be released regularly.

Personalizza a tuo piacimento Twenty Twenty-One & Twenty Twenty.

Twentig offre potenti funzionalità per personalizzare Twenty Twenty-One e Twenty Twenty, semplificando la creazione del tuo sito web professionale.

Opzioni di personalizzazione avanzate. Dalla griglia degli articoli alla barra laterale, dall’header fisso al layout del footer, il nostro plugin offre infiniti modi per migliorare il tuo tema WordPress. Cambia l’aspetto del tuo sito web personalizzandone i font (Google Fonts), i colori, gli stili globali, la pagina 404 e altro ancora.

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.

Design su misura. Twentig apporta miglioramenti al design del tema WordPress predefinito. Le nostre impostazioni di blocco aggiuntive e i modelli di blocco predefiniti sono appositamente progettati per questo, quindi ti sarà più facile creare bellissime pagine con i blocchi Gutenberg.

Fai di più con i blocchi di WordPress.

Twentig migliora i blocchi esistenti di WordPress, portando l’editor a blocchi (nome in codice Gutenberg) a un nuovo livello di design e creatività.

Personalizzazione dei blocchi semplificata. Abbiamo aggiunto la giusta quantità di funzionalità ai blocchi principali di WordPress. In questo modo puoi personalizzare facilmente i tuoi blocchi per adattarli con pochi clic alle tue esigenze.

Potenti funzionalità di blocco. Twentig fornisce stili alternativi, impostazioni di blocco avanzate, controlli dei margini e delle classi CSS. Dallo stile delle colonne al divisore della forma del gruppo alle impostazioni tipografiche, ti dà i migliori strumenti per personalizzare i tuoi blocchi e creare delle pagine straordinarie.

Costruisci il tuo sito rapidamente con i template dei blocchi.

Twentig ha in dotazione centinaia di modelli di blocchi e layout di pagine predefiniti che ti faranno creare pagine sorprendenti nel modo più facile e veloce che mai.

Modelli di blocchi flessibili. Scegli tra una varietà di modelli di blocchi versatili e layout di pagina che puoi combinare e abbinare per adattarli al tuo progetto. La nostra libreria di modelli di blocchi è progettata per consentire un’ampia gamma di usi e infinite possibilità di design.

Design professionale. I nostri modelli di blocchi e layout di pagina sono responsive e conferiscono alle tue pagine un aspetto professionale sin dall’inizio — non c’è bisogno di avere competenze di progettazione o programmazione.

Elenco delle caratteristiche e funzionalità Twentig

Guarda le schermate per vedere cosa puoi fare con Twentig.

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
  • Larghezza ampia (Twenty Twenty-One)
  • Larghezza del sito per creare un sito con layout boxed (Twenty Twenty-One)

Pagina articoli blog

  • Layout blog: impilato, griglia articoli, griglia schede articoli
  • Barra laterale del blog (Twenty Twenty-One)
  • Numero di colonne per i layout della griglia degli articoli
  • Opzioni immagine in evidenza
  • Opzioni contenuto blog
  • Opzioni meta blog
  • Stile della paginazione (Twenty Twenty-One)

Articolo singolo blog

  • Layout per l’immagine in evidenza e il titolo dell’articolo
  • Barra laterale del blog (Twenty Twenty-One)
  • Opzione per visualizzare il riassunto manuale sotto al titolo
  • Opzioni meta articolo singolo
  • Layout navigazione dei post (Twenty Twenty)
  • 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

  • Stile minimale per i link (Twenty Twenty-One)
  • Stile pulsante
  • Stile divisore
  • Stile icone social (Twenty Twenty)

Impostazioni addizionali del blocco

  • Blocchi principali di WordPress: margine superiore e margine inferiore
  • Blocco gruppo: ombra, bordo, divisore di forma, altezza piena
  • Blocco colonne: intercapedine, layout responsive, stile delle colonne (scheda, bordo), allineamento del testo, collegamento allungato
  • Media & blocco di testo: stili (ombra, sovrapposizione), layout responsive, ordine di sovrapposizione inverso, collegamento allungato, altezza piena
  • Blocco copertina: stili (ombra, bordo interno), altezza piena, collegamento allungato, effetto al passaggio del mouse
  • Heading block: typography options, decoration
  • Blocco paragrafo: ampia larghezza, opzioni tipografiche
  • Blocco elenco: stili (trattino, segno di spunta, freccia, bordo, elenco non puntato, in linea), opzioni tipografiche, spaziatura
  • Blocco immagine: stili (arrotondato, ombra, cornice, bordo), filtro immagine
  • Blocco galleria: variazione della pila, stili (arrotondato, cornice), colonne a larghezza fissa, proporzioni dell’immagine, rilegatura, layout reattivo, dimensione della didascalia, bordo, filtro immagine
  • Blocchi YouTube, Vimeo, SoundCloud e Video: stile (cornice)
  • Blocco ultimi articoli: stili (scheda, bordo), proporzioni dell’immagine, dimensioni dell’header, collegamento allungato, allineamento del testo
  • Social Icons block: hover effect
  • Blocco citazione: stili aggiuntivi
  • Blocco citazione evidenziata: stili aggiuntivi
  • Blocco tabella: stili (bordo, bordo interno), allineamento verticale
  • Blocco pulsanti: larghezza piena
  • Blocco divisore: stile (linea breve), visibilità responsive
  • Blocco spaziatore: visibilità responsive

Libreria template dei blocchi

Centinaia di modelli di blocco raggruppati nelle seguenti categorie:

  • Colonne
  • Colonne di testo
  • Testo & immagine
  • Testo
  • Hero, sezione titolo della pagina
  • Copertina
  • Invito all’azione
  • Elenco
  • Numeri, statistiche
  • Galleria
  • Video, audio
  • Ultimi articoli
  • Contatto
  • Team
  • Testimonianze
  • Loghi, clienti
  • Prezzi
  • FAQ
  • Eventi, pianificazione

Decine di pagine predefinite raggruppate per le seguenti categorie:

  • 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 it 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.
  • Aggiungi Google Fonts. Cambia facilmente i font del tuo sito web con i nostri abbinamenti di font o scegli i Google Font di tua preferenza.
  • Crea con la libreria di template Twentig. Crea le tue pagine in pochissimo tempo con i nostri schemi di blocchi e layout di pagina.
  • Personalizza i tuoi blocchi. Trasforma i blocchi WordPress esistenti con impostazioni avanzate così da creare una bella pagina.
  • Crea con gli schemi dei blocchi. Scegli tra centinaia di schemi di blocchi pronti per l'uso che puoi combinare e abbinare.
  • 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

Per sfruttare appieno Twentig, ti consigliamo vivamente di utilizzare il tema WordPress predefinito Twenty Twenty-One (o Twenty Twenty).

Come installare e attivare Twenty Twenty-One:

  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

Le funzionalità o caratteristiche di Twentig si trovano all’interno dell’editor a blocchi di WordPress e in Personalizza.

  • All’interno di Personalizza (Aspetto > Personalizza) puoi facilmente localizzare le nostre opzioni addizionali in Denominazione del sito, Colori e nei pannelli Opzioni Twentig.
  • All’interno dell’editor a blocchi, puoi trovare nell’angolo in alto a destra l’icona [tw]. Questa serve ad aprire la libreria dei template di blocchi Twentig.
  • All’interno dell’editor a blocchi, puoi trovare le nostre impostazioni aggiuntive dei blocchi nella barra laterale delle impostazioni del blocco (Stile, Impostazioni Twentig e pannelli Avanzate), a seconda del blocco selezionato.
  • All’interno dell’editor dei blocchi, puoi trovare i nostri modelli di pagina personalizzati nel pannello Attributi della pagina che si trova all’interno della barra laterale delle impostazioni della pagina.

FAQ

Quali sono i requisiti per usare Twentig?

Ti consigliamo di utilizzare l’ultima versione di WordPress (5.7) per sfruttare appieno Twentig e l’editor a blocchi.

Twentig è facile da usare?

Con Twentig, non sono necessarie capacità di codifica o progettazione. Puoi personalizzare il tema WordPress predefinito e i blocchi Gutenberg con pochi clic. I nostri modelli e layout di blocchi responsive predefiniti rendono ancora più semplice la creazione di pagine dall’aspetto professionale.

Come personalizzare Twenty Twenty-One / Twenty Twenty con Twentig?

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

Per Twenty Twenty-One, le nostre opzioni addizionali si trovano in Denominazione del sito, Colori e nei pannelli Opzioni Twentig.

Per Twenty Twenty, le nostre opzioni addizionali si trovano in Denominazione del sito, Colori, Template copertina e nei pannelli Opzioni Twentig.

Come inserire un modello di blocco?

  1. Nell’editor a blocchi, posiziona il tuo cursore dove vuoi inserire il layout.
  2. Nell’angolo in alto a destra fa clic sull’icona [tw] per aprire la libreria Twentig.
  3. Scorri le categorie e fai clic sul modello di blocco che vuoi inserire.
  4. Adesso puoi aggiungere il tuo contenuto, personalizzare o riposizionare i blocchi a piacimento.

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. Nelle impostazioni barra laterale, apri il pannello Pagina.
  3. Seleziona il template desiderato in Attributi pagina.
  4. Aggiorna la pagina per applicare i cambiamenti fatti.

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

Twentig ti consente di sostituire l’hero di una pagina. Puoi costruirlo da zero o puoi inserire uno dei nostri modelli di blocchi predefiniti.

  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. Nell’angolo in alto a destra fa clic sull’icona [tw] per aprire la libreria Twentig.
  5. Sfoglia la categoria “Hero, Sezione titolo pagina” e fai clic sul layout che desideri inserire.

Twentig è predisposto anche per RTL?

Sì! Twentig supporta le lingue RTL (da destra a sinistra).

Recensioni

24 Maggio 2021
Showed how to do multiple background images per page with custom CSS. Awesome.
20 Maggio 2021
This plugin really ramps up the OG Twenty Twenty-One theme. Super easy to use even as a non-techie, and it doesn't slow down my site. I'm very impressed that they offer this level of quality for a free plugin. Having read through some of the support requests, I have to comment on the professionalism of the administrators when dealing with demanding, obnoxious people. Uh, the plugin is free, don't be a jerk. Good job on still being nice to those individuals. Thanks for the wonderful plugin! Off to donate!
17 Maggio 2021
I’m building a website for a friend who owns a restaurant. As I’m not a designer, I’ve started with the Lutece template. I’m so happy with the result and it saves me a lot of time. Thank you so much!!!
14 Maggio 2021
Twentig 1.3 brings a simple way to import the starter websites inside the Customizer
Leggi tutte le recensioni di 94

Contributi e sviluppo

“Toolkit for Twenty Twenty & Twenty-One Themes” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

“Toolkit for Twenty Twenty & Twenty-One Themes” è stato tradotto in 4 lingue. Grazie ai traduttori per i loro contributi.

Traduci “Toolkit for Twenty Twenty & Twenty-One Themes” 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

Release date: May 12, 2021

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

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

Per Twenty Twenty-One:

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

Vedi i cambiamenti delle versioni.