Una panoramica del tema WordPress predefinito del 2021

Pubblicato: 2021-03-12

Ogni anno, il team di WordPress rilascia un nuovo tema predefinito. Questo aggiornamento di solito mostra alcune delle ultime funzionalità che la piattaforma ha da offrire e il tema WordPress predefinito del 2021 non fa eccezione.

L'intero obiettivo del tema Twenty Twenty-One è fornire la migliore esperienza possibile agli utenti del Block Editor. In questo articolo parleremo di ciò che ha da offrire e te lo mostreremo in azione. Immergiamoci!

Un'introduzione al tema WordPress predefinito del 2021

Il tema WordPress predefinito del 2021

Twenty Twenty-One è stato distribuito con WordPress 5.6 l'8 dicembre 2020, quindi abbiamo avuto un po' di tempo per vedere cosa ha da offrire. Utilizza una versione modificata del tema Seedlet con variabili CSS nidificate, carattere locale con uno stile neutro e una tavolozza di colori limitata. Il design moderno del tema presenta diversi nuovi modelli di blocchi con immagini a strati che ricordano una bacheca Pinterest, il che lo rende ideale per i siti Web di portfolio.

A prima vista, il tema non appare davvero dallo schermo, ma non è destinato a farlo. Il suo scopo principale è quello di fornirti una tela su cui puoi facilmente costruire usando l'Editor blocchi. Tuttavia, include anche diverse funzionalità interessanti come:

  • Tag del titolo
  • Elementi HTML5
  • Loghi e sfondi di intestazione personalizzati
  • Due menu di navigazione (uno nell'intestazione e un menu secondario per il piè di pagina)
  • Preset gradiente per blocchi
  • Un blocco di copertina personalizzato
  • Più formati di post personalizzati

Tra questi formati di post, hai collegamenti, gallerie, citazioni, stati, video e persino chat:

Le opzioni di layout dei post Twenty-One.

Il tema supporta anche alcune delle ultime funzionalità offerte dall'Editor blocchi, inclusi i modelli di blocchi precedentemente menzionati. Inoltre, ci sono più tavolozze di colori predefinite in bundle, a cui puoi accedere tramite il Customizer.

Dal momento che Twenty Twenty-One è così modesto a prima vista, andiamo avanti e vediamo come funziona in azione.

Il tema Ventuno in azione

Twenty Twenty-One viene fornito con quattro pagine predefinite che puoi utilizzare come modelli per i contenuti principali del tuo sito web. In questa sezione, esamineremo ogni pagina sia dal front-end che dal back-end.

Pagina iniziale

Come accennato in precedenza, il modello di home page del tema WordPress predefinito del 2021 utilizza modelli di blocchi che lo fanno assomigliare molto a una bacheca Pinterest:

L'intestazione della homepage di Twenty-One

Il design della home page è molto semplice. Hai un menu minimalista con un semplice effetto di sottolineatura al passaggio del mouse e un'intestazione di eroe. La parte davvero interessante del design è la sezione che vedete di seguito.

Quest'area include due colonne con uno stile sovrapposto, che è ciò che consente all'immagine a destra di uscire sopra le due a sinistra:

Selezione dello stile di sovrapposizione per le colonne

Puoi facilmente sostituire le immagini, aggiungere bordi o cambiarne lo stile dall'editor blocchi:

Modificare lo stile di un'immagine utilizzando l'editor blocchi

L'editor rende anche facile cambiare il colore di sfondo predefinito dell'intera pagina o delle singole sezioni con pochi clic:

Modificare il colore di sfondo di un blocco

Se scorri un po' più in basso, vedrai una sezione a tre colonne che include alcune informazioni di base sul tema. Queste colonne menzionano stili sovrapposti e cornici immagine, di cui abbiamo già parlato:

Parte della homepage di Twenty Twenty-One

L'ultima colonna parla di modelli. Come accennato in precedenza, il tema Twenty Twenty-One viene fornito con una serie di modelli di blocchi predefiniti. Tutti gli elementi che vedi nella home page sono disponibili come modelli:

Ventuno modelli di blocco.

Utilizzando i modelli, puoi espandere le sezioni predefinite del tema per creare un portfolio più completo.

Informazioni e pagine di contatto

È possibile accedere alle pagine predefinite Informazioni e Contatti di Twenty Twenty-One dal menu principale nella parte superiore del sito web. Per impostazione predefinita, entrambe le pagine sono molto semplici e includono solo un paio di intestazioni:

Twenty-One's About page

La pagina Informazioni è il luogo perfetto per testare alcuni dei modelli che il tema presenta per te. Ad esempio, il modello del titolo dell'articolo Media e testo è perfetto se vuoi includere una tua foto e una breve biografia:

Aggiunta di un modello multimediale utilizzando l'editor blocchi

Ciascuno dei modelli di blocco del tema include più stili e layout. Con questo particolare esempio, puoi cambiare la posizione dell'immagine, modificare i bordi del motivo e persino impostare la grafica da impilare sui dispositivi mobili, rendendo più facile la visualizzazione su smartphone e tablet:

Configurazione di un motivo utilizzando l'editor blocchi

Nella pagina Informazioni , puoi anche mostrare alcuni dei tuoi lavori migliori utilizzando la vetrina Due immagini o Immagini sovrapposte e modelli di testo , che vengono forniti con il tema:

Immagini e testo sovrapposti

Come puoi vedere, le immagini giocano un ruolo chiave in tutto il tema WordPress predefinito del 2021. L'editor blocchi rende più facile che mai posizionare i media esattamente dove vuoi che appaiano. Ora puoi persino sovrapporre elementi senza dover aggiungere manualmente CSS personalizzati.

Una funzionalità che manca al tema Twenty Twenty-One è un modulo di contatto per la sua pagina di contatto predefinita:

La pagina dei contatti di Twenty Twenty-One

Tuttavia, questa non è una funzionalità che normalmente ci aspetteremmo di trovare in un tema WordPress predefinito. Considerando i numerosi plug-in di moduli di contatto gratuiti disponibili, probabilmente non ti mancherà nel tema.

Blog

Uno dei nostri aspetti preferiti di Twenty Twenty-One è il suo stile di blog. Il tema utilizza caratteri molto sobri che sono facili da leggere e la sua pagina Blog consente a ciascuna immagine in primo piano di attirare l'attenzione che merita:

La pagina del blog Ventuno.

Tuttavia, la navigazione in più pagine del contenuto del blog può essere complicata. Il tema posiziona per impostazione predefinita una barra di ricerca nella parte inferiore del sito per aiutare i tuoi utenti a trovare i post che stanno cercando. Per migliorare la navigazione, potresti considerare di spostare la barra di ricerca nella parte superiore dello schermo, accanto al menu, e di includere un widget Post recenti in una barra laterale.

Nel complesso, se stai cercando un tema perfetto per un sito Web di portfolio creativo o un blog personale, vale la pena considerare Twenty Twenty-One. Allo stesso modo, potresti voler dare un'occhiata solo per giocare con le nuove funzionalità relative ai blocchi che ha da offrire per avere un assaggio di ciò che potrebbe accadere nelle future versioni di WordPress.

Blocchi TT1 ed esperimenti sui blocchi

Sebbene il nostro obiettivo principale qui sia il tema WordPress predefinito del 2021, abbiamo anche pensato che potrebbe essere utile sottolineare il suo tema complementare, TT1 Blocks:

Il tema dei blocchi TT1.

In superficie, questi due temi sembrano più o meno gli stessi. La differenza è ciò che sta accadendo sotto il cofano. TT1 Blocks è un tema sperimentale basato su blocchi. Simile al plug-in Gutenberg, il suo scopo è dare agli utenti di WordPress la possibilità di armeggiare con le funzionalità imminenti prima che vengano unite al core.

Installando TT1 Blocks, puoi abilitare la modifica del sito completo. Questo è il passo successivo nello sviluppo del Block Editor. Consente agli utenti di creare parti dei propri siti al di fuori dell'area del contenuto principale con blocchi. In altre parole, puoi provare a creare i tuoi menu di navigazione basati su blocchi, intestazioni, piè di pagina e altro ancora.

Tieni presente che non è consigliabile utilizzare i blocchi TT1 su un sito live. Suggeriamo di installarlo su un sito locale o di staging per sperimentare.

Conclusione

Di solito, i temi predefiniti di WordPress sono ideali dal punto di vista delle prestazioni e basi decenti per siti Web semplici. Tuttavia, molti utenti passano ad altre opzioni il prima possibile perché desiderano accedere a più funzionalità o utilizzare un tema più flessibile.

Con il tema WordPress predefinito del 2021, le cose potrebbero cambiare. Il suo design moderno e la perfetta integrazione con l'editor di blocchi lo rendono una soluzione fantastica se ti senti a tuo agio nell'usare questo strumento. Se stai lavorando su un portfolio o un blog, ti consigliamo di dare un'occhiata a Twenty Twenty-One.

Avete domande sul tema Twenty Twenty-One? Parliamo di loro nella sezione commenti qui sotto!

Immagine in primo piano tramite Soloma / shutterstock.com