La scorsa settimana, Dumitru Brînzan annunciato Noce Moscata Plus. È l’ultima offerta di temi commerciali attraverso il suo marchio ILOVEWP. All’inizio di oggi, il versione gratuita di noce moscata atterrato nella directory dei temi di WordPress. Il tema è stato creato per i blogger di cibo e ricette ed è un altro solido esempio di costruzione sul sistema a blocchi.

Come è tipico del suo stile, Nutmeg poggia su una base di linee pulite e tipografia leggibile. Trae elementi da alcuni dei lavori precedenti di Brînzan, come la sezione delle pagine in primo piano di Zoom foto e l’introduzione a due colonne di Resistenza. Il riutilizzo del codice è uno dei capisaldi dello sviluppo intelligente.

Il tema non diventa mai troppo appariscente, né è un audace passo avanti nel design. Tuttavia, ha un layout senza tempo con cui è difficile sbagliare.

Dove brilla è nel suo uso di modelli e stili a blocchi.

Post ricetta costruito con noce moscata.

A volte, gli autori del tema mi sorprendono con, col senno di poi, soluzioni semplici. Gli stili di blocco List di Nutmeg mi hanno chiesto: “Perché non ci ho pensato?”

Il mese scorso, io autori di temi sfidati per costruire modelli che vengono spesso creati come blocchi personalizzati. Nel post, ho mostrato un esempio di come i themers potrebbero fornire colonne dei prezzi per i loro utenti. Il tema della noce moscata è un perfetto esempio dello stesso concetto, applicato solo alle ricette.

L’aspetto unico è che Brînzan non lo ha reso complesso. Con alcuni semplici stili per il blocco List, aveva tutte le caratteristiche della tipica “scheda di ricette” vista su molti blog di cibo. È avanzato come un plug-in per schede di ricette completo? No. Ma questo non dovrebbe essere l’obiettivo. Se gli utenti hanno bisogno di funzionalità e funzionalità più avanzate relative alle ricette, è qui che i plugin hanno senso. Il tema ne consiglia anche alcuni come WP Recipe Maker, Recipe Card Blocks e Delicious Recipes per chi ne ha bisogno di più.

Tuttavia, per i blogger che stanno appena iniziando, indecisi sui plugin per ricette o semplicemente non vogliono un’altra dipendenza, il tema ha soluzioni integrate per loro. È difficile scartare il valore in questo.

Aggiunta di modelli per istruzioni e ingredienti nell'editor di WordPress.
Aggiunta di istruzioni e ingredienti.

Con un punto di partenza dei modelli Info ricetta, Elenco ingredienti o Ingredienti + istruzioni, gli utenti possono inserire rapidamente queste sezioni nel loro contenuto. Oppure, possono seguire la strada alternativa iniziando con il blocco Elenco e selezionando uno dei quattro stili personalizzati.

Gli autori del tema dovrebbero essere in grado di creare combinazioni uniche e complesse di blocchi con stili personalizzati. Gli utenti dovrebbero essere in grado di farlo sembrare la demo.

I modelli di blocco cambieranno tutto

Era marzo 2020. Il team di sviluppo di Gutenberg aveva appena inserito i modelli di blocco nel plug-in, ma la funzione non sarebbe arrivata nel core di WordPress per mesi. Non voglio definirmi un profeta. Era abbastanza chiaro per chiunque lo vedesse: i modelli di blocco alla fine avrebbero cambiato il modo in cui gli utenti finali interagiscono con l’editor e costruiscono i loro siti.

I pattern erano la risposta alle elaborate configurazioni della homepage. Invece di saltare avanti e indietro tra opzioni di temi non standard, sperando nel meglio da una community di temi che non ha mai imparato a sfruttare completamente il personalizzatore, gli utenti potevano semplicemente fare clic sui pulsanti e inserire sezioni di layout dove volevano.

Ricreare la demo della homepage di Nutmeg è stato facile. Scegliendo solo alcuni modelli e aggiungendo alcune immagini personalizzate, sono stato operativo in pochi minuti. Nessun tutorial necessario. Nessuna sessione di mezz’ora per capire l’impostazione delle opzioni personalizzate di un tema.

  1. Seleziona il modello di home page personalizzato.
  2. Aggiungi il motivo Cover with Overlay e carica un’immagine.
  3. Inserisci lo schema del messaggio di apertura e personalizza.
  4. Inserisci il modello Pagine in primo piano e aggiungi immagini.
Schermata di una homepage di un blog di ricette costruita con i modelli a blocchi di Nutmeg.
Home page costruita da modelli.

Semplici processi di installazione come questo sono esattamente la cosa che gli autori di temi hanno chiesto ripetutamente per la parte migliore di un decennio. Fatta eccezione per una potente soluzione di query, che sta arrivando in forma limitata in WordPress 5.8 (il blocco Post Featured Image è il punto debole), gli strumenti sono per lo più a posto. Il set di funzionalità è in crescita solo con ogni versione.

Una delle mie soluzioni preferite nel tema è l’uso del contenitore interno del blocco Cover. Il plugin ha diversi stili per spostare questa casella interna e creare una sezione in primo piano.

Selezione di uno stile di blocco personalizzato dal tema Noce moscata per il blocco Cover
Personalizzazione del blocco Cover con stili.

Un miglioramento che potrei suggerire è quello di fornire stili di “larghezza” per il contenitore interno qui. Core fornisce già un’opzione matrice di allineamento. Gli stili per la larghezza del 25%, 50% e 75% (il 100% è l’impostazione predefinita) offrirebbero una maggiore varietà se abbinati agli allineamenti esistenti.

Le uniche cose che sembravano fuori posto con il tema erano i suoi stili di blocco di allineamento per i blocchi Intestazione e Paragrafo. WordPress fornisce già opzioni di allineamento per questi blocchi. Non sono sicuro che ci sia un caso d’uso di cui non sono a conoscenza per gli stili, ma erano decisamente confusi.

Il tema merita un test per tutti i blogger di cibo o ricette che hanno bisogno di un pizzico di Noce moscata per ravvivare il loro sito.

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.