Il nuovo tema Twenty Twenty in WordPress 5.3

Poche settimane fa è stata rilasciata la nuova versione di WordPress. WordPress 5.3 è caratterizzato, principalmente, da tutti i miglioramenti UX e UI che include nell'editor dei blocchi e dal suo nuovo tema predefinito.

Twenty Twenty è stato progettato pensando all'editor di blocchi di WordPress . Nel post di oggi vorrei introdurre brevemente il nuovo tema, condividere con voi alcune delle cose che lo rendono speciale e insegnarvi come impostarlo e adattarlo alle vostre esigenze.

Venti venti a colpo d'occhio

Con ogni nuovo aggiornamento di WordPress , l'editor di blocchi fa un salto di qualità (non dimenticare che l'editor stesso è in fase di sviluppo molto attivo ed è disponibile come plug-in). L' obiettivo finale di Gutenberg è quello di diventare un costruttore di pagine completo e intuitivo che consenta agli utenti di progettare e strutturare i propri siti Web come desiderano.

La responsabilità di un tema WordPress è aggiungere un po' di personalità alla struttura e al design creati dall'utente nell'editor dei blocchi. Come definito dall'ideatore del tema:

Twenty Twenty è progettato con flessibilità al centro. Se desideri utilizzarlo per un'organizzazione o un'azienda, puoi combinare colonne, gruppi e media con allineamenti ampi e completi per creare layout dinamici per mostrare i tuoi servizi o prodotti. Se vuoi usarlo per un blog tradizionale, la colonna del contenuto centrato lo rende perfetto anche per quello.

Anders Noren

Un fatto interessante sul nuovo tema predefinito di WordPress è che, a differenza dei suoi predecessori, non è stato creato da zero, è basato su un tema che esisteva già nel repository di WordPress.org: Chaplin .

Un'altra caratteristica che contraddistingue Twenty Twenty è la tipografia con cui arriva, Inter, disegnata da Rasmus Andersson. È un carattere tipografico gratuito e aperto creato per facilitare la lettura del testo, soprattutto quando la dimensione del carattere è molto piccola.

Come installare il nuovo tema Twenty Twenty

Come ho già detto, questo tema è il nuovo tema predefinito in WordPress 5.3. Pertanto, se stai creando una nuova installazione di WordPress e utilizzi la sua versione più recente, il tema sarà già presente.

Ma è anche possibile installarlo nelle versioni precedenti di WordPress . Vai su Aspetto » Temi » Aggiungi nuovo e cerca il tema "Twenty Twenty":

Tieni presente che il tema è stato progettato pensando a Gutenberg , quindi ti consiglio di usarlo solo se crei i tuoi contenuti con l'editor di blocchi.

Come personalizzare Twenty Twenty

Il tema è facilmente personalizzabile dal personalizzatore del tema integrato di WordPress. Clicca su Aspetto »Personalizza e vedrai tutte le opzioni disponibili:

Sono sicuro che hai già familiarità con la maggior parte delle impostazioni disponibili, quindi diamo un'occhiata più da vicino a quelle che penso siano le più interessanti. Una delle prime cose che modificherei personalmente in Twenty Twenty è la sua tavolozza dei colori, perché non mi piace il tono seppia che usa per impostazione predefinita. Invece, userei qualcosa di più bianco:

Aspetto post

Per impostazione predefinita, l'aspetto dei post del blog è sobrio ed elegante. Come puoi vedere nello screenshot seguente, il titolo appare accanto ad alcune meta informazioni (autore, data di pubblicazione, categoria), tutte mostrate in modo ben visibile e molto pulito:

E subito dopo il titolo arriva l'immagine in evidenza, che più o meno si fonde con il contenuto.

Se non utilizzi immagini in primo piano (o le usi solo di tanto in tanto), questa visualizzazione predefinita è probabilmente la migliore. Ma se utilizzi immagini in primo piano in tutti i tuoi post, ti consiglio di cambiare i modelli dei tuoi post in Modello a larghezza intera :

Con questo modello, l'immagine in evidenza diventa ancora più rilevante e viene unita al titolo e ai metadati del post. Come puoi vedere, l'immagine prenderà completamente la prima piega:

che è una caratteristica che trovo piuttosto ordinata (nessuna sorpresa qui, dato che è abbastanza vicina a quella che stiamo usando nel nostro sito, giusto? ?)

Menù

Un'altra cosa che mi piace del tema è che ti permette di creare più menu, a seconda dello stile che ti piace di più. Da un lato, possiamo scegliere tra due opzioni di menu per il desktop:

• Menù orizzontale . È il menu mostrato in tutti gli screenshot precedenti. Le opzioni sono sempre visibili nella barra in alto del tuo sito web.

• Menù esteso . È un "menu nascosto". Per rivelarlo, devi semplicemente fare clic sull'icona dei puntini di sospensione (accanto al menu precedente) e il menu esteso scorrerà dall'angolo destro:

Un'altra prodezza piuttosto interessante è il menu sociale. Con esso, possiamo aggiungere collegamenti ai nostri social network e il tema mostrerà automaticamente ogni profilo come un pulsante con l'icona del social network in questione:

Questo non è qualcosa di nuovo per questo tema (è disponibile da un po', ormai, in tutti i temi di Twenty-something), ma lo adoro comunque.

Widget e ricerca

Infine, vale anche la pena menzionare le aree dei widget incluse nel tema. Sfortunatamente, le opzioni che abbiamo qui sono piuttosto limitate: puoi solo aggiungere widget nel footer. Quindi, se vuoi avere una barra laterale nel tuo blog o qualcosa di simile, temo che dovrai creare un tema figlio e adattare i modelli alle tue esigenze.

Per quanto riguarda le funzionalità di ricerca integrate di WordPress, il tema include un modulo rapido per la ricerca di contenuti sul tuo blog. C'è un pulsante nel menu con un'icona Cerca. Fare clic su di esso e la casella di ricerca verrà visualizzata nella parte superiore dello schermo tramite JavaScript:

Sommario

Il tema Twenty Twenty è il passaggio successivo della serie Twenty che viene fornita con ogni nuova versione di WordPress. Non direi che è un tema rivoluzionario, ma secondo me è un tema molto elegante che si integra perfettamente con le nuove funzionalità e capacità di WordPress. Se stai pensando di passare a un nuovo tema e non sai quale usare, dai una possibilità a Twenty Twenty. È veloce e sembra molto bello.

Immagine in primo piano di Ankhesenamun 96 su Unsplash.