(post originale di @annezazu) | link
Questo articolo è la tredicesima chiamata per il test (13, numero fortunato!) 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
Anticipando l’arrivo della versione 6.0 di WordPress, nuove funzionalità ed opzioni stanno venendo aggiunte per espandere ulteriormente le robuste basi della versione 5.9. Il risultato è questo test, che ti guiderà attraverso la creazione di un template per le pagine autore, la procedura per bloccare i blocchi per impedire che vengano rimossi o spostati, nuove opzioni di design, un nuovo blocco Nessun risultato, ed altro ancora. Per farla breve, questo è stato il test più divertente tra quelli scritti per il Full Site Editing Outreach Program.
Ancora più opzioni per i template
Per mettere le cose in prospettiva, la versione 5.9 ha segnato il lancio dell’Editor del sito, all’interno del quale si poteva creare solo un numero limitato di template primari aggiuntivi. In anticipo sulla versione 6.0, le opzioni ora sono molto più aperte con l’abilità di aggiungere anche: Autore, Categoria, Data, Tag, Tassonomia. Restate sintonizzati per vedere l’arrivo di nuove opzioni in futuro! Questo test si concentrerà sulla creazione del template Autore.
Abilità di bloccare direttamente i blocchi
In modo simile, anche se l’API per la funzionalità di blocco dei blocchi è stata rilasciata nella versione 5.9, finora non esisteva ancora un’interfaccia dedicata. Ciò che esploreremo in questo test a proposito dell’abilità di bloccare, spostare o rimuovere un blocco è solo un inizio, con altro lavoro in programma per ulteriori permessi, ad esempio la possibilità di disabilitare l’abilità di bloccare/sbloccare globalmente o in base al ruolo dell’utente. Avere un modo facile e veloce per impedire cambiamenti indesiderati è un grande passo, sia che si tratti di trasferire un lavoro nelle mani di un cliente, o di ridurre l’eventualità di tuoi stessi errori.
Personalizzare il modo di presentare nessun risultato
Il blocco Query Loop sta diventando ancora più potente con l’aggiunta del blocco Nessun risultato, che permette di personalizzare ciò che viene visualizzato quando non ci sono corrispondenze per la ricerca effettuata. Questo significa che è possibile avere un elegante design per visualizzare del contenuto così come per guidare gli utenti quando nessun contenuto è disponibile. Come ispirazione, ecco cosa ho creato sul mio sito di test mentre scrivevo questo:
Nessun risultato
![Schermata con esempio di nessun risultato per la ricerca effettuata](https://web.archive.org./web/20230204214847im_/https://make.wordpress.org/test/files/2022/03/Screen-Shot-2022-03-31-at-2.01.12-PM-2048x1113.png)
Risultati
![Schermata con esempio di un elenco di risultati per la ricerca effettuata](https://web.archive.org./web/20230204214847im_/https://make.wordpress.org/test/files/2022/03/image.png)
Ulteriori strumenti di design
Infine, con ogni nuova versione, un numero sempre crescente di strumenti di design e controlli di dimensione stanno venendo aggiunti per consentirti di personalizzare le cose in base ai tuoi gusti (o lasciarle così come sono). Non trascurare questa come parte del test, specialmente quando arrivi al punto in cui dovrai dare uno stile a quello che hai creato.
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.1). È importante che questo non sia un sito live o di produzione.
- Installa ed attiva il tema Twenty Twenty-Two andando su Aspetto > Temi. Se scegli di utilizzare un diverso tema a blocchi, installalo ed attivalo andando su Aspetto > Temi > Aggiungi nuovo, cercandone uno che abbia Full Site Editing tra le caratteristiche elencate.
- Crea almeno due articoli con titoli diversi.
- Crea un nuovo utente sul tuo sito andando su Utenti > Aggiungi nuovo. Imposta il Ruolo almeno a livello “Autore”. Ecco le istruzioni da seguire.
- Installa ed attiva il plugin Gutenberg da Plugin > Aggiungi nuovo. Nel caso fosse già installato, accertati di usare come minimo la versione 12.9 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 e serve che tu cambi tema.
Istruzioni per il tema:
Suggerimento utile: man mano che ti occupi di questo test, potresti trovare la vista elenco molto utile mentre navighi tra il contenuto.
Queste istruzioni sono volutamente generiche per aiutarti a rendere davvero tuo l’Header che creerai, trovare più punti di attrito, così come nel caso stessi utilizzando un diverso tema a blocchi. In generale, dovresti esplorare alcune cose con questo test, perciò se i passi non si allineano con quello che vedi, passa al tema Twenty Twenty-Two per rendere le cose più semplici nel caso non lo stessi già usando, oppure accertati di coprire ognuna delle funzioni elencate nella sezione Panoramica.
Crea un template autore
- Naviga su Aspetto > Editor (beta). Questo aprirà automaticamente l’editor del sito sul template che fa funzionare la homepage.
- Una volta lì, apri il menu W menu (se hai impostato un’icona per il sito vedrai invece quella) > Template. Questo aprirà l’elenco dei template.
- Scegli “Aggiungi nuovo” > Seleziona “Autore”. Questo aprirà un nuovo template vuoto che mostra gli articoli più recenti di un singolo autore.
Aggiungi la tua struttura
- In base ai tuoi gusti, aggiungi qualunque parte del template Header o Footer tu voglia. Puoi fare questa operazione facendo direttamente una ricerca per “Header” o “Footer” o aggiungendo il blocco parte del template e selezionando quella che preferisci.
- Tra le parti del template, aggiungi un blocco Gruppo. All’interno del blocco gruppo, aggiungi un blocco Colonna impostato su 70/30.
- Nella colonna più grande, aggiungi un blocco Query Loop e seleziona le opzioni che preferisci.
- Mentre selezioni il blocco Query Loop, apri la barra laterale con le impostazioni del blocco ed accertati che l’opzione “Eredita query dal template” sia stata selezionata.
- Mentre hai ancora il focus sul blocco Query Loop (a questo punto potrebbe tornarti utile la Vista elenco), utilizza il pannello di inserimento veloce per aggiungere un blocco Nessun risultato. Ecco un breve video nel caso dovessi impantanarti su questo punto.
Personalizza il blocco Nessun risultato
- Personalizza il blocco Nessun risultato in base alle tue preferenze. Questo blocco visualizzerà del contenuto quando non viene trovato nessun risultato. Puoi aggiungere qualcosa tipo “Torna a trovarci per futuri contenuti di questo ottimo autore che siamo felici di avere a bordo” e/o inserire il pattern “Invito all’iscrizione” per invogliare chi ti visita ad iscriversi per ricevere aggiornamenti sul tuo sito.
- Una volta fatto, seleziona l’intero blocco Nessun risultato > Apri il menu con i tre puntini > Seleziona “Blocca” > Spunta “Impedisci rimozione”. Questo impedirà a chi sta aggiornando il sito di rimuovere questo elemento senza prima sbloccarlo, dato che la funzione di questo blocco potrebbe non essere inizialmente ovvia.
Assegna uno stile al resto
- A questo punto, seleziona la colonna più piccola e aggiungi quello che preferisci come barra laterale. Ad esempio, puoi aggiungere il blocco articoli più recenti per mostrare tutti gli articoli sul sito indifferentemente dagli autori oppure aggiungere delle icone social.
- Seleziona tutto il blocco Gruppo che hai originariamente aggiunto ed apri la barra laterale con le impostazioni del blocco. Esplora alcune delle nuove opzioni di stile come ad esempio il controllo dei bordi, la spaziatura interna, i controlli dei colori ed altro ancora.
- Fai la stessa cosa con qualsiasi altro blocco tu voglia prima di selezionare l’opzione per Salvare. Ad esempio, puoi cambiare l’aspetto e dimensione dei font, colori ed altro ancora.
Blocca e visualizza
- In base a quello che ritieni giusto, blocca anche qualsiasi blocco tu voglia per impedire la rimozione o lo spostamento. Ad esempio, potresti bloccare le parti del template Header e Footer per fare in modo che non vengano spostate.
- Una volta fatto, visualizza la pagina autore dell’account con cui hai effettuato il collegamento per vedere gli articoli mostrati e guarda la pagina autore dell’account che hai creato, che al momento non ha ancora alcun articolo. Puoi trovare la pagina autore andando su urldeltuosito.com/author/[nome utente]. Ecco gli esempi del mio sito di prova: autore con articoli, autore senza articoli.
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?
- Hai trovato delle funzionalità mancanti durante la creazione dell’Header?
- 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 ed intuitiva?
- 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 21 aprile 2022
#fse-outreach-program, #fse-testing-call