Programma FSE: approfondimenti sul passaggio tra i temi dei blocchi

A differenza dei test di routine per il programma FSE Outreach, Anne McCarthy ha dato una svolta al blog Make WordPress Test all'inizio di oggi. L'annuncio chiede agli utenti di pensare a cosa vorrebbero vedere quando si passa da un tema di blocco all'altro. Il test è aperto a chiunque voglia partecipare fino al 29 settembre.

I passaggi sono sciolti e non necessari. L'obiettivo è indurre le persone a pensare e discutere di come apparirà il flusso di cambio tema nel tempo. McCarthy ha posto diverse domande, ma sono solo un punto di partenza per una discussione più aperta.

Anche se a volte ho bisogno di struttura, tendo comunque a infrangere le regole. Il formato di questo test mi andava bene oggi.

Non sono tipo da cambiare tema. Da quando ho imparato a progettare per WordPress ben oltre un decennio fa, non sono mai passato da un tema all'altro. Almeno non nello stesso modo in cui lo farebbe l'utente medio. Invece, ogni volta che ho aggiunto una nuova mano di vernice sui miei siti Web, ho semplicemente cambiato le fondamenta con qualsiasi cosa su cui stavo lavorando in quel momento. I temi di WordPress, per me, sono sempre stati solo un'iterazione dell'ultimo progetto.

Uno dei capisaldi della programmazione è riutilizzare il codice, ed è un principio che ho preso a cuore. Anche ora, mentre continuo a esplorare la progettazione di temi a blocchi, lo sto facendo da una versione sventrata dell'ultimo tema WordPress che ho creato.

Quando penso a cambiare tema, non è un'esperienza a cui sono abituato. Anche quando ho iniziato a lavorare per WP Tavern, il sito utilizzava già uno dei miei temi con alcune personalizzazioni. Mi sembra di essermi perso. Durante il mio intero viaggio con WordPress dalla versione 1.5, in cui la piattaforma ha introdotto per la prima volta i temi, non ho mai veramente sperimentato il processo di cambio tema nel modo più fondamentale. Lo farò presto, ma ne parleremo un altro giorno.

Quando ho "cambiato" i temi, l'ho fatto in ambienti di test per scriverne o per eseguire il supporto tecnico per gli utenti finali.

L'invito all'esplorazione si è concentrato principalmente sulle caratteristiche globali legate al design. Tuttavia, secondo la mia esperienza, questi tendono a importare molto meno di come apparirà il contenuto di un utente. La prima cosa che faccio durante il test di un tema è caricare un post demo. Ultimamente, questo è stato il post di prova "Benvenuto nell'editor di Gutenberg". La domanda principale: posso leggere il contenuto comodamente? Se non supero questa fase, disattivo semplicemente il tema.

Per questo esperimento ho scelto tre temi:

• Il mio progetto personalizzato e inedito
• Blocchi TT1
• Quadrato

Ho iniziato con quella base per testare quanto fosse facile leggere un semplice post sul blog.

Nel complesso, ogni tema ha funzionato in modo ammirevole. Tuttavia, l'uso dell'immagine in primo piano da parte di Quadrat in una singola visualizzazione del post sembrava fuori luogo.

Una domanda che mi tiene sveglio la notte è come funzionerà la compatibilità tra temi a livello di contenuto. L'output del blocco predefinito dovrebbe essere trasferito da un tema all'altro con pochi o nessun problema. Tuttavia, gli stili di blocco personalizzati, le dimensioni dei caratteri, i colori e l'intera gamma di predefiniti sono già un'area problematica.

Questa non è una nuova conversazione. È in corso una discussione sulla standardizzazione di alcune funzionalità. Ma il gatto è già fuori dalla borsa e sta correndo per la casa.

Gli stili e i modelli globali sono funzionalità con cui i temi si occupano da anni in una forma o nell'altra. I nuovi sistemi sono solo modi diversi di fare la stessa cosa.

Tuttavia, quando gli elementi di design si fondono con il contenuto, il cambio di tema diventa più complesso senza un sistema standardizzato sottostante. Per illustrare questo punto, ho confrontato tutti e tre i miei temi di prova con un post che utilizzava stili di blocco personalizzati, colori sfumati e dimensioni dei caratteri. Volevo spingere i confini oltre un semplice post sul blog.

Il contenuto è stato creato con il mio tema personalizzato e un modello "tela aperta". Quadrat aveva un modello simile per nascondere il titolo del post, ma TT1 Blocks no.

Il risultato è stato, ehm , grezzo:

Naturalmente, il mio tema personalizzato appare come dovrebbe. Questo non vuol dire che i blocchi TT1 e Quadrat siano progettati male. In realtà sono due dei migliori temi a blocchi disponibili al momento. Il problema è che non condividono gli stessi stili di blocco e predefiniti. WordPress e Gutenberg mancano anche di alcuni strumenti di layout fondamentali che potrebbero semplificare il trasferimento di questo progetto da un tema all'altro.

Il pezzo più complesso del design è con il motivo del blocco di apertura:

Tecnicamente, questo è un blocco di copertura all'interno di un altro. Il livello inferiore ha un'immagine di sfondo con un filtro a due tonalità e imposta il contenuto interno su una larghezza del 90% del suo genitore. Il secondo livello ha uno sfondo sfumato definito dal tema e imposta il suo contenitore interno a sinistra con una larghezza del 50%. Inoltre, ha una spolverata di dimensioni dei caratteri personalizzate.

Questi controlli di layout sono possibili solo attraverso stili di blocco personalizzati o alcuni usi hacky del blocco Colonne. Ho scelto il primo perché era più semplice, ma significa anche che sono rotti se usati con qualsiasi altro tema.

Anche se ho chiamato questo il pezzo più complesso del design, in realtà è una cosa semplice da fare con la maggior parte dei page builder o con poche righe di CSS. Fino a quando WordPress non avrà un qualche tipo di blocco contenitore della griglia, gli autori del tema faranno affidamento su tecniche personalizzate per rendere possibili tali layout. Può e diventerà ancora più brutto di così più a lungo aspettiamo.

Le discussioni aperte sulla standardizzazione dei predefiniti come le dimensioni dei caratteri e i nomi dei colori possono dare frutti che potrebbero aiutare con le parti più banali. Tuttavia, non ho visto i nomi dei gradienti apparire in questa discussione.

Ho almeno un ulteriore motivo per questo test. Ho voluto a lungo provare design e layout di post più sperimentali qui a WP Tavern. Tuttavia, so che alla fine cambieremo tema. Quella voce nella parte posteriore della mia mente mi ricorda sempre che quei layout dei post progettati su misura probabilmente si romperanno quando arriverà quel giorno. Gli strumenti non sono abbastanza avanzati per farmi fare il grande passo. Non ancora comunque.

A questo punto, sono certo che non sto più seguendo la direzione prevista dall'invito all'esplorazione. Tuttavia, sto solo lasciando che il viaggio mi porti dove sono destinato ad andare. La mia destinazione è un'aggiunta alla mia lista dei desideri: strumenti di layout più robusti che funzionano da un tema all'altro.