Qualsiasi azienda di WordPress che costruisce e mantiene temi degni di nota sta già facendo almeno un lavoro preliminare poiché WordPress è sempre più vicino al raggruppamento del suo imminente sistema di temi a blocchi. Il Theme Team di Automattic non fa eccezione. Ben Dwyer ha annunciato il nuovo tema principale Blockbase del team ieri sul blog Theme Shaper. Include il supporto per gli stili globali e la creazione di modelli a blocchi.
Il tema è basato sul classico, pronto per l’editor a blocchi Tela vuota progetto che Automattic ha lanciato a gennaio. Fino a pochi giorni fa, è stato anche chiamato Blank Canvas Blocks. Ho controllato il lavoro del team negli ultimi due mesi, in attesa di vedere come Blockbase e Mayland Blocks, un tema figlio basato sull’originale Mayland del team, stavano arrivando.
Il team ha creato un sistema a tutto tondo che dovrebbe impedire loro di revisionare ogni tema di blocco che creano per WordPress.com ogni volta che c’è un cambiamento. Per gli autori di temi che devono ancora immergere le dita dei piedi nello stagno del tema a blocchi, potrebbe anche essere il punto di partenza di cui hanno bisogno.
Il Sacro Graal di alcuni designer di temi a blocchi creerà un progetto con poco più di un file theme.json file. L’obiettivo: lasciare che WordPress generi tutti i CSS tramite impostazioni e configurazioni di stile. Non sarà mai possibile per tutti gli autori di temi raggiungere i loro obiettivi di progettazione attraverso questo – la maggior parte avrà bisogno almeno alcuni CSS personalizzato. E se un tale obiettivo è Una buona cosa resta da vedere.
Tuttavia, il futuro della progettazione di temi si baserà su stili configurati e generati da JSON. Blockbase sfrutta questo sistema per creare un set standardizzato di guide per i suoi eventuali temi figlio. Ciò garantisce che i creatori non aggiornino continuamente i loro temi mentre lo stile dei blocchi si evolve rapidamente.
Blockbase funge da ponte tra ciò che è attualmente possibile configurare tramite un file theme.json file e cosa sarà possibile in futuro.
È il moderno Sottolineature (_s) per i blocchi e la comunità di progettazione di temi di WordPress avrà bisogno di un progetto del genere per andare avanti. Avranno bisogno di un punto di partenza e di uno strumento educativo, e Blockbase è proprio questo.
Il ultima versione del plugin Gutenberg copre solo una frazione di ciò che esso e, alla fine, WordPress gestirà nei prossimi mesi e anni. Tuttavia, consente agli autori del tema di aggiungere impostazioni personalizzate tramite settings.custom key, creando le proprie variabili CSS che vengono automaticamente visualizzate nella testata del sito. Il Theme Team ha utilizzato questa funzione a proprio vantaggio. Laddove Gutenberg attualmente non supporta un’impostazione, Blockbase ha un’opzione personalizzata theme.json parametro. Il tema utilizza quindi le variabili CSS generate nel suo foglio di stile. Poiché Gutenberg e WordPress alla fine supportano più di queste impostazioni immediatamente, il team può semplicemente rimuovere il codice non necessario.
Il tema non è del tutto privo di opinioni. “Blockbase vuole essere una rappresentazione di tutte le impostazioni di stile del tema che crediamo dovrebbero alla fine vivere in stili globali ed essere configurabili dagli utenti”, ha scritto Dwyer. Lo sviluppo del tema del blocco potrebbe ancora cambiare in modi inaspettati mentre il sistema continua a essere perfezionato e il tema dovrà cambiare insieme ad esso. Dovrebbero essere previsti ostacoli sulla strada.
È un progetto da cui i futuri e attuali block themer possono imparare. Mentre è attualmente disponibile tramite GitHub, Dwyer ha detto che il team può indagare rendendolo un pacchetto npm se c’è abbastanza interesse.
Una delle cose più uniche che il tema fa è lavorare con il file theme.json impostazioni tramite PHP. In Blockbase’s functions.php file, esso estrae i nomi delle famiglie di caratteri registrati nel file JSON. Quindi carica automaticamente i fogli di stile associati dall’API di Google Fonts. Sebbene non sia documentato nel codice (dovrebbe esserlo), sto ipotizzando che l’obiettivo sia quello di consentire agli autori di temi figlio di dichiarare i caratteri nei propri theme.json file e che Blockbase gestisca il caricamento.
Il codice è relativamente semplice. È la tecnica che conta.
Mentre gli sviluppatori sono alle prese con la natura mutevole dell’architettura dei temi di WordPress, dovranno trovare nuove soluzioni per alcuni dei vecchi problemi che avevano precedentemente risolto in un mondo solo PHP. Con la maggior parte della configurazione del tema spostata in JSON e dei modelli in HTML, può essere facile sentire come se stessero perdendo la natura dinamica di PHP. Era qualcosa di affidabile e gli sviluppatori hanno trascorso anni a perfezionare sistemi personalizzati attorno al vecchio WordPress.
Il nuovo WordPress offre un set più robusto di strumenti di progettazione fuori dagli schemi, ma può sembrare un po ‘estraneo. Questo è il motivo per cui vedere esempi di codice nel mondo reale di come gli altri gestiscono queste funzionalità è un passo fondamentale nella transizione di più autori di temi allo sviluppo basato su blocchi.
Questo potrebbe essere un piccolo campionamento di codice, ma sono impressionato dal pensiero intelligente. Nel mio viaggio per saperne di più su come funzionano i temi dei blocchi, mi trovo spesso a sbattere contro un muro di mattoni, combattendo contro il sistema. Questo codice funziona con esso invece di contro esso.
Non scrivo spesso diversi paragrafi su una funzione che si estende su sole 21 righe di codice, ma sono ancora uno sviluppatore nel cuore e adoro vedere soluzioni elegantemente semplici. Non si tratta della tecnica di caricamento dei caratteri; si tratta di risolvere i problemi. Questo codice sarà senza dubbio copiato molte migliaia di volte nei prossimi anni e modificato per molte altre migliaia di usi. Se sei uno sviluppatore di temi e non lo vedi ancora, lo farai.