(post originale di @annezazu)

Questo articolo è la sedicesima 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.

Un piccolo promemoria

Sei hai interesse nel far parte del processo che si occupa di creare e facilitare i test, dai un’occhiata a questo recente articolo, che parla di come iniziare a contribuire

Panoramica

Questa chiamata per il test ci riporta ad alcuni dei fondamentali dell’uso dell’editor a blocchi. Anche se può essere divertente e stuzzicante esplorare elementi quasi sperimentali, è altrettanto importante assicurarci che l’esperienza di base continui ad essere eccellente. Questo è particolarmente vero quando il concetto di full site editing porta ad applicare il paradigma del blocco ad altre parti dell’esperienza del sito. In questa ottica, il formato assunto da questo test sarà quello di una caccia al tesoro dal finale aperto. Man mano che prosegui, esplorerai tutte queste funzioni: 

Menu Trasforma

Ogni blocco può essere trasformato in un nuovo blocco di tipo diverso mantenendo il proprio contenuto.

Selezionare del testo tra più blocchi

Questa funzione è stata annunciata in WordPress 6.0 e funziona con qualsiasi blocco Rich Text (Paragrafo, Titolo, Elenco e Citazione). Come può essere migliorata? Ci sono ancora dei dettagli da limare?

Trascina e rilascia

Trascina e rilascia è una parte classica dell’esperienza dell’editor a blocchi, che tu stia scrivendo un articolo o creando un template. Mentre WordPress si evolve con nuovi blocchi e funzionalità, è importante che le funzioni presenti da sempre continuino a funzionare e restare affidabili. 

Varie opzioni per l’aggiunta di un blocco

È possibile aggiungere un blocco in alcuni diversi modi: tramite il pannello di inserimento, l’inserimento tramite slash (/), l’inserimento veloce, l’inserimento sibling, e le opzioni “inserisci prima/dopo” incluse nel menu aggiuntivo di ogni bocco. Assicurarci che ognuna di queste variabili sia presente e funzioni secondo le aspettative, è la chiave per essere in grado di creare ciò che vogliamo con i blocchi.

Nuove impostazioni ed esperienza d’uso del documento

Le impostazioni del documento sono state recentemente rinnovate nella versione 13.7 di Gutenberg:

I campi per formato di articolo, slug, template ed autori sono state allineate ed hanno tutti la stessa larghezza. Il template visualizza “template predefinito” invece di nessuno, ed il collegamento Permalink si apre in una finestra popover per modificare lo slug, quando ci si fa clic sopra. Il risultato è una visualizzazione più chiara e organizzata che dovrebbe aiutarti ad avere accesso, a colpo d’occhio ed in modo più immediato, a tutte le informazioni importanti riguardo la tua pagina o articolo. 

Usare i pattern

I pattern stanno diventando sempre più importanti nel processo creativo. Questo test esplora i fondamenti dell’aggiungere, spostare o personalizzare i pattern.

Ed altro ancora!

Quanto elencato finora copre solo gli elementi più in vista, ma aspettati di usare anche bicromia, controlli di dimensione, immagine in evidenza all’interno di un blocco copertina, ecc., se completi ogni compito più piccolo.

Testing Instructions 

Note on InstaWP

Il team di InstaWP ha fornito all’outreach program un account che è possibile usare per queste Chiamate per il test. Questo significa che se preferisci evitare di creare un tuo sito di prova, e al suo posto utilizzarne invece uno temporaneo, ora è possibile farlo. Nella creazione di un sito con InstaWP non verranno richiesti indirizzi email, il che significa che dovrai prendere nota del link per accedere nuovamente al sito. Grazie di cuore al team di InstaWP!

Lanciare un sito di prova o impostare un ambiente di prova 

Per usare un sito di prova preimpostato: 

1. Apri questo link una volta sola: https://app.instawp.io/launch?t=fse-call-for-testing-16  
2. Fai attenzione a non aprire il link ripetutamente, dato che ogni volta crea un nuovo sito. Per questo motivo esiste un limite di 50 siti che è possibile creare. 
3. Questo creerà un sito che puoi usare per 24 ore. Seleziona “Access Now” per eseguire l’accesso all’interno della tua bacheca wp-admin.

Nota: il sito di prova creato con InstaWP avrà l’inglese come lingua predefinita. Puoi impostare l’italiano oppure lasciarlo così.

4. Salva il link al tuo sito, in modo che tu possa accedervi nuovamente durante il test.

Per impostare il tuo sito di prova: 

1. Imposta un sito che utilizzi la versione più recente di WordPress. È importante che non sia un sito di produzione o live.
2. Installa ed attiva il tema Twenty Twenty-Two andando su Aspetto > Temi.
3. Installa e attiva la versione più recente di Gutenberg. Vai sul menu Plugin > Aggiungi nuovo > cerca Gutenberg.
4. Vai su Strumenti > Importa ed importa questo file (dovrai selezionare “download” nell’angolo in alto a destra per scaricare prima il file) per avere accesso agli stessi testi indicati sopra. 

Panoramica del contenuto sul sito test

Una volta che il tuo sito di prova è impostato, fai le azioni che troverai di seguito su uno o più dei tre articoli disponibili, in qualunque ordine preferisci! Nessuno di questi articoli ha un’immagine in evidenza e sono tutti stati lasciati intenzionalmente come bozze. Non serve che tu segua tutto l’elenco da cima a fondo, ed è anche intenzionale aver lasciato una fine aperta ad ogni compito, dato che potrebbero esserci vari modi di completare ogni singolo compito. Anche se l’elenco sembra lungo, ogni compito dovrebbe essere veloce, e richiede solitamente solo alcuni secondi di azione, per cui fanne quanti più possibile. 

Allineare, spostare e personalizzare immagini

• Metti due immagini una di fianco all’altra, in qualunque modo tu preferisca.
• Scegli due immagini e spostale in una posizione diversa all’interno dell’articolo. Nota: potresti dover aggiungere un’immagine in più, prima di fare questo. 
• Personalizza i bordi di un’immagine, utilizzando colore, stile e spessore.
• Ritaglia un’immagine all’interno dell’editor dell’articolo.
• Aggiungi un filtro bicromia.
• Aggiungi un filtro bicromia personalizzato a tua scelta, e poi rimuovi del tutto il filtro. 
• Trasforma un blocco immagine in un blocco copertina, ed imposta il fuoco usando il selettore del punto focale. 
• Sostituisci un’immagine con una diversa. 
• Trascina e rilascia un’immagine in una nuova parte dell’articolo. 
• Aggiungi un’immagine da un URL.
• Aggiungi un’immagine dal tuo computer,  trascinando e rilasciandone una sul segnaposto del blocco immagine.
• Aggiungi un link ad un’immagine.
• Aggiungi un testo alternativo ad un’immagine.

Aggiungere, spostare e trasformare blocchi di testo

• Prova ad usare quanti più metodi di inserimento possibile (slash /, pannello di inserimento veloce e tra blocchi)
• Trasforma un blocco di testo in un altro blocco a tua scelta. Fai caso a quante trasformazioni puoi fare prima di bloccarti o che l’operazione diventi confusa.
• Combina assieme due paragrafi.
• Riordina le voci di un blocco elenco.
• Trasforma un blocco elenco in un altro blocco, e poi trasformalo nuovamente in un elenco.
• Seleziona del testo da due paragrafi, taglia il testo ed incollalo altrove nell’articolo. 
• Trasforma un blocco testo in un blocco titolo e personalizzalo aggiungendo margini, cambiando le maiuscole, ecc.
• Seleziona del testo da due paragrafi ed osserva cosa succede se provi a trasformarlo in un blocco gruppo (disponi in riga/gruppo/disponi in colonna). Ecco uno screenshot.
• Aggiungi un titolo o un elenco ad un blocco citazione. Prova a trasformare quegli stessi blocchi dall’interno del blocco citazione. 
• Assegna ad ogni paragrafo una diversa dimensione per il font. Nota: questo potrebbe significare anche l’aggiunta di una tua dimensione personalizzata.
• Copia e incolla del testo da un altro sito/articolo/documento a tua scelta, all’interno del tuo articolo.

Inserisci e riordina pattern

• Aggiungi velocemente alcuni pattern dal pannello di inserimento, uno dietro l’altro. Riordinali in qualsiasi modo preferisci dopo averne aggiunto alcuni. 
• Rimuovi tutto un pattern dopo averlo aggiunto
• Trascina e rilascia un pattern dal pannello di inserimento ad una posizione tra due blocchi o pattern all’interno dell’articolo.

Modifica le impostazioni del documento

• Cambia il template in uso nell’articolo
• Copia l’URL dell’articolo come se dovessi condividerlo con qualcuno.
• Programma un aggiornamento dell’articolo per un’ora qualsiasi domani, prima di cambiare idea e pubblicare le modifiche adesso.
• Aggiungi un’immagine in evidenza. 
• Aggiungi un blocco copertina ed impostalo in modo che usi l’immagine in evidenza. 

Cosa notare:

• 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 2 settembre 2022

#fse-outreach-program, #fse-testing-call

#fse, #full-site-editing

#fse-testing-call

(post originale di @annezazu)

Questo articolo è la quindicesima 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, ad un primo sguardo, su un’azione comune che potresti aver già svolto all’interno dell’Editor del sito: creare un nuovo template ed applicarlo ad alcuni articoli. Man mano che proseguirai nello svolgere questo compito, speriamo che il modo in cui le funzionalità illustrate di seguito si allineano ti sorprenderà, mostrandoti uno strato più ampio e profondo dell’esperienza d’uso dell’editor del sito.

Più opzioni per i template

Espandere quali template possono essere creati all’interno dell’Editor del sito continua ad essere una delle nostre priorità assolute, con parecchie nuove opzioni da esplorare. Questo test in particolare si concentrerà sul template Categoria, ma tenetevi forte per Gutenberg 13.7 (la versione attuale) con cui sarà possibile creare un template per una categoria specifica. Questo significa che potresti avere un template diverso per tutti i tuoi articoli che hanno, ad esempio, “WordPress” come categoria! A seconda di quando parteciperai a questa chiamata per il test, potresti quindi avere già accesso anche a questa nuova opzione da esplorare.

Nuovo design del selettore di template

Gutenberg 13.6 offre un selettore di template dal design rinnovato e semplificato, che aiuta sia a risparmiare spazio e si allinea in modo più naturale con gli altri dettagli dell’articolo: 

Controlli per il layout più descrittivi

Se ogni volta che hai letto “Eredita il layout predefinito” ha creato confusione, il recente aggiornamento alla descrizione di questa funzionalità ti farà sicuramente piacere.

Pattern di partenza (semi-bloccati) quando crei un nuovo articolo

I pattern, così come il fatto che vari blocchi siano inizialmente bloccati fanno parte di alcune delle funzionalità che è possibile usare per curare l’esperienza dell’editor. Anche se queste potrebbero non essere automaticamente incluse in un nuovo sito WordPress, è comunque sempre importante provarle, in modo che l’esperienza di chi le utilizza sia ottimale. In questo caso, il primo test si occupa dei nuovi pattern di partenza che sono stati introdotti in WordPress 6.0 all’interno delle pagine e che ora sono disponibili per ogni tipo di articolo a partire da Gutenberg 13.6. Come bonus, alcuni blocchi sono bloccati in ogni pattern per aiutarti ad esplorare modi per controllare l’esperienza in modo più granulare.

Usare un’immagine in evidenza nel blocco Copertina

Un’altra funzionalità introdotta in WordPress 6.0 fa la sua comparsa in questo test, assieme ad alcuni miglioramenti arrivati successivamente per il segnaposto quando viene utilizzata l’immagine in evidenza e la maggiore facilità di scoprire questa funzionalità nell’opzione sostituisci media.

Istruzioni per il test

Un consiglio utile: man mano che ti addentri in questo test, potresti trovare la vista elenco di grande aiuto mentre navighi tra il contenuto.

Note on InstaWP

Il team di InstaWP ha fornito all’outreach program un account che è possibile usare per queste Chiamate per il test. Questo significa che se preferisci evitare di creare un tuo sito di prova, e al suo posto utilizzarne invece uno temporaneo, ora è possibile farlo. Nella creazione di un sito con InstaWP non verranno richiesti indirizzi email, il che significa che dovrai prendere nota del link per accedere nuovamente al sito. Grazie di cuore al team di InstaWP!

Lanciare un sito di prova o impostare un ambiente di prova 

Per usare un sito di prova preimpostato: 

1. Apri questo link una volta sola: https://app.instawp.io/launch?t=fse-fifteenth-call-for-testing
   Fai attenzione a non aprire il link ripetutamente, dato che ogni volta crea un nuovo sito. Per questo motivo esiste un limite di 50 siti che è possibile creare. 
2. Questo creerà un sito che puoi usare per 24 ore. Seleziona “Access Now” per eseguire l’accesso all’interno della tua bacheca wp-admin.

Nota: il sito di prova creato con InstaWP avrà l’inglese come lingua predefinita. Puoi impostare l’italiano oppure lasciarlo così.

3. Salva il link al tuo sito, in modo che tu possa accedervi nuovamente durante il test.
4. Naviga su Aspetto > Editor (beta). Questo aprirà automaticamente l’editor del sito, mostrandoti il template che fa funzionare la tua homepage. 

Per impostare il tuo sito di prova: 

1. Imposta un sito che utilizzi la versione più recente di WordPress. È importante che non sia un sito di produzione o live.
2. Installa ed attiva il tema Twenty Twenty-Two andando su Aspetto > Temi. Aggiungi una cartella per i pattern al tuo tema tema Twenty Twenty-Two e aggiungi questi due file: new-event-announcement.php e event-recap.php.
   
   Nota: Se stai usando l’ambiente di test InstaWP, questi file sono già preinstallati.
   
3. Qua trovi maggiori informazioni riguardo questa funzionalità. 

3. Installa e attiva il plugin Gutenberg dal menu Plugin > Aggiungi nuovo. Nel caso fosse già installato, accertati di usare come minimo la versione 13.6 di Gutenberg.
4. Da qui, naviga su Aspetto > Editor (beta). Questo aprirà automaticamente l’editor del sito, mostrandoti il template che fa funzionare la tua homepage. 

Crea un template per una categoria 

5. Una volta che sei qui, apri il menu W > Template. Questo aprirà l’elenco dei template. Se hai impostato un’icona per il sito, vedrai questa al posto della grande W.
6. Scegli “Aggiungi nuovo” > Scegli “Categoria”. Questo aprirà un nuovo template vuoto.
7. In base ai tuoi gusti, aggiungi le parti del template Header o Footer che preferisci. Puoi farlo cercando direttamente “Header” o “Footer” o aggiungendo il blocco parte del template e selezionando ciò che preferisci.
8. Aggiungi un blocco query loop e seleziona l’opzione di design che preferisci.
9. Quando hai selezionato il blocco query loop, apri la barra laterale con le impostazioni del blocco ed accertati che l’opzione “Eredita query dal template” sia selezionata. Questo farà in modo che siano visualizzati gli articoli corretti. 
10. Personalizza ulteriormente il template come preferisci, tenendo a mente che questo template verrà usato quando si visualizza una specifica categoria di articolo. Quando hai finito, fai clic su Salva per pubblicare il nuovo template. 

Crea due nuovi articoli per esplorare i pattern

11. Apri il menu W (se hai impostato un’icona per il sito vedrai quella) e seleziona “Bacheca” per tornare alla tua bacheca wp-admin.
12. Sotto Articoli > Aggiungi nuovo per creare un nuovo articolo. 
13. Seleziona il pattern “New Event Announcement” e completalo con i dettagli che preferisci. Come ispirazione, nell’elenco dei tuoi articoli ce n’è uno di esempio intitolato “WordCamp Museum” che usa questo pattern. Nota che alcuni di questi blocchi sono bloccati! Esplora questa esperienza per renderti conto del suo funzionamento (blocca altri blocchi, sblocca quelli attualmente bloccati, etc.)
14. Imposta un’immagine in evidenza e nota come appare anche nel blocco copertina del pattern. Continua pure a personalizzare ulteriormente se vuoi. 
15. Prima di pubblicare, apri le impostazioni dell’articolo, assegna la categoria “Eventi” e, se vuoi, sotto “Template” seleziona un diverso template con la nuova interfaccia pop over.
16. Torna alla bacheca e crea un altro nuovo articolo. 
17. Seleziona il pattern “Event Recap” e completalo nuovamente a tuo piacimento con i dettagli che preferisci.  Come ispirazione, nel tuo elenco di articoli ce n’è uno di esempio dal titolo “WordCamp Museum Recap” che usa questo pattern. Nota che alcuni di questi blocchi sono bloccati! Esplora il funzionamento di questa esperienza.
18. Sotto l’intestazione “Attendees”, seleziona il blocco gruppo che contiene i vari nomi. Apri le impostazioni nella barra laterale e, sotto la sezione “Layout” esplora l’opzione “I blocchi interni usano la larghezza piena”, personalizzandola a tuo piacimento (cambia colore, dimensione del carattere, dimensioni, etc.)
    
    Nota: se stai usando InstaWP, aggiorna le traduzioni del plugin Gutenberg in modo da avere l’ultima versione della localizzazione dell’interfaccia.
    
    
19. Prima di pubblicare, apri le impostazioni dell’articolo, assegna la categoria “Eventi” e sotto “Template” seleziona, se vuoi, un template diverso con la nuova interfaccia pop over. 

Visualizzare il tuo template per la categoria

20. Una volta che hai finito, visualizza la categoria “Eventi” per vedere il tuo template e gli articoli in bella mostra. Puoi trovare il template della categoria andando su urldeltuosito.com/categoria/eventi/

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 1 agosto 2022

#fse-outreach-program, #fse-testing-call

#fse, #fse-testing-call, #full-site-editing