Proposta di discussione di “builder”

Ciao a tutti.
Propongo la discussione di “builder” (generico editor visuale) per l’inserimento nel glossario.

#glossario

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

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: 

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:

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

Chiamata per il test del programma FSE #4: Costruire un header a tema per un ristorante

Questa è la quarta 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 altri 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à

Creare un header intuitivo è uno dei punti chiave da fare nel modo giusto quando si costruisce un sito. Aiuta i visitatori a farsi un’idea del contenuto del tuo sito e, idealmente, dovrebbe anche portarli a compiere le azioni che desideri. Con l’Editor del sito ora ci sono ora delle opportunità inedite per personalizzare tutto questo in base ai tuoi gusti! Questo test esplorerà esattamente questo, creando un header un po’ più complesso e con vari livelli, grazie all’uso dei blocchi FSE. Per concentrarci meglio sul test, immaginiamo di essere proprietari di un ristorante e di dover creare un’esperienza che invita qualcuno ad ordinare online mentre, allo stesso tempo, mostriamo le informazioni di cui hanno necessità.

Come  per il test precedente, se decidi di dare via libera alla tua creatività, condividi uno screenshot nei commenti in modo che possiamo celebrare quello che hai fatto. 

Come ispirazione, ecco il mio esempio: 

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: 

Flusso del test: Creare un header per un ristorante

Ecco una scaletta di base da seguire quando stai provando questa specifica funzionalità. Se c’è qualcosa che che non ti convince, lascia un commento di seguito! Se vuoi proseguire con il test, fallo pure, dato che le istruzioni sono intese per fornirti una guida, non per limitarti. 

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.

Problemi noti:

Durante la creazione di questa Call per i test, sono emersi alcuni problemi che potresti riscontrare mentre procedi. Sappi che sono già stati segnalati. Ecco una lista non esaustiva dei problemi più seri:

Istruzioni per la configurazione: 

  1. Imposta un sito che stia usando WordPress 5.7. È 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. Vai nell’area di amministrazione del sito
  4. Installa ed attiva il plugin Gutenberg da Plugin > Aggiungi nuovo. Se è già installato, assicurati che la versione in uso sia come minimo Gutenberg 10.2.1.
  5. 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.

Istruzioni per il test:

Consiglio utile: Man mano che vai avanti con il test,potresti trovare la Visualizzazione in modalità elenco utile per navigare tra il contenuto.

Impostare le tue colonne:

  1. Naviga su “Editor del sito (beta)”. Questo aprirà automaticamente l’editor del sito, visualizzando il template che fa funzionare la tua homepage.
  2. Dopo aver aperto la tua home page, rimuovi il blocco Navigazione trovato all’interno della parte del template Header. Questo serve a reimpostare l’header in modo da poter aggiungere altro al suo interno in seguito. 
  3. Seleziona il blocco Colonna genitore e, usando le impostazioni del blocco nella barra laterale, cambia il numero di colonne da 2 a 3 colonne.
  4. Torna al blocco Colonne e, usando le impostazioni della barra degli strumenti del blocco, accertati che sia impostato come Larghezza piena.
  5. Nella prima colonna, personalizza il titolo del sito ed il motto del sito come preferisci! Questo può includere cambiare il test, la dimensione dei caratteri, la famiglia del font ed altro ancora. 
  6. Nella seconda colonna, usa un blocco Paragrafo per aggiungere gli orari di apertura per il tuo ristorante di fantasia e prosegui di nuovo a completare il tutto in base ai tuoi gusti.
  7. Nella terza colonna, aggiungi un blocco Navigazione e seleziona l’opzione “Start Empty”. 
  8. Da qui, usa il blocco Link per aggiungere alcuni altri link, anche se rimandano a pagine che ancora non esistono. Per fare questo, inizia semplicemente a scrivere un titolo che ancora non esiste sul tuo sito. Per esempio, “Menu”. Vedrai un’opzione per creare la bozza di una pagina. Fai questo per almeno una voce di menu. Ricordati di divertirti mentre lo stai facendo e di creare qualcosa a tema ristorante!
  9. A questo punto, seleziona “Aggiorna il design” per salvare le modifiche che hai fatto.

Creare un invito ad ordinare online:

  1. Una volta che hai impostato il contenuto delle tre colonne, aggiungi un altro blocco Colonne sopra di esse e seleziona l’opzione per visualizzare le due colonne come 70/30. Puoi fare questo selezionando il blocco Colonne usando la Visualizzazione in modalità elenco e, usando il menu con i tre punti, seleziona “Inserisci Prima”.
  2. Usando la barra degli strumenti del blocco, imposta la colonna come larghezza piena, in modo che vada da lato a lato del sito.
  3. Nella colonna più larga, aggiungi un blocco Paragrafo con del testo che inviti gli utenti ad ordinare online. 
  4. Nella colonna più piccola, aggiungi un blocco Pulsante che dica “Ordina Online”. Se vuoi, puoi creare una pagina a cui collegarlo, ma per il test va bene anche non avere una pagina effettivamente collegata, se ci atteniamo allo scopo effettivo di questo test.
  5. A questo punto seleziona “Aggiorna il design” per salvare le modifiche che hai fatto.

Personalizza i tuoi colori e pubblica tutte pagine che sono ancora bozze:

  1. A questo punto, personalizza i colori e tutto quello che vuoi all’interno del tuo design! Puoi farlo selezionando l’intero template Header e regolando l’impostazione dei colori nella tua barra laterale. Mentre fai questo, prendi nota di tutto quello che ti sarebbe piaciuto fare ma che non puoi fare. 
  2.  Quando sei soddisfatto di come si presentano le cose, seleziona “Aggiorna il design” per salvare le modifiche che hai fatto. 
  3. Infine, apri Attiva/disattiva la navigazione > Bacheca per vedere la tua bacheca wp-admin. Vai su Pagine > Tutte le pagine e pubblica tutto quello che deve essere pubblicato.
  4. Dai un’occhiata al tuo sito e verifica che quello che hai creato corrisponda a quello che ora vedi. 
  5. Condividi la tua esperienza nei commenti qui di seguito o direttamente su GitHub. Puoi completare questo test tutte le volte che vuoi per raccogliere qualsiasi ulteriore feedback!

Video del test:

Questo video non va troppo nei dettagli in termini di personalizzazione dei colori, ma mostra comunque passo per passo tutti i passaggi in modo da dare un senso delle azioni principali da intraprendere. Scendi pure nei dettagli durante il tuo test, secondo quanto ritieni opportuno!

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 durante la creazione dell’header?
  • 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 l’8 Aprile 2021

Lascia un feedback nei commenti di questo post. Se preferisci, puoi sempre creare delle issuein questo repo GitHub direttamente per Gutenberg edin 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

Chiamata per il test del programma FSE #3: Costruire una divertente pagina 404 personalizzata

Questa è la terza 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 altri 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à

Ti è mai capitato di imbatterti in una pagina 404 particolarmente piacevole? Magari ti ha fatto ridere, oppure era stata costruita in un modo che ti ha reso semplicissimo trovare nuovamente la tua direzione all’interno del sito. Al momento, questa è una parte di un sito che può essere modificata solo intervenendo sul codice, oppure viene fornita dal tema, impedendo quindi a molti di noi di aggiungere un po’ di divertimento extra all’universo con pagine 404 utili e divertenti.Con la Modalità di modifica completa del sito (FSE), ora è alla nostra portata crearne una tutta nostra. Quello che questo test esplora è fare esattamente questo con l’opzione per costruire una semplice pagina 404 attraverso la modifica di un template oppure lanciarci nella creazione di qualcosa di unico. Se decidi di dare sfogo alla tua creatività, condividi uno screenshot nel tuo commento, in modo che possiamo tutti ammirare quello che hai creato. Come ispirazione, ecco un esempio che ho creato: 

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: 

Flusso del test

Ecco una scaletta di base da seguire quando stai provando questa specifica funzionalità. Se c’è qualcosa che non ha senso, lascia un commento di seguito!

Nota importante: Anche se questa chiamata per il test è indirizzata a provare una funzionalità specifica, è probabile che troverai degli altri bug mentre utilizzi una funzionalità 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 WordPress 5.7. È 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. Vai nell’area di amministrazione del sito
  4. Installa ed attiva il plugin Gutenberg da Plugin > Aggiungi nuovo. Se è già installato, assicurati che la versione in uso sia come minimo Gutenberg 10.1.1.
  5. 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.

Istruzioni per il test:
Consiglio utile: Man mano che vai avanti con il test,
potresti trovare la Visualizzazione in modalità elenco utile per navigare tra il contenuto.Esplorare il template 404

  1. Naviga su “Editor del sito (beta)”. Questo aprirà automaticamente l’editor del sito, visualizzando il template che fa funzionare la tua homepage.
  2. Apri Attiva/disattiva la navigazione e vai su Template > 404. Questo ti porterà al template della pagina 404 del tuo sito.
  3. Usando la Visualizzazione in modalità elenco, seleziona la parte del template Header e, usando il menu della barra degli strumenti con i tre punti, seleziona “Rimuovi il blocco” per cancellarla.
  4. Ora seleziona il blocco header predefinito che dice “Nothing Here” e, usando il menu con i tre punti sulla barra degli strumenti, usa l’opzione “Inserisci prima” per aggiungere un blocco sopra.
  5. Usando il modo che preferisci per aggiungere un blocco, inserisci un blocco Parte del template e seleziona l’opzione “Nuova parte del template”.
  6. Apri le impostazioni per il nuovo blocco Parte del template e, sotto Avanzate > “Titolo”, aggiungi il tuo titolo personalizzato. Ad esempio “Header 404”.
  7. Quando hai finito con le tue modifiche, seleziona “Aggiorna il design” e dai un’occhiata al flusso di salvataggio per salvare tutte le modifiche. Questo dovrebbe far sì che la nuova Parte del template rifletta il titolo che hai scelto.

Aggiungere la navigazione e dare spazio alla creatività

  1. Da qui, assicurati che il focus sia ancora sulla nuova parte del template ed inserisci al suo interno un blocco Navigazione. Puoi scegliere se creare un nuovo menu o se riutilizzarne uno già esistente.
  2. Aggiungi alcuni link, incluso un link ad una pagina che ancora non esiste. Per fare questo, inizia semplicemente a scrivere un titolo che ancora non esiste sul sito. Ad esempio, “Help”. Vedrai quindi un’opzione per creare la bozza di una pagina. Fai questa operazione almeno su una voce di menu. Ricordati di divertirti mentre lo stai facendo!
  3. Oltre al blocco Navigazione, aggiungi tutti gli altri blocchi che vuoi in questa nuova parte del template. Ad esempio, puoi usare il blocco Icone Social, il blocco Cerca, Titolo del sito ed altri ancora. Prova ad aggiungere qualunque cosa che possa aiutare qualcuno che si è perso sul tuo sito ad orientarsi nuovamente. 
  4. Da qui, modifica il blocco Header “Nothing Found” ed il blocco Cerca modificandoli come vuoi. Potresti aggiungere qualsiasi elemento tu voglia, come immagini, GIF, ecc…
  5. Quando hai finito con le tue modifiche, seleziona “Aggiorna il design” e dai un’occhiata al flusso di salvataggio per salvare tutte le modifiche. 
  6. Visualizza la pagina 404 sul tuo sito visitando l’indirizzo iltuosito.com/404 (sostituisci iltuosito.com con l’URL del tuo sito di prova). Nota come ogni elemento aggiunto al blocco Navigazione come bozza di pagina viene visualizzato ma è un link interrotto. Dovresti essere in grado di vedere le bozze dato che hai effettuato l’accesso come amministratore. Nota: questo è stato annotato come bug
  7. Ritorna all’Editor del sito ed apri Attiva/disattiva la navigazione > Bacheca per vedere la tua bacheca wp-admin. Nota: attualmente c’è un bug che ti impedisce di visualizzare le bozze delle pagine, il che significa che in futuro questo sarà più semplice.

Pubblica, verifica e condividi

  1. Vai su Pagine > Tutte le pagine e pubblica tutte quelle che ancora devono esserlo.
  2. Ancora una volta, visualizza la pagina 404 sul tuo sito visitando l’indirizzo iltuosito.com/404 e conferma che le pagine che prima erano bozze ora vengono visualizzate regolarmente con i permalink corretti. 
  3. Condividi la tua esperienza nei commenti qui di seguito o direttamente su GitHub. Puoi completare questo test tutte le volte che vuoi per raccogliere qualsiasi ulteriore feedback!

Se ti va di andare anche oltre, ecco alcuni altri elementi da esplorare:

  • Prova ad aggiungere delle colonne al tuo contenuto! Le colonne sono un potente strumento e sarebbe ultime ricevere feedback sull’esperienza del loro utilizzo in uno scenario reale con la costruzione di un sito. 
  • Crea un parte di template personalizzata per il footer per replicare il procedimento di creazione di una parte del template personalizzata per l’header.
  • Personalizza a fondo la presentazione della pagina con colori, dimensioni di caratteri personalizzate ed altro ancora. Ecco un breve video che ti mostra alcune delle cose che puoi provare. 

Video del test: Questo video mostra il flusso del test dopo che la configurazione iniziale è stata impostata. Tieni presente che questo video non si spinge volutamente troppo a fondo nella creazione di una pagina 404, in modo da contenere la sua durata. Questo non vuol dire che tu non possa comunque sbizzarrirti con la creatività mentre conduci il test!

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?
  • L’esperienza di salvataggio è risultata chiara durante la modifica della parte del template, rispetto al contenuto generale?
  • 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 sulla tua homepage?
  • Ha funzionato usando solo la tastiera?
  • Ha funzionato usando uno screen reader?

Lascia un feedback entro il 23 marzo 2021

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

Chiamata per il test del programma FSE #2: Costruire una homepage con i blocchi per la modifica del sito

Questa è la seconda chiamata per il test all’interno del Full Site Editing Outreach Program. Per maggiori informazioni riguardo questo programma sperimentale, dai un’occhiata a queste FAQ per altri utili dettagli. Se vuoi proprio divertirti, vieni a trovarci su #fse-outreach-experiment in Make Slack per annunci di test futuri, articoli utili ed altro che verrà condiviso attraverso questo canale.

Panoramica delle funzionalità

Prima di tuffarci nei dettagli dei test, fermiamoci un momento per parlare della parte più importante di questa chiamata. Con la Modalità di modifica completa del sito (FSE) che apre le porte alla possibilità di modificare tutte le parti del tuo sito, arriva anche la necessità di nuovi blocchi che aiutino a facilitarne l’esperienza. Potresti aver già visto alcuni di questi blocchi! Per esempio, c’è un blocco Titolo del sito che puoi incorporare ovunque ed aggiornare automaticamente ogni volta che cambi il titolo del tuo del sito.

Per questo test in particolare, esploreremo l’uso di alcuni di questi blocchi per costruire una semplice home page con una barra laterale:

  • Blocco Titolo del Sito
  • Blocco Logo del sito
  • Blocco Elenco articoli
  • Blocco Tag Articolo
  • Blocco Navigazione
  • Blocco Parte del template

Pensa a questa come un’opportunità per esplorare cosa è attualmente possibile utilizzare per costruire qualcosa di semplice, ma anche come un’occasione per prendere familiarità con questi nuovi blocchi. Alla fine, a questi blocchi sarà assegnata una categoria specifica nello strumento di inserimento, definita per la modifica del sito.

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:

Flusso del test

Ecco un flusso di base da seguire quando stai provando questa specifica funzionalità. Se c’è qualcosa che non ha senso, lascia un commento di seguito!

Nota importante:
Anche se questa chiamata per il test è indirizzata al provare una funzionalità specifica, è probabile che troverai degli altri bug mentre utilizzi una funzionalità 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 WordPress 5.6.1. È 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 tre articoli finti con alcuni tag OPPURE usa il contenuto dimostrativo di Gutenberg che puoi trovare qui. Ecco un breve video che spiega come impostare questo contenuto.
  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.0.
  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.

Istruzioni per il test:
Consiglio utile: Man mano che vai avanti con il test, potresti trovare la Visualizzazione in modalità elenco utile per navigare tra il contenuto.

  1. Naviga su “Editor del sito (beta)”. Questo aprirà automaticamente l’editor del sito al template che fa funzionare la tua homepage.
  2. Usando la Visualizzazione in modalità elenco, verifica se il Blocco Query è presente. Nel caso dovesse esserci, selezionalo e cancellalo. Si tratta solo di pulizie di primavera per contenere un po’ le cose. 🙂

Modifica il tuo header:

  1. Vedrai probabilmente un Header creato per te che puoi modificare direttamente. Aggiorna il testo all’interno del blocco Titolo del sito. Divertiti a modificarlo! Alcune idee per iniziare: Scegli una nuova dimensione per l’header, cambia i contenuti, o modifica direttamente le impostazioni del blocco.
  2. Quando hai finito con le modifiche che vuoi fare, seleziona “Aggiorna il design” ed esamina il flusso di salvataggio per salvare tutte le modifiche.
  3. Apri Attiva/disattiva la navigazione e vai su Parti del template  > seleziona “Header”. Questo ti mostrerà una visualizzazione isolata della porzione dell’Header del tuo sito. Mentre sei su questa visualizzazione, aggiungi un blocco Logo del sito e configuralo in base ai tuoi gusti.
  4. Quando hai finito con le modifiche che vuoi fare, seleziona “Aggiorna il design” ed esamina il flusso di salvataggio per salvare tutte le modifiche.
  5. Apri nuovamente Attiva/disattiva la navigazione e vai su Template > Indice per tornare alla tua homepage.
  6. Una volta lì, vai al Blocco navigazione che controlla il menu nell’Header (qua laVisualizzazione in modalità elenco potrebbe tornarti utile!). Esplora il blocco navigazione facendo delle modifiche direttamente agli elementi del menu o nelle impostazioni del blocco per cambiare font, colore, etc.
  7. Usando la Visualizzazione in modalità elenco, seleziona la Parte del template Header e, usando il menu con tre punti nella barra degli strumenti, scegli l’opzione “Inserisci dopo” per aggiungere un blocco fuori dall’Header.

Aggiungi il tuo contenuto:

  1. Aggiungi un blocco colonna 70/30 oppure 30/70. Nella colonna più grande, usa il Blocco Titolo per scrivere “Il mio contenuto”. Nella colonna più piccola, usa il Blocco Titolo per scrivere “La mia barra laterale”.
  2. Nella colonna più grande, aggiungi  un blocco Elenco degli articoli e seleziona la configurazione che preferisci (Titolo e data, Titolo e riassunto, etc.)
  3. Mentre sei lì, aggiungi un Blocco tag dell’articolo ad uno degli articoli visualizzati nel Blocco elenco degli articoli. Fai caso a come, se aggiungi il blocco ad un articolo, questo viene visualizzato anche per tutti gli altri!

Ripeti il punto precedente con il Blocco Autore dell’articolo, prima di decidere se preferisci tenere o eliminare qualunque altro blocco aggiuntivo.

Creare una barra laterale:

  1. Nella colonna più piccola, crea la tua barra laterale come meglio preferisci. Ad esempio, prova con il Blocco Icone social, il Blocco Ultimi articoli o un semplice Blocco Immagine.
  2. Quando hai finito con le modifiche che preferisci, seleziona “Aggiorna il design” ed esamina il flusso di salvataggio per salvare tutte le modifiche.
  3. Condividi la tua esperienza nei commenti sottostanti o direttamente su GitHub. Puoi completare questo test tutte le volte che vuoi per raccogliere feedback aggiuntivo!

Video con la procedura del test passo per passo :Questo video mostra il flusso del test dopo che la configurazione iniziale è stata impostata e si sta usando il contenuto demo di Gutenberg che trovi qui. Rendi comunque unico il tuo flusso con le tue modifiche e ritocchi.

Cosa notare:

  • L’esperienza si è bloccata ad un certo punto?
  • L’esperienza di salvataggio ha funzionato correttamente?
  • Ti è capitato di voler fare qualcosa con un blocco in particolare ma non è stato possibile?
  • 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 sulla tua homepage?
  • Ha funzionato usando solo la tastiera?
  • Ha funzionato usando uno screen reader?

Lascia un feedback entro il 5 marzo 2021

Lascia un feedback nei commenti di questo post. Se preferisci, puoi sempre creare delle issuein questo repo GitHub direttamente per Gutenberg edin questo repo GitHub per TT1 Blocks. Se lasci feedback in GitHub, commenta comunque di seguito indicando il link. Se vedi che qualcun altro ha già segnalato un problema, lascia comunque una nota riguardo la tua esperienza di seguito, 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

OdG Polyglots 18 Febbraio 2021

In questa riunione si proseguirà con la definizione del meetup di marzo:

  • definizione testo per i meetup locali
  • definizione slide e speaker

Ricordo che la riunione si terrà dalle ore 19 alle ore 20 sul canale polyglots dello Slack italiano.

#odgpolyglots #polyglots

Propongo ufficialmente di richiedere e…

Propongo ufficialmente di richiedere e consultare la Community internazionale, al fine di adeguare i principi del codice di WordPress a quelli enunciati, attraverso gli strumenti del link di seguito, dal fondatore del World Wild Web, che recentemente ha fatto appello a tutti i colossi dell’informatica, nella speranza che possano adeguarsi. Chi di dovere nella Community Italiana, se lo si ritenesse opportuno, lo proponga nei giusti contesti.
https://solidproject.org/

[Polyglots] Resoconto riunione del 2 febbraio 2021 – gruppo di lavoro Gutenberg

Presenti

@wolly, @fabioperri, @piermario, @paolobeccari, @deadpool76

Svolgimento della riunione

Riunione del gruppo di lavoro sul plugin di Gutenberg che aggiunge ulteriori funzionalità all’editor a blocchi, introdotto in WordPress a partire dalla versione 5 nel dicembre del 2018.

Questo plugin è in continuo sviluppo e la sua implementazione alimenta progressivamente le nuove versioni del core di WordPress; quando le stringhe del plugin vengono aggiunte al core, è necessario verificare che non si creino discrepanze nelle traduzioni tra plugin di Gutenberg e Core di WordPress.

Il gruppo di lavoro si occupa di:
– completare la traduzione del plugin;
– verificare la coerenza tra il plugin e il core;
– mantenere e migliorare la traduzione del plugin.

Per facilitare il compito, Mina ha sviluppato un utilissimo strumento che mette a confronto le stringhe originali con le traduzioni in uso sull’ultima versione di WordPress e del plugin Gutenberg.

Potete trovarla qui:https://polyglots-tools.herokuapp.com/gutenberg-string-comparator:

Aggiornamento sullo stato della traduzione

Piermario ha aggiornato la riunione facendo il punto della traduzione stringhe del plugin:

  • Totale stringhe 1.870
  • Tradotte 1.748
  • Da tradurre 105
  • In attesa di approvazione (Waiting) 14
  • Fuzzy 3

Piermario in riunione ha segnalato che lui e Paolo Beccari stanno avendo alcune difficoltà nel trovare “dal vivo” sull’interfaccia di Gutenberg alcune stringhe ancora da tradurre. Nel corso della riunione è stato valutato che una installazione pulita di WordPress pare essere la soluzione migliore, l’argomento verrà ripreso nella prossima riunione.

Discussione di alcuni termini

Piermario ha segnalato che, durante la revisione delle stringhe, ha preso nota di alcuni termini da discutere con il resto dei polyglots.

I primi due termini sono Caption Verse.

Caption attualmente viene tradotto con didascalia. Piermario in riunione ha espresso il suo dubbio: caption va bene per le didascalie di una galleria o di un’immagine statica; pare che Gutenberg abbia aggiunto la possibilità di inserire “caption” di video o audio, per cui la traduzione dovrebbero essere sottotitoli e non didascalie.

La discussione sul termine verrà ripresa nella prossima riunione.

Riguardo Verse, Piermario ha fatto presente che ora è presente un blocco Verse in cui è possibile inserire dei versi di poesie, testi, ecc….

La proposta di Piermario è di tradurlo con Versi in modo da evitare che in certi contesti sia chiaro che in questo tipo di blocco vanno inseriti passi di testi o poesie, ed evitare possibili confusioni sull’interfaccia con “verso” nel senso di direzione.

La discussione sul termine verrà ripresa nella prossima riunione.

La prossima riunione del gruppo di lavoro Gutenberg sarà martedì 16 febbraio alle ore 19:30.