Esplorazione dei primi modelli di blocchi ad atterrare nella directory dei temi di WordPress

Per mesi ho atteso con impazienza il rilascio ufficiale di WordPress 5.5, un aggiornamento che prometteva di mettere il tanto atteso sistema di pattern a blocchi nelle mani dei designer di temi. Potrei sembrare un disco rotto a questo punto, ma i modelli hanno il potenziale per rivoluzionare lo sviluppo dei temi di WordPress, anche più dell'imminente modifica dell'intero sito.

La funzione dovrebbe cambiare drasticamente il modo in cui gli sviluppatori creano temi WordPress. Se utilizzati al massimo delle sue potenzialità, gli autori di temi possono liberarsi di dozzine di opzioni di temi e abbandonare la maggior parte dei modelli di pagina. Possono concentrarsi meno sulla programmazione e più sulla progettazione, che è ciò di cui trattano davvero i temi.

Per capire perché i modelli sono così rivoluzionari, è necessario comprendere il problema di fondo che risolve per gli autori dei temi e, in definitiva, per gli utenti finali. In tutta la cronologia dei temi di WordPress, si è verificato un unico problema generale che ha causato un numero incalcolabile di problemi. Questo è un problema che è stato la causa principale di molteplici linee guida aggiunte al sistema di revisione dei temi di WordPress.org.

Questo singolo problema può far risalire quasi esclusivamente le sue radici alla grande domanda: come possono gli autori di temi creare home page personalizzate e consentire agli utenti finali di ricrearle facilmente?

Che si tratti di uno slider o di colonne di caselle informative o di una sezione di invito all'azione, WordPress non ha mai veramente fornito una soluzione su cui gli autori di temi potessero fare affidamento. Ad essere onesti, molti sviluppatori hanno costruito sistemi creativi e unici attorno ai limiti della piattaforma. Tuttavia, quei sistemi erano specifici per un singolo tema o per un insieme di temi di una singola azienda. Non c'era uno standard. Non c'era nulla che potesse guidare i progettisti di temi a progettare semplicemente qualsiasi cosa interessante avessero in mente e consentire agli utenti di compilare semplicemente il contenuto.

Mentre dico che la home page del sito è il problema di fondo qui, il problema è davvero esteso a qualsiasi pagina del sito. Il design della home page è un po' come la firma dell'autore del tema. Consente ai designer di mostrare i loro talenti e attirare gli utenti. E per oltre un decennio, gli autori di temi hanno provato mille metodi diversi solo per ottenere questa pagina giusta.

I modelli sono molto di più. Il sistema non richiede che gli autori dei temi diventino ninja PHP per mettere insieme bellissimi disegni. Non limita gli utenti a un pannello delle opzioni del tema per la creazione della loro home page: possono creare qualsiasi pagina del loro sito con i modelli offerti dai loro temi.

La cosa più importante è che rende discutibile la domanda "come posso creare una home page personalizzata". Gli autori del tema non hanno mai bisogno di pensare di nuovo a questa domanda, almeno non nel modo in cui hanno fatto negli anni precedenti. Il tema si sta allontanando dalla costruzione di progetti a livello di pagina e verso la progettazione di singoli blocchi e sezioni (modelli). L'attenzione è molto più atomica , il che offre agli utenti maggiore flessibilità e libertà.

Poiché non potevo aspettare settimane o mesi in più per vedere cosa gli autori di temi hanno creato all'interno di questo sistema, ho voluto dare un'occhiata a ciò che stavano facendo i temi attuali nella directory dei temi ufficiale. Non c'era molto da guardare, ma almeno alcuni autori di temi sono disposti a essere i pionieri in questa nuova era di temi.

Al momento, il filtro delle funzioni Modelli dell'editor blocchi per la directory non funziona. Tecnicamente, gli autori dei temi non possono aggiungere il tag block-patterns ai loro temi, ma è disponibile una patch che dovrebbe risolvere il problema a breve.

Modelli finora

Al momento, la directory dei temi ha solo tre temi con schemi a blocchi. Non c'è molto da dire, ma è interessante vedere cosa stanno costruendo gli autori di temi finora.

UXL Themes ha recentemente aggiornato il suo tema Cordero con diversi blocchi. Una delle cose che mi piace di come Cordero ha aggiunto i suoi modelli è che ha creato una categoria di modelli a blocchi "Cordero" personalizzata. I modelli possono esistere in più categorie, ma avere tutti i modelli personalizzati del tema consolidati in un unico gruppo ha reso la loro scoperta molto più semplice. Questa è una pratica che mi piacerebbe vedere di più in futuro.

I modelli di Cordero sono principalmente orientati verso il tipico layout aziendale. Include un paio di modelli di tipo eroe, alcune caselle di funzionalità/servizi e tabelle dei prezzi.

Il tema inclusivo del rappresentante del team di temi Carolina Nymark ha diversi modelli (è anche un tema solido se sei alla ricerca di una buona opzione pronta per l'accessibilità). I modelli più interessanti di questo tema sono i suoi modelli a due colonne con barre laterali . Nymark ha essenzialmente creato il "corpo" di una pagina con motivi. Uno aggiunge una barra laterale a sinistra e l'altro motivo lo aggiunge a destra. Entrambi i modelli hanno una colonna principale per l'aggiunta di contenuto personalizzato. La colonna della barra laterale è decorata con blocchi di tipo widget per impostazione predefinita.

Ciò che rende unici questi modelli è che sono quasi come un trampolino di lancio verso la modifica dell'intero sito: tutto ciò che manca è un'intestazione e un piè di pagina. Certo, non ero preparato per questo tipo di pattern e mi aspettavo che i pattern venissero usati per sezioni più piccole, ma sono un fan della sperimentazione sul tema inclusivo.

Nymark ha due degli attuali tre temi con schemi a blocchi nella directory. Il suo tema Deejay aggiunge un unico pattern, che consente all'utente di creare una sezione del profilo DJ sul proprio sito. Combina colonne, icone social, l'elenco dei post più recenti, un incorporamento di video e altro ancora.

Nel complesso, mi piace l'esplorazione iniziale di questa nuova funzionalità. Non è mai facile essere il primo a provare le cose, quindi mi congratulo con gli autori del tema per aver aperto la strada. Manca solo una settimana al rilascio di WordPress 5.5, ma non vedo l'ora di vedere di più.

Quanto bene i modelli si trasferiscono tra i temi?

Una delle promesse del sistema a blocchi è che consente agli utenti di passare da un tema all'altro e mantenere il proprio contenuto. L'idea è che ogni tema modellerà tutti i blocchi in modo tale che l'output del front-end non sembri rotto.

Sebbene ci sia solo una piccola dimensione del campione di tre temi, ho riscontrato alcuni problemi di stile dei contenuti quando sono passato da uno all'altro.

In genere, più un pattern è complesso e se il pattern impiega classi personalizzate decide quanto bene si trasferirebbe da un tema all'altro. Anche le immagini potrebbero presentare un problema interessante se l'utente decide di non sostituire l'immagine di un pattern con la propria. Poiché l'immagine esisterebbe nella cartella del tema, se il tema è disattivato e disinstallato, non esisterebbe più.