(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

Con ogni versione maggiore di WordPress, ci sono sempre più persone propense a passare da un tema classico al mondo dei temi basati sui blocchi. Con la versione 6.1 in arrivo a a novembre, questa chiamata per il test si concentra sull’esplorare questa esperienza. La forma di questo test sarà sia guidata, con passi da compiere in modo che certe funzionalità siano esaminate sia, a volte, con un finale libero, in modo che tu possa esplorare e pensare quali aree sono da migliorare.

Per rendere tutto più divertente, questa volta vestirai i panni del proprietario del sito Gutenberg Gallery. Un semplice sito che si concentra sul condividere informazioni riguardo mostre, chiamate per le candidature, e modi per restare in contatto. Dopo aver sentito parlare ormai da tempo delle funzionalità full site editing, hai deciso di buttarti e passare dal fedele tema Twenty Twenty a Twenty-Twenty Two. Lungo la strada, avrai a che fare con ciò che segue, ed altro ancora.

Passare da un tema all’altro

Come abbiamo avuto modo di esplorare in precedenza, con il passaggio tra temi a blocchi ci sono parecchie decisioni da prendere sia di carattere generale sia istantanee. Lo stesso vale per il passaggio da un tema classico ad un tema basato sui blocchi. Ad esempio, al momento non c’è un percorso chiaro per i widget. Alla fine, più indicazioni utili riusciremo a raccogliere per semplificare questa esperienza e renderla magica, più peso riusciranno ad acquistare i temi basati sui blocchi. 

Alternative predefinite di riserva migliorate e gestione dei menu con il blocco navigazione

Per offrire una migliore esperienza sin dalle prime battute con il blocco navigazione, sono state implementate varie alternative di riserva in modo che il menu che più probabilmente vorrai usare sia disponibile. Questo test cerca di analizzare questo e fornisce un’esperienza predefinita davvero migliore. Oltre questo, l’interfaccia per la selezione del menu e per la sua gestione è stata spostata in una sezione dedicata nelle impostazioni del blocco, in modo da metterla più in evidenza e rendere più facile il suo utilizzo. Puoi anche scegliere da un set di icone per personalizzare meglio il tuo menu per dispositivi mobili. 

Nuovi pattern per header e footer

In arrivo con la versione 6.1, questi pattern di blocchi creati con cura dei dettagli rappresentano una sintesi di header e footer ricorrenti, semplificati in modo da poter funzionare bene su vari temi. Quando si tratta di scegliere di adottare un tema basato su blocchi, questi dovrebbero aiutare le persone a definire le fondamenta di cui hanno necessità per rendere più personali i loro siti in pochi clic. 

Modalità Vista allargata

Questo strumento sperimentale ti consente di concentrarti sulla costruzione del sito, piuttosto che sulla modifica granulare di blocchi, consentendoti sia di vedere l’intero layout un po’ meglio e selezionando sempre il blocco di livello superiore (spesso blocchi contenitori come Gruppi o Parti del template). Se usi il pannello di inserimento veloce, ti vengono proposti pattern anziché blocchi, in modo da continuare a mettere l’enfasi su azioni di livello più generale che si possono scegliere e poi personalizzare.

Template per la categoria

Questo test esplora ancora una volta la creazione di un template specifico per una categoria, in modo da offrire un’esperienza più personalizzata per esaminare specifiche persone. Questo si allinea in armonia con la Gutenberg Gallery, in cui potresti voler mettere l’enfasi su elementi diversi, a seconda che qualcuno stia guardando degli articoli riguardo le candidature o riepiloghi delle mostre. 

Strumenti di design a manetta

È difficile non vedere quanti nuovi strumenti di design sono stati aggiunti ad ancora più blocchi. Dato che ci sono così tante nuove opzioni, questo test non si spinge troppo nei dettagli come fatto in passato. Invece, man mano che prosegui, nota ed esplora le varie opzioni aggiuntive e le nuove possibilità che aprono. 

Istruzioni per il test

Note su InstaWP

Come già detto in precedenza, 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 per aver reso ancora più semplice ad ogni persona la partecipazione al futuro di WordPress.

Per utilizzare un sito di prova preimpostato:

1. Apri questo link solo una volta: https://app.instawp.io/launch?t=fse-call-for-testing-17 
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 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 per avere accesso agli stessi testi indicati sopra. 

Familiarizza con il tuo sito attuale

5. Visualizza il frontend del tuo sito e naviga attraverso varie pagine collegate nel menu.
6. Vai su Aspetto > Personalizza e cambia qualunque impostazione come vorresti, oppure dai solo un’occhiata al modo in cui le cose sono già impostate (ad esempio, controlla quale menu è impostato per ogni posizione)

Passa ad un tema a blocchi

7. Vai su Aspetto > Temi
8. Attiva il tema Twenty Twenty Two. Nota che non è possibile vedere un’anteprima di questo tema. 
9. Dopo averlo attivato, visualizza il frontend del tuo sito per farti un’idea dei cambiamenti.
10. Da qui, vai su Aspetto > Editor

Usa gli stili e la vista allargata per creare il tuo sito

11. Nella barra degli strumenti superiore, cerca l’opzione vista allargata (l’opzione più sulla destra). Questo attiverà la modalità vista allargata, in cui ti potrai concentrare maggiormente sul costruire e creare con i pattern piuttosto che con i singoli blocchi.
12. Mentre sei in questa modalità, esplora le varie sezioni del tuo sito e riorganizzale pure in base alle tue preferenze. Ad esempio prova ad usare il pannello di inserimento veloce per aggiungere vari pattern.
13. Una volta fatto, con la modalità vista allargata ancora attiva, apri la barra laterale degli stili.
14. Seleziona l’opzione per sfogliare gli stili e nota come il tuo sito cambia quando passi da uno all’altro. Usa liberamente la modalità vista allargata quando vuoi durante il resto di questo test. 
15. Se vuoi, personalizza ulteriormente in base al tuo gusto le opzioni degli stili in modo più particolareggiato oppure continua ad usare una delle variazioni predefinite degli stili.

Personalizza la navigazione

16. Quando hai certezza di non essere più nella modalità vista allargata, seleziona il blocco navigazione, utilizzando la vista elenco o facendoci direttamente clic sopra.
17. Una volta selezionato, fai clic su “Modifica” nella barra degli strumenti del blocco e segui i passi per convertire il menu in link nel pop up.
18. Aggiungi due elementi di sottomenu sotto Blog, sia per Submissions che per Exhibits, per fare in modo che il menu corrisponda con quello del sito originale. Nota: le istruzioni sui vari modi in cui è possibile fare queste azioni sono state volutamente omesse.
19. Apri le impostazioni del blocco navigazione e, sotto Visualizza, fai clic sugli elementi grafici sottostanti per selezionare ulteriori opzioni per l’icona del menu per i dispositivi mobili. Seleziona quella che preferisci.
20. Cambia ulteriori aspetti del blocco navigazione in base alle tue preferenze. Ad esempio, puoi cambiare i colori sotto Colore, la spaziatura tra gli elementi della navigazione sotto Dimensioni, o varie opzioni tipografiche. 
21. Con le impostazioni dei menu aperte, sotto “Menu” esplora il procedimento per creare un nuovo menu facendo clic sul nome del menu attuale e selezionando “Crea nuovo menu”
22. Aggiungi alcuni elementi a questo nuovo menu.
23. Con le impostazioni del blocco aperte, passa tra diverse opzioni del menu, inclusa l’opzione per importare un menu classico. Seleziona qualunque menu vorresti usare.

Esplora nuovi header e footer

24. Usando la vista elenco, seleziona l’header o il footer.
25. Apri il menu con i tre puntini e fai clic su “Sostituisci”.
26. Prova a cercare diverse opzioni, scorrendole e selezionandone una nuova. Ripeti questa operazione quante volte vuoi!
27. Salva le tue modifiche e fai caso a come ti sembra il salvataggio di più entità.

Crea una categoria specifica 

28. Fai clic sul menu W e seleziona “Template” per aprire l’elenco dei template.
29. Seleziona “Aggiungi nuovo” e scegli “Categoria”
30. Scegli l’opzione “Categoria per un elemento specifico” e seleziona “Submissions Opportunities”.
31. Questo creerà un template che puoi personalizzare a piacimento. Ad esempio, potresti voler cambiare l’enfasi sulle immagini nel blocco Query loop, aggiungere o rimuovere diversi blocchi, cambiare il design, ecc.
32. Salva i cambi e visualizza la categoria Submissions Opportunities. Nota: le istruzioni sui vari modi in cui è possibile fare queste azioni sono state volutamente omesse. 

Personalizza ulteriormente il tuo sito – ecco alcune altre idee:

33. Noterai che la pagina Blog non ha alcun contenuto dopo il cambio del tema. Puoi aggiungere un blocco Query loop o cambiare in Impostazioni > Lettura  per impostare la pagina degli articoli come pagina del blog. Nota: questa è stata segnalata come una issue di miglioramento. 
34. Esplora l’aggiunta di un blocco Commenti a diversi template e nota che cosa potrebbe rendere l’esperienza migliore. 
35. Prova a bloccare parti del tuo sito in vari modi man mano che il design ti soddisfa. 
36. Usa i numerosi nuovi strumenti di design per cambiare spaziatura interna, margine, tipografia, colore, bordi ed altro. 

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 6 ottobre 2022

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