Chiamata per il test del programma FSE #5: Alla ricerca delle Query

Questo articolo riguarda l’annuncio della quinta call per i test come parte del Full Site Editing Outreach Program. Per maggiori informazioni riguardo questo programma sperimentale, dai un’occhiata a queste FAQ per ulteriori utili dettagli. Se vuoi proprio divertirti, vieni a trovarci su #fse-outreach-experiment in Make Slack per gli annunci di test futuri, articoli utili ed altro che verrà condiviso attraverso questo canale.

Panoramica della funzionalità

Non sono tanti i blocchi a cui è stata dedicata un’intera milestone, ma il Blocco Query è uno di questi! Come dice il nome, questo è un blocco particolarmente potente, che permette di visualizzare articoli/pagine e personalizzarli nel modo che preferisci. Ad esempio, potresti facilmente usare questo blocco per mostrare tutte le tue ricette preferite, scegliendo di visualizzare una categoria di articoli specifica. Nel lungo termine, ci si può aspettare che questo sia uno strumento più utile agli autori dei temi, da usare per costruire un tema basato su blocchi con variazioni di blocchi, ad esempio il blocco Elenco degli articoli, dato che sarà uno di quelli con cui gli utenti avranno più a che fare. Per il momento, comunque, lanciamoci nell’avventura per andare alla ricerca delle Query ed esplorare quello che questo blocco può fare.

Se hai interesse nel futuro di questo blocco, dai un’occhiata a questo recente issue su GitHub che sta raccogliendo nuove idee per i modelli del blocco Query disponibili per l’attuale iterazione del blocco e aspetta con impazienza Gutenberg 10.5 che offrirà più modelli tra cui scegliere.

Ambiente di test

Anche se di seguito troverai maggiori informazioni per assicurarti di impostare tutto nel modo corretto, ecco gli aspetti chiave necessari per il tuo ambiente di test: 

• Usa un sito di prova. Non usare un sito di produzione/live. Puoi seguire queste istruzioni per creare una installazione locale o usare uno strumento come questo per impostare un sito di sviluppo.
• Usa la versione più recente di WordPress (che puoi scaricare qui).
• Usa la versione più recente del tema TT1 Blocks. 
• Usa la versione più recente di Gutenberg (10.4 nel momento in cui scriviamo).

In generale, usa l’ultima versione di ognuna delle parti dell’impostazione raccomandata e tieni a mente che le versioni potrebbero essere cambiate da quando questo articolo è stato condiviso.

Flusso del test

Nota importante: 

Anche se questa chiamata per il test è indirizzata al provare una funzionalità specifica, è probabile che troverai degli altri bug mentre utilizzi una funzione beta come questa. La segnalazione di Tutti i bug che troverai è ben accetta nel rapporto che invierai riguardo il tuo test, anche se non sono direttamente riconducibili alla funzionalità di cui hai fatto il test.

Istruzioni per la configurazione: 

1. Imposta un sito che stia usando la versione più recente di WordPress. È importante che non si tratti di un sito di produzione/live.
2. Installa il tema TT1 Blocks andando su Aspetto > Temi > Aggiungi Nuovo. Una volta installato, attiva il tema.
3. Crea otto articoli con due diverse categorie ed immagini in evidenza scelte da te. In alternativa, puoi importare il contenuto demo di Gutenberg creato apposta per questo test tramite l’importatore WordPress che trovi sotto Strumenti > Importa
4. Vai nell’area di amministrazione del sito
5. Installa ed attiva il plugin Gutenberg da Plugin > Aggiungi nuovo. Se è già installato, assicurati che la versione in uso sia come minimo Gutenberg 10.4.
6. Ora dovresti vedere all’interno della navigazione un elemento chiamato “Editor del sito (beta)”. Se non lo vedi ancora nella tua barra laterale, non stai usando correttamente l’esperimento di Modifica del Sito. A questo punto, accertati di trovarti all’interno del template Indice (questo dovrebbe essere il template predefinito in apertura)

Istruzioni generali per il test:

1. Usando la Visualizzazione in modalità elenco, seleziona il blocco Query genitore e poi rimuovi l’intero blocco. Questo ci consentirà di iniziare da zero. Ecco una GIF che mostra come farlo.
2. Ora, aggiungi un blocco Colonne dove si trovava il blocco Query ed imposta 2 colonne con spaziatura 50/50.
3. Nella prima colonna, aggiungi un blocco Titolo con il nome di una delle categorie di articoli. Se hai utilizzato il contenuto demo, questo sarà “Hikes” oppure “Travel”. 
4. Aggiungi un blocco Query appena sotto il blocco Titolo. Mentre completi l’impostazione, usa qualunque opzione preferisci tra le varie opzioni di dimensione.
5. Una volta inserito, apri le impostazioni del blocco e sotto “Impostazioni” disattiva la funzione “Eredita query da URL”
6. Ora dovresti vedere delle opzioni per personalizzare quali articoli include questo blocco Query. Sotto “Filtri” seleziona una delle categorie da visualizzare. Se hai utilizzato il contenuto demo, questo sarà “Hikes” oppure “Travel”. 
7. Dopo che il il blocco Query visualizza gli articoli di una sola categoria, prosegui e personalizza il blocco Query come preferisci! Ad esempio, puoi aggiungere blocchi aggiuntivi come Autore dell’articolo e personalizzarli usando le opzioni di impostazione del blocco. Nel caso dovessi bloccarti a questo punto, vai alla sezione “Istruzioni per la personalizzazione / Idee” per trovare aiuto. 
8. Segui lo stesso procedimento con la seconda colonna e personalizza il blocco Query aggiuntivo. Accertati di selezionare la seconda categoria di articoli da visualizzare in modo da vedere dei nuovi articoli!
9. Guarda il tuo sito e vedi se quello che hai creato corrisponde alla visualizzazione dell’Editor del sito.

Se stai cercando altri modi per personalizzare l’esperienza, prova a cambiare la larghezza delle colonne, aggiungere altri blocchi pertinenti, cambiare i colori ed altro ancora. 

Istruzioni per la personalizzazione / Idee

Dato che questo è un blocco più avanzato, ecco alcune istruzioni aggiuntive per aiutarti a chiarire come funziona la personalizzazione di questo blocco nel caso dovessi arrivare avere difficoltà. Per iniziare, tieni a mente che parte della bellezza del sistema del blocco Query è che qualunque modifica apportata ad uno degli articoli/pagine di cui viene effettuata la query, sarà riflessa sull’intero insieme attualmente visualizzato. Questo potrebbe confonderti un po’ inizialmente, ma consente di avere più consistenza tra gli articoli. Tenendo questo presente, ecco alcuni altri modi per personalizzare il tuo blocco Query:

• Ecco un breve video che mostra come puoi cambiare il blocco Titolo dell’articolo in modo che abbia un determinato colore di sfondo, diverse dimensioni dei caratteri e diversi allineamenti. 
• Ecco un breve video che mostra come puoi cambiare la larghezza della colonna in cui si trova il blocco Immagine in evidenza, per rendere l’immagine più grande o più piccola. 
• Ecco un breve video che mostra come puoi aggiungere blocchi aggiuntivi al blocco Query e personalizzarli.
• Ecco un breve video che mostra come puoi cambiare l’allineamento generale dei principali blocchi forniti dal blocco Query. 

Tieni presente che ognuno di questi video è stato creato usando l’opzione di dimensione Small, ma puoi usare qualunque opzione di dimensione tu preferisca!

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 funzioni mancanti?
• Cosa hai trovato particolarmente confuso o frustrante riguardo l’esperienza?
• Cosa ti è piaciuto o hai apprezzato in modo particolare riguardo l’esperienza?
• Credi che quanto hai creato nell’Editor del sito corrisponda a quello che vedi sul tuo sito?
• Ha funzionato usando solo la tastiera?
• Ha funzionato usando uno screen reader?

Lascia un feedback entro il 5 Maggio 2021

Mentre altre call per i test sono state aperte per due settimane, questa è aperta per tre settimane in modo da vedere se questo incoraggia l’arrivo di più feedback. Se vuoi aiutare con il test, per favore amplifica il messaggio condividendo questo articolo!

Lascia un feedback nei commenti di questo post. Se preferisci, puoi sempre creare delle issue in questo repo GitHub direttamente per Gutenberg ed in questo repo GitHub per TT1 Blocks. Anche se lasci un feedback in GitHub, commenta comunque di seguito indicando il link. Se vedi che qualcun altro ha già segnalato un problema, lascia comunque una nota qui di seguito riguardo la tua esperienza, sarà utile per fornire a chi sta lavorando per migliorare questa esperienza una panoramica più ampia su ciò che va migliorato.

#core-editor, #fse-outreach-program, #fse-testing-call, #full-site-editing, #gutenberg