Quando ho provato per la prima volta la funzionalità degli stili di blocco in WordPress, sono rimasto impressionato. Come creatore di temi, era un modo semplice per consentire agli utenti di selezionare una classe relativa al design senza che avessero effettivamente bisogno di sapere cosa stava succedendo sotto il cofano. In quella prima settimana o giù di lì, ho riscontrato il problema che avevano molti altri. Volevo combinare due o più classi/stili per offrire un’ampia gamma di opzioni utente.

Era la fine del 2018 o l’inizio del 2019, più o meno all’epoca del rilascio di WordPress 5.0. Altri hanno richiesto il capacità di combinare gli stili da allora, e Keith Devon, il co-fondatore di Highrise Digital, ha sollevato di nuovo la questione via Twitter la settimana scorsa. Tuttavia, queste molteplici richieste non hanno mai comportato una modifica al codice principale.

Il ritmo di questa lumaca è stato vantaggioso. Saltare troppo presto su alcune funzionalità quando altre devono ancora maturare può creare un bagaglio legacy non necessario.

Negli ultimi due anni, ho rivalutato la mia posizione sulla combinazione di stili di blocco. Man mano che l’editor si è evoluto, emerge una visione più chiara su quali opzioni avranno gli utenti. Mentre inizialmente volevo combinare gli stili di blocco, non ne sono più così sicuro. La ragione principale di ciò è che il core ha già reso molti obsoleti tramite le opzioni di blocco e continuerà a farlo con altri controlli in futuro. Quando lo stesso WordPress gestisce questo, crea uno standard su cui tutti i temi possono fare affidamento.

Con uno di quei progetti di passione che sto costruendo nel mio tempo libero, attualmente ho sei stili per il blocco Immagine:

  • arrotondato
  • Capovolgi: Orizzontale
  • Capovolgi: verticale
  • Polaroid
  • Polaroid: inclina a sinistra
  • Polaroid: inclina a destra
Immagine in stile Polaroid inclinata a sinistra.

Ci sono momenti in cui mescolare e abbinare alcuni di questi potrebbe avere senso. Ad esempio, lo stile Capovolgi: Orizzontale si adatta bene a tutti gli altri e non causerebbe problemi se combinato. Potrei anche esagerare aggiungendo scelte per soddisfare ogni possibile variazione.

Alcune combo si romperebbero completamente o non sarebbero esteticamente gradevoli. Ad esempio, lo stile Arrotondato non funziona bene con gli stili Polaroid. Tuttavia, questi sono stili semplici che graffiano a malapena la superficie di ciò che è possibile.

La maggior parte di questi non sono stili di blocco che vorrei spedire con un tema. Ad esempio, lo stile Arrotondato può essere facilmente gestito tramite l’opzione Border-Radius supportata da WordPress. Lo stile Polaroid è solo un nome di fantasia per un po’ di imbottitura e un’ombra a scatola sull’immagine. Queste sono tutte funzionalità di progettazione standard che dovrebbero eventualmente far parte dell’esperienza dell’editor di base.

Attualmente, i temi che spediscono tali stili stanno colmando le lacune in cui WordPress deve ancora farlo. A breve termine, gli autori di temi devono soddisfare la loro base di utenti. Tuttavia, in futuro, WordPress dovrebbe offrire un set di strumenti più robusto che copra le basi. Non c’è davvero alcun motivo per cui ogni tema abbia uno slug diverso e non standard (cioè il nome della classe) essenzialmente per gli stessi stili di blocco (ad esempio, Polaroid vs. Framed vs. Borders). Crea problemi di compatibilità tra temi che dovremmo evitare quando possibile.

Gli stili di blocco sono utili per introdurre metodi rapidi per ottenere queste opzioni di progettazione fondamentali, ma sto guardando a cosa dovrebbero essere a lungo termine. Se il core di WordPress si evolve al punto da rendere obsoleta la maggior parte di questi stili, cosa dovrebbero fare gli autori del tema con la funzione?

È qui che hanno senso stili di blocco più specializzati. L’obiettivo è lo stesso: colmare le lacune che WordPress lascia aperte.

Un esempio che sarebbe difficile da replicare con semplici opzioni di design sarebbe uno stile tag/etichetta per il blocco Tag Cloud, come mostrato nello screenshot seguente.

Stile Tag/Etichetta come vedresti lo shopping progettato attorno ai singoli tag dei post nel blocco Tag Cloud.
Stile tag/etichetta per i tag.

Ho anche uno stile Pill Outline per lo stesso blocco:

Blocco Core Tag Cloud di WordPress con una forma arrotondata/a pillola e un contorno/bordo.
Stile di blocco Pill Outline per i tag.

Ovviamente, questi due stili non funzionerebbero insieme. La creazione di un sistema in cui gli utenti possano scegliere entrambi comporterebbe alcuni risultati problematici. Più complessi diventano due stili di blocco, più è probabile che siano in conflitto tra loro.

In questo momento, è troppo presto per impegnarsi in una funzione di selezione multipla per gli stili di blocco. Dobbiamo lasciar agire un po’ questa cosa e dare agli strumenti di progettazione di base la possibilità di recuperare il ritardo. Possiamo rivalutare quando la maggior parte dei blocchi confezionati con WordPress ha un set più ampio di opzioni di stile.

A quel punto, potrebbe anche avere più senso iniziare a usare variazioni di blocco, un’API che consente agli sviluppatori di preconfigurare gli attributi dei blocchi. Se esiste una solida serie di opzioni di progettazione, sarebbe semplice offrire più combinazioni pronte all’uso per gli utenti.

Nel frattempo, vorrei vedere una rivalutazione dell’interfaccia utente per gli stili di blocco. Shaun Andrews ha un pezzo approfondito, Thinking Through: cambiare gli stili di blocco, che esplora varie opzioni su come potremmo iterare su di esso.



Source link

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.