Chiamata per il test del programma FSE #17: Gestire la gallerie Gutenberg

(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

Navigation block settings showing different icon options to pick from.

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. 

Visual of a new header option with a mountain range image and a blue header with a navigation.

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.

Top toolbar in the site editor with an emphasis on the new zoomed out mode.

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

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

  1. Visualizza il frontend del tuo sito e naviga attraverso varie pagine collegate nel menu.
  2. 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

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

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

  1. 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.
  2. 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.
  3. Una volta fatto, con la modalità vista allargata ancora attiva, apri la barra laterale degli stili.
  4. 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. 
  5. 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

  1. Quando hai certezza di non essere più nella modalità vista allargata, seleziona il blocco navigazione, utilizzando la vista elenco o facendoci direttamente clic sopra.
  2. 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.
  3. 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.
  4. 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.
  5. 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. 
  6. 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”
  7. Aggiungi alcuni elementi a questo nuovo menu.
  8. 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

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

Crea una categoria specifica 

  1. Fai clic sul menu W e seleziona “Template” per aprire l’elenco dei template.
  2. Seleziona “Aggiungi nuovo” e scegli “Categoria”
  3. Scegli l’opzione “Categoria per un elemento specifico” e seleziona “Submissions Opportunities”.
  4. 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.
  5. 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:

  1. 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
  2. Esplora l’aggiunta di un blocco Commenti a diversi template e nota che cosa potrebbe rendere l’esperienza migliore. 
  3. Prova a bloccare parti del tuo sito in vari modi man mano che il design ti soddisfa. 
  4. 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

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

Chiamata per il test del programma FSE #15: personalizzazione della categoria

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

Visual of the new template part selection experience.

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.Visual of the cover block feature where you can use the featured image.

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

  1. Salva il link al tuo sito, in modo che tu possa accedervi nuovamente durante il test.
  2. 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à. 
Visual of what the files for your test site should look like with a new patterns folder and two patterns placed within it.
  1. 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.
  2. 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 

  1. 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.
  2. Scegli “Aggiungi nuovo” > Scegli “Categoria”. Questo aprirà un nuovo template vuoto.
  3. 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.
  4. Aggiungi un blocco query loop e seleziona l’opzione di design che preferisci.
  5. 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. 
  6. 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

  1. Apri il menu W (se hai impostato un’icona per il sito vedrai quella) e seleziona “Bacheca” per tornare alla tua bacheca wp-admin.
  2. Sotto Articoli > Aggiungi nuovo per creare un nuovo articolo. 
  3. 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.)
  4. Imposta un’immagine in evidenza e nota come appare anche nel blocco copertina del pattern. Continua pure a personalizzare ulteriormente se vuoi. 
  5. 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.
  6. Torna alla bacheca e crea un altro nuovo articolo. 
  7. 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.
  8. 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.

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

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

Programma FSE : Fate le vostre domande – Secondo Round

(traduzione dell’articolo di Anne McCarthy @annezazu, Developer Relations Wrangler di Automattic, già pubblicato a questo indirizzo)

Con i prossimi passi Go/No Go delineati prima del rilascio di WordPress 5.8 a luglio 2021, approfittiamo del tempo a disposizione per rispondere a qualsiasi altra domanda di carattere generale possiate avere riguardo il Full Site Editing! Se possibile, concentratevi nello specifico sulle questioni riguardanti WordPress 5.8, dato che rivolgerci a quelle avrà l’impatto maggiore. Inviate pure le vostre domande usando il modulo di seguito, o lasciatele come commento a questo articolo, o la sua versione originale, entro il 12 Maggio:

Invia Domande

Tenete presente che, a seconda delle domande, è probabile che alcune delle risposte potrebbero somigliare più a “ci stiamo lavorando per capire meglio la questione ed ogni feedback a riguardo sarebbe utile”, piuttosto che ad una risposta definitiva. Questo è specialmente vero per funzionalità/milestone pianificate per il rilascio di 5.9.

Dove saranno condivise le risposte? 

Condividerò un articolo riassuntivo su questo blog (Make Test). Le domande saranno raggruppate assieme alle risposte corrispondenti in modo che sia facile esaminarle. Potete vedere quale sarà il risultato prendendo ad esempio il primo round, che trovate qui. Raccoglierò le risposte ad ogni domanda e condividerò il mio lavoro man mano che procedo, creando un documento Google collaborativo in cui chi vuole può aiutare a trovare le risposte o semplicemente osservare come il lavoro si evolve. Ogni collaborazione è più che mai benvenuta!

Anche se il risultato principale sarà una gran bella lista di risposte, questo sforzo collettivo sarà anche utile per l’aggiornamento della documentazione futura e per possibili tutorial. Appena l’articolo sarà pubblicato, risponderò tramite mail a chiunque abbia lasciato una domanda e la propria mail tramite il modulo. Chi invece lascerà una domanda come commento a questo articolo, verrà citato come @ al proprio nome utente nell’articolo di riepilogo, in modo che non perda nessun aggiornamento!

Per maggiori informazioni riguardo questo programma sperimentale, consulta queste FAQ per avere altri dettagli utili. Se poi vuoi divertirti, visita #fse-outreach-experiment in Make Slack per annunci di test futuri, articoli utili ed altro ancora che sarà condiviso lì. Per aiutarti nel pianificare la tua partecipazione, puoi dare un’occhiata al calendario degli appuntamenti attuali e prossimi per il programma FSE Outreach, qui.

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

Hai la curiosità di provare il Full Site Editor?

Il secondo aggiornamento principale dell’anno è alle porte e potresti aver notato un certo fermento sulla modalità di modifica completa del sito (FSE) negli ambienti di WordPress che frequenti. Con questo articolo scoprirai alcune cose importanti da sapere e alcuni link di orientamento utili a chiunque voglia saperne di più.

Per proprietari e gestori di siti web

Se possiedi o gestisci un sito WordPress l’aggiornamento alla versione 5.8 dovrebbe essere un’esperienza senza alcun intoppo, proprio come qualsiasi altro aggiornamento. Il dibattito sulla modifica completa del sito è molto eccitante, ma non ti dovrebbe allarmare perché nella prossima release tutto quello che riguarda la modifica completa del sito è facoltativo. Per sperimentare liberamente il FSE è necessario un tema costruito appositamente per lui, dai un’occhiata ai link alla fine dell’articolo per vedere alcuni esempi!

Per agenzie e sviluppatori di temi e plugin

Se devi estendere la funzionalità del CMS WordPress per i tuoi clienti, l’aggiornamento alla versione 5.8 dovrebbe comunque andare liscio come l’olio. Come sempre, è essenziale controllare le modifiche personalizzate in un ambiente di staging o eseguire test completi quando la versione candidata viene resa disponibile. Vuoi testare i tuoi prodotti e avere tutto pronto per il cliente? Dai un’occhiata alle opzioni di test in fondo all’articolo.

Per contributori e volontari

Se contribuisci al progetto WordPress con il tuo tempo e la tua esperienza puoi unirti a noi nell’interessante lavoro che porta al rilascio di WordPress 5.8 e aggiornare il tuo sito con la profonda soddisfazione di chi sente di aver fatto un buon lavoro. C’è un sacco di cose dentro ogni rilascio: dalla progettazione e lo sviluppo alla documentazione, alla traduzione; se hai un pò di tempo libero e vuoi aiutare a sostenere il progetto che sostiene lo strumento che sostiene il tuo sito (hihihi!) dai un’occhiata ai link qui sotto.

Risorse

Articolo originale: Curious About Full Site Editing? di Josepha @chanthaboune pubblicato il 27 aprile 2021.

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