Tema Tove: presentazione di un tema WordPress compatibile con Full Site Editing

Hamilton, Hitchcock, Chaplin, Miyazaki: quei nomi probabilmente ricordano personaggi famosi, soprattutto quando si pensa allo sport e al cinema.

Ma lo sapevi che hanno anche a che fare con WordPress? Sì, per davvero. Tranne che non è quello che pensi: Lewis Hamilton non ha deciso di entrare nel web design WP dopo aver perso il titolo mondiale 2021 nell'ultimo giro dell'ultimo Gran Premio.

Detto questo, potrebbe diventare psicopatico (ciao Alfred) ma non hai capito il punto. In effetti, quei 4 cognomi famosi sono anche temi WordPress creati dal prolifico e creativo Anders Noren .

L'uomo ne ha più di 20 nell'elenco ufficiale, e oggi ci concentreremo sul suo ultimo bambino, chiamato Tove .

Il nome è anche associato a una celebrità – su questo torneremo più avanti – ma è soprattutto intimamente legato a una piccola rivoluzione con la release 5.9 di WordPress.

Il suo nome? Modifica completa del sito (FSE). Ammettilo, muori dalla voglia di saperne di più, vero? Luci, macchina fotografica, azione: vieni con me a scoprire Tove… e allo stesso tempo anche un po' di FSE, visto che vanno insieme!

I tuoi migliori progetti WordPress hanno bisogno del miglior host!

WPMarmite consiglia Bluehost: ottime prestazioni, ottimo supporto. Tutto quello che ti serve per iniziare alla grande.

Prova Bluehost

Qual è il tema Tove?

Tove è un tema WordPress gratuito e multiuso basato interamente sui blocchi utilizzati dall'editor di contenuti di WordPress (Gutenberg). È stato progettato per adattarsi e soddisfare i requisiti del progetto Full Site Editing, rilasciato con WordPress 5.9 (rilasciato il 25 gennaio 2022).

Lanciato a settembre 2021, Tove rimane molto riservato al momento in cui scriviamo. Ha "solo" oltre 400 installazioni attive, principalmente per un semplice motivo: può essere utilizzato solo con WordPress 5.9 o con una delle ultime versioni del plugin Gutenberg.

Tra le specificità del tema WordPress Tove, spiccano i seguenti punti, come evidenziato dal suo sviluppatore, Anders Noren:

• Tove è molto leggero in termini di codice , il che è un vero vantaggio in termini di velocità di caricamento e di esperienza utente che può offrire.
• È stato progettato specificamente per ristoranti e caffè , "ma puoi utilizzare Tove per qualsiasi tipo di sito web desideri" , afferma Noren. Tove si caratterizza anche per la sua flessibilità.
• Il tema Tove ha circa 40 schemi a blocchi che possono essere aggiunti con un clic alle tue pagine per avere un'intestazione e un piè di pagina pronti per l'uso, ad esempio.

Questo lo rende un degno oggetto di studio, sapendo che i temi compatibili con FSE sono attualmente poco diffusi nell'ecosistema.

Da un lato, ne troverai alcuni creati sperimentalmente (Armando, Q, TT1 Blocks).

D'altra parte, ti imbatterai in temi che hanno preso la decisione di cavalcare l'onda FSE prima degli altri, come Blockbase, Hansen o Aino.

Bene, sto parlando della modifica completa del sito, ma questo termine potrebbe essere tutto greco per te. Per aiutarti a capirlo meglio, ti darò alcuni suggerimenti su questo argomento caldo.

Che cos'è la modifica completa del sito?

Il progetto Full Site Editing, disponibile con WordPress 5.9, consente di creare e modificare l'intera struttura di un sito (inclusi intestazione, piè di pagina, menu e modelli di pagina, non solo il suo contenuto) utilizzando i blocchi dell'editor di contenuto (Gutenberg).

Come dettagliato in questo articolo, gli elementi chiave solitamente gestiti dal tema, come l'intestazione o la pagina 404, possono ora essere gestiti utilizzando i blocchi dell'editor di contenuti, che già utilizzi per scrivere i tuoi post, ad esempio.

Questo è un cambiamento importante, che avvicina l'editor di contenuti di WordPress al modo in cui funziona un generatore di pagine .

Puoi anche dare un'occhiata al nostro studio dettagliato su FSE e il suo impatto sui negozi di temi di WordPress.

Ora sai tutto su FSE! Continuiamo con un focus sullo sviluppatore del tema Tove, Anders Noren.

Tema Tove: Il tocco di Anders Noren

Se segui da vicino le notizie di WordPress, il nome Anders Noren deve sicuramente suonare un campanello.

Questo sviluppatore e web designer svedese con sede a Stoccolma è diventato famoso per i suoi temi WordPress, tutti disponibili gratuitamente nella directory ufficiale.

In totale, ne offre 22 e ci sono stati circa 4 milioni di download . La maggior parte di loro sono principalmente dedicati al blog, ma puoi anche trovarne alcuni per creare un portfolio o un negozio online.
Spesso la linea guida è la stessa: un aspetto minimalista e pulito.

Oltre a ciò, Noren contribuisce anche allo sviluppo di WordPress Core. Un esempio? Ha progettato il tema nativo Twenty Twenty, che viene fornito con WordPress 5.3 .

Nel mezzo di questo piccolo esercito di temi, c'è Tove, il primo tema compatibile al 100% con FSE creato da Noren. Dopo questo primo controllo del polso, è il momento di dare un'occhiata a questo tema innovativo.

Per la cronaca, il nome Tove deriva da Tove Jansson, uno scrittore, pittore e fumettista finlandese noto principalmente come autore di libri per bambini secondo Wikipedia. In particolare ha creato i Moumines, una famiglia di troll bianchi.

Che aspetto ha il tema Tove?

Sulla base della presentazione demo del tema Tove, possiamo vedere diverse caratteristiche principali:

• I colori pastello e sgargianti , con predominanza di rosa, blu e giallo.
• I diversi elementi nell'intestazione : icone che reindirizzano ai social network, orari di apertura (ricordiamo che il tema è dedicato a caffè e ristoranti) e persino un pulsante di invito all'azione. Il logo si trova al centro dell'intestazione.
• Le immagini vengono visualizzate a schermo intero.
• Blocchi di contenuto rettangolari e quadrati .
• Spazi vuoti per consentire la respirazione e per accentuare il lato arioso.
• L'uso della tipografia “DM Sans” , geometrica e sans serif.

La demo è lì per darti un aspetto visivo completo del tema, ma puoi ovviamente modificarne le caratteristiche di base (colori, tipografia, tipi di blocchi, ecc.) giocando con la bestia.

Questo è ciò su cui ci concentreremo nella prossima parte.

Unisciti agli abbonati WPMarmite

Ottieni gli ultimi post di WPMarmite (e anche risorse esclusive).

ISCRIVITI ORA

Come personalizzare il tema Tove su WordPress?

Editore del sito

Una volta attivato il tema Tove, vai su Aspetto > Editor. L'editor del sito è arrivato con WordPress 5.9.

Qui è dove puoi personalizzare Tove, così come qualsiasi altro tema basato su blocchi che installerai in seguito.

Come puoi vedere, il menu Widget è sparito, così come quello del Customizer.

Tutto ora accade su questo famoso editor di siti, che utilizza i blocchi di Gutenberg per creare e alimentare tutte le aree del tuo sito .

Per impostazione predefinita, finisci su un modello "Indice", che elenca tutte le pubblicazioni del tuo blog.

All'inizio, potrebbe creare un po' di confusione. Vedrai che ora tutto può essere modificato magicamente. Per apprezzarlo, passa il mouse su qualsiasi elemento della pagina.

Facendo clic su di esso si accede alla barra degli strumenti dell'editor di contenuti, da cui è possibile apportare modifiche :

Modelli

Per facilitare la creazione di pagine standard, Tove propone anche 5 template. Puoi accedervi cliccando su “Sfoglia tutti i modelli”:

Tra questi modelli ci sono i seguenti:

• Post singolo , per gestire la visualizzazione della pagina del post (immagine in evidenza, meta tag, ecc.).
• Pagina , per organizzare la presentazione di una singola pagina, come si farebbe con un post.
• Index , per personalizzare l'organizzazione della tua pagina Blog, quella che elenca tutte le tue pubblicazioni.
• Pagina senza titolo , per progettare una pagina senza titolo.
• 404 , per creare una pagina 404 personalizzata.

Stili globali

Rimaniamo sull'argomento delle impostazioni generali del tuo sito guardando gli Stili Globali. Questa è una nuova funzionalità in WordPress 5.9 , che ovviamente utilizza il tema Tove.

Con questi stili globali, ora puoi cambiare i colori, la tipografia, il layout e persino l'aspetto di blocchi specifici nel tuo sito, tutto in una volta.

Non è più necessario passare attraverso il lungo processo di modifica di ogni elemento uno per uno.

Fondamentalmente, l'obiettivo è sostituire lo strumento Customizer fornendo un posto per gestire tutte le impostazioni di stile di temi e blocchi.

Per accedere a questa opzione e modificare l'aspetto visivo di Tove - il colore rosa potrebbe non rientrare nella tua guida di stile -, fai clic sul piccolo pulsante in alto, a destra della barra degli strumenti dell'editor del sito:

Da lì, puoi gestire le impostazioni di diversi elementi, come la selezione del colore. Puoi persino creare la tua tavolozza, se lo desideri.

Stili di blocco

Vuoi andare oltre un elemento alla volta? Ogni blocco separatamente? È anche possibile con il tema Tove, che offre alcuni stili di blocco personalizzati.
Per scoprirli, devi solo cliccare sul blocco di tua scelta.

A seconda del blocco selezionato verranno proposti uno o più stili . Ad esempio, il blocco "Citazione" offre uno stile "Semplice" e uno "Grande", che modificano la dimensione del carattere:

Il blocco "Immagine" offre due opzioni di stile: "Arrotondato" o "Ombreggiato".

Blocca i modelli

Infine, sappi che con il tema Tove puoi creare da zero il contenuto delle tue pagine e dei tuoi post, grazie all'aggiunta di schemi a blocchi.

Si tratta di sezioni di contenuto pronte per l'uso, composte da diversi blocchi Gutenberg . Puoi aggiungerli molto facilmente ai tuoi contenuti, facendo clic sulla scheda "Modelli" nell'editor di contenuti di WordPress.

I modelli sono stati introdotti con WordPress 5.5. Per tua informazione, oltre all'editor di contenuti, puoi trovarli anche in una directory specifica sul sito Web ufficiale di WordPress. Per usarli, devi solo copiare e incollare il modello di blocco che ti interessa direttamente nell'editor di contenuti.

Anders Noren offre quasi 40 schemi a blocchi sul tema Tove. Sono divisi in 7 categorie:

• Invito all'azione , con 2 modelli per creare un invito all'azione orizzontale o verticale.
• Blog , per personalizzare la visualizzazione della tua pagina Blog, soprattutto come griglia o elenco (5 template in totale).
• Header , che offre 6 diversi modelli di intestazione.

• Generale , dove troverai 11 modelli per visualizzare testimonianze, tabelle prezzi, banner informativi e altre icone di social network.
• Hero , che include 4 modelli per visualizzare uno sfondo, un titolo, pulsanti e un testo.
• Ristorante , con 8 template pronti all'uso specifici per i ristoranti: menù, orari di apertura, informazioni pratiche, pulsante di prenotazione.

• Footer , con 7 template per personalizzare il tuo footer, inclusi crediti e layout (con colonne, per esempio).

Bene, ora sai come manipolare e personalizzare Tove. Prima di andare avanti, ecco la mia opinione sulla gestione di questo tema.

In generale, il tema Tove è facile da usare, il che è un grande vantaggio. Anche se all'inizio dovrai abituarti all'editor del sito di WordPress, specialmente per coloro che hanno letto questo articolo all'inizio del 2022, ne imparerai rapidamente, soprattutto se conosci già l'editor di contenuti.
Hai imparato a usare i blocchi? Allora Tove non avrà segreti per te.

Infine, per chiudere questa parte sulla personalizzazione del tema, sappi che puoi accoppiare Tove con un generatore di pagine.

Tuttavia, non è lo scopo originale del tema, poiché è stato progettato per essere utilizzato con l'editor di siti WordPress. Ma nulla ti impedisce di usarlo come punto di partenza accoppiandolo con un Elementor, ad esempio.

Costruisci il tuo sito web con Elementor

Progetta facilmente l'aspetto del tuo sito Web WordPress con il famoso generatore di pagine. Prova Elementor

Prova Elementor

Ancora concentrato? Quindi passiamo alla parte successiva dell'articolo, coprendo diversi argomenti che dovrebbero interessarti.

Performance, SEO, responsive: zoom su 3 aspetti principali

Prestazioni del tema WordPress Tove

Il primo aspetto su cui i webmaster tendono a concentrarsi – e giustamente – è la velocità di caricamento del proprio sito.

Questa è ovviamente una cosa da tenere in considerazione con attenzione, poiché ha un impatto sull'esperienza dell'utente , tanto meno sulla SEO, contrariamente alla credenza popolare.

Diversi fattori possono alterare la velocità di caricamento delle pagine del tuo sito: il peso delle tue immagini, i plugin che usi, il tuo host web, la tua versione di PHP, ecc.

Tra questi c'è anche il tuo tema. Più è leggero e meglio codificato, più è probabile che tu abbia un sito veloce.

In questo senso, Tove è uno studente eccellente. Non è sovraccarico di elementi non necessari e, come affermato nella sua pagina di presentazione, poiché è costruito attorno al progetto Full Site Editing, Tove rimane “semplice e snello. Davvero magro. Il tema pesa poco più di 200 kilobyte e la maggior parte di questi byte proviene dalle illustrazioni segnaposto e dallo screenshot del tema” .

Questo è ciò che noterai se testerai la demo del tema su uno strumento di misurazione delle prestazioni come WebPageTest.

A proposito, se il tuo sito è un po' in ritardo, cogli l'occasione per dargli una piccola spinta attivando ad esempio l'ottimo plugin premium WP Rocket (link di affiliazione).

SEO

Sei preoccupato per la velocità di caricamento delle tue pagine? Quindi, come creatore di siti coscienzioso, devi sicuramente essere preoccupato per il tuo SEO.

È vero che il buon posizionamento dei tuoi contenuti nella prima pagina dei risultati dei motori di ricerca è fondamentale per ottenere più traffico, e tutto ciò che ne consegue (vendite, download, abbonamenti a newsletter, compilazione moduli, richiesta preventivo, ecc.).

Affinché una pagina venga classificata correttamente su Google e altri, devi schematicamente:

• Lavora sul contenuto del tuo sito attorno alle query target (parole chiave).
• Ottenere link da altri siti (i famosi backlink).
• Prenditi cura dell'architettura del tuo sito .

Un tema ben codificato nel rispetto delle buone pratiche SEO ti permetterà di partire su basi solide, come è il caso del tema Tove.

Per gestire il tuo SEO in loco (ottimizzazione dei contenuti), non avrai opzioni specifiche con il tema di Anders Noren.

Nell'editor di contenuti di WordPress, sarai in grado di scegliere i tag del titolo (h1, h2, h3, h4, h5) di tua scelta e applicarli correttamente ai tuoi diversi titoli.

Per il resto, consiglio di utilizzare un plugin SEO generale come Yoast SEO. Non ti farà guadagnare automaticamente posizioni nelle pagine dei risultati di ricerca.

Tuttavia, assicurerà che tu possa configurare correttamente alcuni aspetti chiave del tuo SEO, a condizione che tu lo faccia nel modo giusto.

Per questo, vai alla nostra guida sul plugin SEO più famoso, sul blog WPMarmite.

reattivo

Prendersi cura delle prestazioni del tuo sito e della SEO è fantastico. Ma non rovinare tutto con un sito che non è ottimizzato per i dispositivi mobili. In parole esatte, lo chiamiamo “reattivo design".

Ancora una volta, questo è qualcosa di cui occuparsi davvero, soprattutto se la maggior parte dei tuoi visitatori arriva al tuo sito WordPress con uno smartphone o un tablet.

Suggerimento: per scoprire quale tipo di dispositivo stanno utilizzando i tuoi visitatori, vai su Google Analytics: Pubblico > Mobile > Panoramica.

Anders Noren non è un fan del marketing aggressivo per promuovere i suoi temi, quindi non ti imbatterai in grandi inserti pomposi sulla pagina di presentazione del tema che certificano che Tove è reattivo.

Al giorno d'oggi, qualsiasi tema WordPress che si rispetti deve essere ampiamente reattivo, anche se probabilmente dovrai apportare alcune modifiche dalla tua parte per assicurarti che tutto sia a posto.

Nella stragrande maggioranza dei casi, i temi WP che troverai nella directory ufficiale sono reattivi per impostazione predefinita.

Per garantire ciò manualmente, puoi procedere in due modi:

1. Restringi la finestra del browser a sinistra oa destra per verificare che i contenuti si adattino correttamente, uno sotto l'altro. Per Tove è così: tutto viene visualizzato in modo impeccabile man mano che la finestra si restringe.
2. Utilizza uno strumento gratuito offerto da Google : il Mobile-Friendly Test. Per farlo nel modo giusto, ho messo alla prova la pagina demo di Tove. Google non ha trovato nulla di sbagliato in questo:

Eccoci qua: responsive, SEO e performance, abbiamo finito con questa parte difficile. Visto che siamo arrivati ​​alla fine della rassegna di questo tema, parliamo del disegno di legge?

Prezzo Tove e supporto per l'utente

Con Tove non ci sono sorprese e costi nascosti in termini di prezzo: è gratis al 100% , proprio come il resto dei temi ideati da Anders Noren.

È sempre bello, ma sai, il tema gratuito significa supporto ridotto.

Ebbene sì, non puoi avere tutto nella vita. Nel caso in cui rimani bloccato o hai un problema tecnico con Tove, non avrai un supporto utente dedicato.

Puoi sempre provare a pubblicare le tue richieste sul forum di supporto pubblico di Tove. Ed ecco la buona notizia: noterete che Anders Noren è piuttosto reattivo e risponde alle domande che gli vengono poste , il più delle volte.

Detto questo, in pratica, la maggior parte dei problemi che potresti incontrare avranno a che fare con l'editor del sito di WordPress, non necessariamente con Tove, che si basa su di esso.

E per questo non esiste una ricetta miracolosa: dovrai esercitarti a domare l'animale e dominarlo come un capo .

Poiché la modifica completa del sito è un progetto recente, basato sul tempo in cui scrivo, potrebbe essere necessario leggere l'argomento per comprendere tutte le sottigliezze.

Per questo, Noren consiglia il sito Web di Carolina Nymark, collaboratore del WordPress Core: fullsiteediting.com.

La nostra opinione sul tema Tove

Bene, eccoci qui. La degustazione di Tove è finita. È tempo di digerire tutto questo e di fare un debriefing. Riassumiamo tutto ciò che abbiamo esaminato dall'inizio di questo post.

Soddisfacendo i requisiti del progetto Full Site Editing, Tove è un tema WordPress pionieristico. Al momento, la maggior parte dei negozi e altri designer di temi non hanno raggiunto ciò che rappresenta il futuro della creazione e modifica di siti con WP.

Semplice da maneggiare, piacevole e facile da usare senza codifica , Tove è un tema che sembra naturalmente destinato ai principianti.

Può infatti adattarsi a questo tipo di profilo, soprattutto se sei nella ristorazione e vuoi creare un Blog o un semplice sito vetrina, ma a me sembra più adatto a persone che già conoscono WordPress e il suo editor di siti .

In effetti, anche se i pattern a blocchi ti consentono di aggiungere facilmente modelli pronti all'uso all'interno delle tue pagine, non dimenticare che dovrai modellare il design e l'architettura delle tue pagine chiave (Blog, 404, ecc. .).

Inoltre, se lo confrontiamo con altri temi famosi della directory ufficiale, Tove rimane molto più leggero in termini di opzioni di personalizzazione (il che è logico in quanto non è il suo scopo).

Quindi, un web designer principiante si sentirà sicuramente più a suo agio con i temi che lo guidano dalla A alla Z e che sono pieni di modelli e altre opzioni di stile come Astra, GeneratePress, Kadence o Blocksy.

In ogni caso, Tove è connessa al futuro . Dovrebbe continuare ad espandersi con lo sviluppo del FSE e forse diventerà un tema irrinunciabile nei prossimi mesi. Da seguire da vicino, quindi.

Scarica il tema Tove:

Cosa ne pensi? Hai già intenzione di aderire al tema FSE e Tove?

Sto aspettando le vostre risposte nei commenti qui sotto.