Chiamata per il test del programma FSE #16: Torniamo ai fondamenti

(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.

Example of a transform menu for the list block.

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?

Example of multi text selection.

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. 

Before and after images of the document settings sidebar against a green background.

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ì.

  1. 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