(post originale di @annezazu)
Questo articolo è la quattordicesima chiamata per il test all’interno del Full Site Editing Outreach Program. Per sapere di più su questo programma sperimentale, dai un’occhiata a queste FAQ, contengono utili dettagli. Per entrare nel vivo, vai su #fse-outreach-experiment in Make Slack per futuri annunci su nuovi test, articoli e molto altro ancora.
Panoramica
Questa chiamata per il test si concentra su degli esperimenti con alcuni blocchi per creare un divertente sito interattivo di ricette con un’esperienza personalizzata per i commenti, in modo da radunare i tuoi recensori di ricette.
Nuovo blocco Citazione
Per i tuoi recensori di ricette preferiti, che contribuiscono con i loro accorgimenti alle tue ricette, esplorerai come aggiungere citazioni dai loro consigli, usando il nuovo blocco citazione. Attualmente, questo è ancora in una fase sperimentale, quindi sbizzarrisciti pure nel segnalare i bug che dovessi riscontrare. Nello specifico, questo nuovo blocco citazione supporta l’uso di blocchi nidificati, il che significa che puoi aggiungere intestazioni, liste ed altro ancora all’interno di una citazione.
Nuovo blocco Elenco
Preparati per scendere nello specifico – le tue ricette richiedono un sacco di ingredienti con alternative nel caso in cui manchi qualcosa a chi vuole cucinarle. Faremo uso del nuovo blocco elenco per ottenere questo risultato, dato che include una diversa esperienza utente (UX) da esplorare.
Blocchi Query loop per i commenti
Prendendo spunto da questa specifica chiamata per il test, c’è una marea di nuovi blocchi da esplorare, con cui puoi costruire l’esperienza che desideri per chi commenta, con ancora altro in arrivo, dato che ulteriori funzionalità sono supportate in ogni blocco:
- Query Loop Commenti: un blocco avanzato che visualizza i commenti agli articoli e consente vari layout e configurazioni.
- Template dei commenti: contiene i blocchi dei singoli elementi usati per visualizzare un commento, come titolo, data, autore, avatar ed altro ancora.
- Paginazione dei commenti: visualizza i link prossimo/precedente ai commenti paginati, se questa funzione è stata abilitata nelle impostazioni dei commenti all’interno dell’amministrazione di WordPress.
Ambiente di prova
Di seguito troverai maggiori informazioni per avere la certezza di impostare tutto correttamente, ecco comunque gli aspetti chiave da impostare sul tuo ambiente di prova:
Istruzioni per il test
Istruzioni per la configurazione:
- Imposta un sito di prova utilizzando la versione più recente di WordPress (5.9+). È importante che questo non sia un sito live o di produzione.
- Installa ed attiva il tema Twenty Twenty-Two andando su Aspetto > Temi.
- Installa ed attiva il plugin Gutenberg da Plugin > Aggiungi nuovo. Nel caso fosse già installato, accertati di usare come minimo la versione 13.1 di Gutenberg.
- Alla fine di questi passi, dovresti vedere una voce di navigazione dal titolo “Editor (beta)” sotto Aspetto. Se non lo vedi, non stai usando un tema a blocchi ed è necessario che tu cambi tema.
Istruzioni per il test:
Suggerimento utile: man mano che ti occupi di questo test, potresti trovare la vista elenco molto utile mentre navighi tra il contenuto.
Aggiungi un nuovo articolo con una ricetta
- Dalla tua bacheca, vai su Gutenberg > Esperimenti ed attiva sia l’esperimento Citazione che quello Elenco, spuntando il checkbox per ognuno e successivamente salvando (screenshot di quello che dovresti vedere).
- Dalla tua bacheca, vai su Articoli > Aggiungi nuovo.
- Intitola il post “Pasta di maggio” e, per il momento, aggiungi una breve frase (“Ti dò il benvenuto alla mia nuova ricetta del mese, nella quale condividerò il piatto che proprio non vedo l’ora di cucinare nel mese che verrà”). Pubblica l’articolo.
- Visualizza l’articolo sul frontend e aggiungi velocemente alcuni commenti all’articolo. Possono essere qualcosa di breve come “Fantastica ricetta” e “Non vedo l’ora di prepararla!”
Crea un template personalizzato per le ricette
- Torna all’editor, apri le impostazioni dell’articolo e, sotto Template, seleziona l’opzione “Nuovo”.
- Apparirà un campo nome. Assegna al template qualcosa di relativo alle ricette, come “Template ricette” e premi il pulsante crea. In tal modo si aprirà l’editor del template.
- Per iniziare, personalizza il template come preferisci. Ad esempio, puoi aggiungere una parte del template Header che ha lo stesso stile del resto del sito, cambiare la dimensione del font del titolo dell’articolo, o altro ancora. Molto probabilmente vorrai aggiungere una parte template Header ed una Footer a questo punto, utilizzando il metodo che preferisci per aggiungere i blocchi. Ricorda che puoi anche fare una ricerca per i termini “header” e “footer”!
Personalizza la funzionalità dei commenti
- Inserisci il blocco Query loop commenti dove ritieni sia necessario. Facendo questo, vari blocchi-figli saranno inseriti. Questa è una di quelle occasioni in cui la Vista elenco può aiutarti ad avere un’idea di tutto ciò che è presente.
- Esplora le impostazioni disponibili per ogni blocco ed inizia a personalizzare. Puoi quindi aggiungere o eliminare blocchi aggiuntivi nominati in precedenza sotto “Blocchi Query loop per i commenti, aggiungere colori personalizzati, cambiare la dimensione del font, ecc. Puoi anche racchiudere il Query loop per i commenti all’interno di un blocco gruppo in modo da aggiungere bordi personalizzati. Ecco uno screenshot come ispirazione che mostra ciò che è possibile fare se hai tempo.
- Man mano che prosegui, salva le modifiche e visualizza i tuoi articoli per vedere dal vivo sul tuo sito ciò che stai creando. Fai del tuo meglio per rendere l’area dei commenti un posto invitante e coinvolgente per i recensoridelle tue ricette.
Scrivi la tua ricetta con blocchi Citazione ed Elenco
- Una volta che hai finito, salva le modifiche al tuo template e premi “indietro” per tornare all’articolo stesso.
- Aggiungi un blocco elenco ed inizia ad elencare gli ingredienti (pasta, formaggio, pepe, latte, sale, ecc.). Ecco una ricetta da cui puoi trarre gli ingredienti nel caso avessi necessità di un po’ di ispirazione… come capita a me. Nota come sia possibile premere invio per aggiungere nuove voci all’elenco, e come puoi usare il pulsante + per inserire voci nidificate.
- Aggiungi alcuni ingredienti, poi aggiungi il pulsante di inserimento per le voci nidificate per aggiungere alcune alternative. Ad esempio, puoi elencare vari tipi di formaggio (pecorino, parmigiano, formaggio di capra). Punta a creare qualcosa simile a questo screenshot.
- Aggiungi un altro blocco elenco e passa ai numeri nella barra degli strumenti per elencare i passi necessari per cucinare la ricetta. Questi possono essere semplici: Fai bollire l’acqua, aggiungi il sale, butta la pasta, cucina per dieci minuti, aggiungi il formaggio ed assaggia. Prova ad aggiungere ancora una volta delle voci nidificate. Ad esempio, puoi elencare diversi tempi di cottura a seconda del tipo di pasta utilizzata, o del punto di cottura preferito da chi sta cucinando.
- Dopo aver elencato gli ingredienti ed i passi per la preparazione, aggiungi un blocco intestazione a cui assegnare il titolo “Spunti utili per la ricetta”.
- Aggiungi un blocco citazione e crea una veloce citazione presa dal punto di vista di chi legge il sito e potrebbe avere degli accorgimenti da offrire. Assicurati di includere alcuni diversi blocchi come ad esempio un altro blocco elenco, titoli, ecc. Ecco lo screenshot di un esempio.
- Crea alcune citazioni se hai tempo e voglia.
- Aggiorna l’articolo per apportare le ulteriori modifiche che preferisci all’articolo o al template stesso della ricetta.
Cucina un po’ di pasta per te e datti una bella pacca sulla spalla. Grazie per aver contributo al test! Ricorda di lasciare un commento di seguito riguardo la tua esperienza.
Cosa notare:
Se ti va, ricorda di condividere uno screenshot di quello che hai creato!
- L’esperienza si è bloccata in qualche punto?
- L’esperienza di salvataggio ha funzionato correttamente?
- Cosa hai trovato particolarmente confuso o frustrante riguardo l’esperienza?
- Cosa ti è piaciuto o hai apprezzato in modo particolare riguardo l’esperienza?
- Cosa avrebbe reso questa esperienza più facile?
- Credi che quanto hai creato nell’Editor del sito corrisponda a quello che vedi sulla tua homepage?
- Ha funzionato usando solo la tastiera?
- Ha funzionato usando uno screen reader?
Lascia il tuo feedback entro il 18 maggio 2022
Se vuoi, puoi rivedere la registrazione dello spazio di apprendimento sociale per questa chiamata per il test, tenuto lo scorso 2 maggio.
#fse-outreach-program, #fse-testing-call