10 temi per blocchi di WordPress con modifica completa del sito

WordPress ha fatto molta strada dall'essere visto solo come una soluzione di blogging. Dal rilascio dell'editor Gutenberg, la piattaforma ha continuamente spinto per dare ai suoi utenti maggiore libertà nelle scelte di design utilizzando il concetto di blocchi.

L'obiettivo finale di Blocks è trasformare WordPress in un costruttore di siti Web. È già possibile in una certa misura, attraverso l'uso di plugin e, più recentemente, l'aggiunta di Full Site Editing. FSE è un nuovo tipo di esperienza di creazione di siti Web in cui gli utenti di WordPress possono modellare il design del proprio sito direttamente dal front-end.

Che cos'è la modifica completa del sito?

In parole povere, la funzione di modifica completa del sito consente agli utenti di WordPress di modificare il design del proprio tema (a blocchi), senza dover scrivere alcun codice. L'enfasi è sui temi Block poiché questa nuova funzionalità è disponibile solo per i temi basati sulle basi di Blocks.

Come utente di WordPress, hai già familiarità con l'utilizzo dell'editor Gutenberg per scrivere post di blog usando i blocchi. L'idea per FSE è la stessa. Proprio come scrivere un post sul blog, con l'editor completo del sito puoi anche modificare il design del tuo sito usando i blocchi.

Dopo aver attivato un tema Blocco (come Twenty Twenty-Two), noterai una nuova opzione sotto la scheda Aspetto dalla dashboard di amministrazione. Si chiama Editore .

Facendo clic su Editor si accede immediatamente alla nuova dashboard di modifica completa del sito. La pagina predefinita che si apre è la home page. Ma puoi selezionare qualsiasi pagina supportata dal tema e iniziare a personalizzare. Ecco un esempio:

Nella demo sopra, ho:

1. Selezionato il blocco Piè di pagina come intera sezione.
2. Cambiato il colore di sfondo usando l'editor dei blocchi.

Non avevo bisogno di scrivere alcun CSS personalizzato. Inoltre non ho usato un singolo plugin. Tutte le modifiche vengono salvate direttamente nel tema stesso. Soprattutto, puoi modellare l'intero sito Web in questo modo.

È possibile selezionare gli elementi più piccoli, inclusa l'impaginazione e le singole voci di navigazione. È un'esperienza di creazione di siti Web nativa all'interno di WordPress stesso. E, come puoi immaginare, migliorerà solo con il passare del tempo.

Inaugurazione di una nuova era di WordPress

Il concetto di FSE è ancora molto fresco agli occhi di tutti.

Penso che sia sicuro affermare che per il momento, FSE farà fatica a competere con raffinati costruttori di siti Web come Elementor e Visual Composer. Ma sono certo che le cose cambieranno radicalmente con il rilascio di WordPress 6.0 e oltre.

Per quanto riguarda i temi a blocchi, gli sviluppatori hanno già iniziato a lavorare in quest'area. Nel repository di WordPress sono disponibili oltre 60 di questi temi. E forse altri 50 si sono diffusi sia attraverso design premium che progetti open source.

Quindi, con tutto ciò che è stato detto e fatto, penso che sia ora di dare un'occhiata più da vicino ad alcuni dei migliori temi di modifica del sito completo. Aggiornato frequentemente per includere nuovi temi non appena escono!

Wabi

Rich Tabor crea prodotti WordPress da oltre un decennio. Potresti conoscerlo da plugin come CoBlocks, ma anche dalla sua compagnia di temi ThemeBeans. A quanto pare, Rich non solo è un grande fan delle nuove funzionalità di WordPress, ma ha anche creato lui stesso un tema di modifica completa del sito. Il tema Wabi.

Proprio come il suo tema Tabor ( che adoro! ), Wabi è creato per narratori, blogger e chiunque sia interessato a pubblicare contenuti dettagliati. È anche una scelta eccellente per i siti portfolio e Rich usa il tema sul suo sito web.

Una delle caratteristiche principali di Wabi è la possibilità di cambiare stile * con un solo clic. Ha sia un tema chiaro che scuro e molteplici variazioni di colore dinamiche. Questo ti dà la libertà creativa di modellare ogni post in modo indipendente.

Usa i link sottostanti per saperne di più sul tema e vederlo in azione.

* Il plug-in Gutenberg è richiesto per gli stili personalizzati.

Tove

Vedere un nuovo tema pubblicato da Anders Noren è sempre un piacere. E se sei un fan di un approccio di design elegante, il tema Tove impressionerà! Ma non solo con il design.

Il tema è costruito da zero come punto di partenza per la modifica completa del sito. E Anders ha lavorato parecchio per fornire elementi creativi fuori dagli schemi. Ma oltre al design, il tema lascia una piccola impronta; non utilizzando JavaScript o immagini front-end.

Il sito demo ( link sotto ) è stato creato per un sito di ristoranti. Ma, se ti piace l'atmosfera generale del tema, hai la totale libertà di adattarlo alle tue esigenze. In tutto, nella Tove Style Guide sono inclusi circa 40 schemi a blocchi. Puoi usarli per cucire insieme un numero qualsiasi di design per qualsiasi pagina del tuo sito WordPress.

Blockpress

Blockpress sembra essere uno dei primi temi a blocchi all-in-one che supportano la modifica completa del sito. Inoltre, è stato creato tenendo conto delle migliori pratiche.

In particolare, Blockpress è ottimizzato per l'utilizzo delle risorse. Ogni pagina utilizza solo una piccola impronta delle risorse richieste e tutto il resto viene caricato in base ai blocchi utilizzati in qualsiasi pagina. Inoltre, il tema non utilizza jQuery o librerie esterne.

Il risultato è un punteggio Core Web Vitals estremamente buono. Un'altra caratteristica interessante è l'inclusione delle animazioni. Che, come ho detto prima, è ciò che sarà questo nuovo paradigma di temi. Con Blockpress, puoi utilizzare le funzionalità del framework Lottie Animations, direttamente dal tuo editor di blocchi. Nessun collo di bottiglia nelle prestazioni, neanche.

Archeo

Ha senso solo che Automattic stesso produca temi FSE. Ce ne sono alcuni in questo elenco da loro e il primo è Archeo. Il tema è stato creato per essere utilizzato da scrittori che amano un layout semplice con caratteri tipografici di grandi dimensioni.

Il concetto principale alla base del design è avere una foto di grandi dimensioni come sezione dell'eroe, una sezione centrale per i post del blog e un piè di pagina dedicato. All'interno dei post del blog, la struttura del layout rimane la stessa. Certo, hai molta libertà di cambiare le cose.

mattone

Bricksy di Anariel Design è un altro tema incentrato sull'approccio multiuso della gestione dei blocchi. In particolare, Bricksy è progettato per includere una varietà di modelli di blocchi, che fungono da base per il design del sito che desideri ottenere.

In questo momento, Bricksy ha demo per blog di cibo, matrimoni e moda. Ma, esaminando più da vicino tutti i modelli, è sicuro dire che puoi integrare questo tema praticamente in qualsiasi progetto. Puoi controllare il collegamento al sito Web di seguito, in cui in questo tema è inclusa un'introduzione video alla libreria di modelli.

 A proposito di pattern, dai un'occhiata a questo articolo di Justin Tadlock su WP Tavern: WordPress ha aggiunto una directory Patterns, che ha pattern di blocchi creati dalla community che puoi copiare e incollare nei tuoi temi esistenti. Pienamente compatibile con qualsiasi tema WordPress.

Skate park

Il tema Skatepark sarà un fantastico punto di partenza per qualsiasi sito Web relativo ai media che prevedi di creare con WordPress. Come tema di modifica del sito completo, è stato creato per essere personalizzato da te .

Geologo

Geologo è un altro tema di Automattic ( l'ultimo, lo prometto! ) – incentrato sulla scrittura, con una modalità oscura nativa nel caso sia il tuo forte. Nel complesso, lo stile minimale significa che non c'è molto da dire, a parte il codebase ottimizzato per la gestione dei blocchi in tempo reale.

Un minimo

Anche se il tema Ona è descritto come minimale , ritengo che lo stile del design aiuti a compensarlo molto. Poi di nuovo, sono un grande fan della tipografia elegante e Ona ha solo quella struttura per lasciare una buona impressione.

Se dovessi dire a chi è rivolto questo tema, direi che è per professionisti, fashion blogger e chiunque ami un layout pulito. Mi piace anche l'attenzione ai dettagli:

Un modulo di iscrizione pulito con collegamenti social è semplicemente perfetto. Altri modelli includono un blocco portfolio, un feed di Instagram e un layout di post di blog a tutta larghezza super carino.

Kemet

La mia impressione di Kemet è che sia più simile a un framework che a un semplice tema.

È ricco di funzionalità come contenitori adesivi, parti di modelli separate e stili di immagine personalizzati ed è anche ottimizzato per la traduzione. I modelli di modello integrati sono particolarmente utili durante la creazione di un sito Web a più pagine. Se stai cercando di creare un'attività o un sito di agenzia con la modifica completa del sito, Kemet è un tema che vale la pena considerare.

Finanzio

Il design predefinito di Financio sembra mirare a siti Web in stile business. Il menu di navigazione ben organizzato con una pagina dell'eroe a larghezza intera è piuttosto carino. Tutte le icone che vedi utilizzate per le schede delle funzionalità e altri elementi del sito possono essere sostituite con un solo clic.

Vale la pena notare che Financio è sviluppato da Gutenverse. E hanno un po' di esperienza nel lavorare con i blocchi di WordPress. Quindi, aspettati un'esperienza di modifica del sito fluida, su cui puoi basarti dal modello predefinito che hanno fornito.

Cattura FSE

Catch è uno dei più recenti temi WordPress che supportano la modifica completa del sito. È anche uno dei pochi temi creati come pagina di destinazione anziché come design del blog. Il layout, come ti aspetteresti, include molte sezioni che coprono tutti gli aspetti importanti della creazione di una landing page aziendale. Tutti sono modificabili direttamente dal front-end.

E se vuoi che il tuo sito web abbia una modalità oscura, non devi apportare le modifiche da solo con questo tema. Per impostazione predefinita, è progettato per avere una modalità oscura. A parte questo, è gratuito e raccoglie lentamente utenti attivi.

Gutena

Gutena è uno dei più recenti temi FSE aggiunti al repository di WordPress. Con un'abbondanza di toni cremosi ed elementi attentamente ottimizzati, questo tema è un candidato ideale per un sito Web di agenzie, aziende e startup.

Dal punto di vista del design, sono stato piacevolmente sorpreso di vedere l'implementazione di schede sovrapposte, l'uso di elementi box-shadow e molte immagini per aiutarti a portare la tua missione aziendale di fronte ai tuoi clienti.

E hai la piena libertà di modificare ogni elemento attraverso il nuovo editor di temi Block.

Wei

Il primo vero tema FSE che abbiamo esaminato in questa raccolta proveniva da Rich Tabor. Ora, poco più di 2 mesi dopo la pubblicazione di questo articolo, Rich è uscito con un altro tema di modifica completa del sito chiamato Wei . È interessante notare che, nonostante siano passati alcuni mesi dalla sua ultima uscita, è stata introdotta sul mercato una quantità estremamente marginale di temi simili.

Wei è progettato per essere utilizzato per le necessità pratiche di blogging. È progettato per darti molte opzioni per la gestione di più stili e accenti di layout. Come vedrai nella demo, ogni post del blog può avere uno stile separato, inclusi i colori e un'immagine di sfondo personalizzata.

AcquaLava

Questo tema orientato alla Spa / Bellezza di Gutenverse offre un'esperienza di pagina di destinazione super fluida e aggiunge molte funzionalità uniche al tuo sito. Per uno, WaterLava ha un generatore di moduli integrato, che ti eviterà di utilizzare un plug-in per lo stesso scopo.

La home page è progettata per includere effetti di animazione di transizione, quindi le sezioni vengono visualizzate mentre il visitatore naviga nel sito. In questo tema troverai anche molti divisori di forma unici, quindi pensa a onde e linee personalizzate per aggiungere un tocco moderno al tuo sito.

È anche accuratamente ottimizzato per le prestazioni. Il tema non dipende da jQuery e i pattern/blocchi vengono caricati solo nelle pagine in cui vengono utilizzati attivamente.

Il futuro dello sviluppo di temi WordPress

Penso che quello che stiamo vedendo ora sia una lenta evoluzione per la prossima fase di WordPress. Per il momento, i temi tradizionali e i costruttori di siti Web avranno il loro posto. Ma, in futuro, è abbastanza chiaro che WordPress passerà a un costruttore di siti su vasta scala.

Sono anche abbastanza fiducioso perché aziende come Webflow hanno dimostrato che è possibile creare siti Web visivamente attraenti con nient'altro che strumenti plug-and-play.

La domanda è: quando gli sviluppatori di temi inizieranno ad abbracciare questa fase successiva? Al momento, la disponibilità di temi a blocchi è piuttosto scarsa. Immagino che una volta che inizieremo a vedere una vera affidabilità in termini di editing, le cose cambieranno piuttosto rapidamente.

Certo, molti utenti di WordPress continueranno a utilizzare i temi tradizionali, ma l'idea di utilizzare WordPress come costruttore di siti nativo è qualcosa a cui pensare.