Questo è il sito italiano per organizzare e gestire la collaborazione su tutti i temi che riguardano WordPress: core, supporto, meta, community, polyglots e molti altri.
WordPress 6.3 è stato appena reso disponibile questa settimana, e introduce l’abilità di costruire ogni elemento del tuo progetto senza lasciare l’editor del sito. Anche se abbiamo fatto dei test su tutte le novità confluite in questa versione, è tempo di dae uno sguardo fresco al modo in cui tutti questi elementi si integrano, in modo particolare con tutte le migliorie emerse durante i periodi di beta/RC e guardare in prospettiva a ciò che la versione 6.4 punta a perfezionare.
Per farlo, questa chiamata per il test sarà un’esperienza vicina a “iniziare da zero”: cambiare gli stili, usare e creare pattern, creare alcune pagine e impostare un menu. Come parte di questo, esplorerai nuovi strumenti, come la Palette dei comandi, e strumenti a cui siamo già affezionati come la Vista elenco. Questo test è lasciato volutamente più aperto possibile per incoraggiare l’esplorazione e raccogliere feedback sull’esperienza dell’utente. Alla fine, il punto non è tanto sul fare un test delle singole funzionalità, ma concentrarci sul provare come tutte continuano a integrarsi tra di loro.
Dato che il ciclo della versione 6.4 sarà un po’ più breve rispetto ad altri, questa chiamata per il test sarà aperta solamente per due settimane anziché le solite tre, in modo che si possano fare dei nuovi test man mano che nuove funzionalità e migliorie vengono rese disponibili.
Non aprire questo link più di una volta. Abbiamo un limite di 50 siti che possono essere creati, e ogni clic crea un nuovo sito.
Un clic sul link lancerà per te un sito che potrai usare per 24 ore. Seleziona “Magic Login” per effettuare l’accesso sulla bacheca wp-admin.
Prendi nota del link del tuo sito, in modo che tu possa accedere ancora durante il test.
Per creare il tuo sito di prova:
Predisponi un sito di prova che usi la versione più recente di WordPress. È importante che non sia un sito di produzione o effettivamente online.
Installa e attiva il tema Twenty Twenty Three andando su Aspetto > Temi.
Installa e attiva Gutenberg 16.4 o la versione più recente di Gutenberg dopo la 16.4.
Nel caso dovessi avere qualsiasi problema con il setup manuale, puoi commentare sotto questo articolo o inviarmi un messaggio (@piermario) sullo Slack di WordPress.org.
I punti seguenti sono compiti aperti da completare, sono stati elencati volutamente senza istruzioni dettagliate, in modo da mettere alla prova ciò che è stato reso disponibile nella versione 6.3 e scoprire dove l’esperienza può essere resa più chiara:
Scegli e salva una nuova variazione di stile.
Aggiungi un bordo a tutti i blocchi Immagine del tuo sito, e cambia la dimensione di tutti i titoli H2 usando Stili.
Crea una pagina “About” e attiva l’impostazione della barra degli strumenti superiore. Fai copia e incolla del contenuto di questo Google Doc. Fai caso a eventuali problemi con formato o contenuto quando incolli.
Crea una pagina “Curriculum” con alcuni titoli diversi e usa il blocco Indice dei contenuti per organizzare meglio la pagina.
Cambia la dimensione e l’allineamento del titolo della pagina nel tuo template Pagine.
Di tanto in tanto, usa la Palette dei comandi per navigare tra le parti del tuo sito, richiamare diversi strumenti, come la Vista elenco, o le impostazioni, come la Barra degli strumenti superiore.
Crea un menu che includa la tua pagina About, un link al tuo profilo WordPress.org con il blocco Icone social e un blocco Ricerca.
Crea un pattern sincronizzato che includa i recapiti per contattarti e aggiungilo alle pagine “About” e “Curriculum”, nel punto che preferisci.
Duplica il pattern sincronizzato nella sezione Pattern e creane una versione non sincronizzata.
Se vuoi spingerti un po’ oltre e hai il tempo per farlo, esplora anche queste cose: creare delle pagine, modificare il template che governa la pagina, costruire e inserire degli altri pattern, sincronizzati e non sincronizzati.
Se ti blocchi in qualsiasi punto, faccelo sapere nei commenti, fornendo dei dettagli sul modo in cui hai provato a completare il compito.
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 per la creazione del sito e per la scrittura di nuovi contenuti?
Credi che quanto hai creato corrisponda a quello che hai visto sul sito?
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.
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.
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ì.
Salva il link al tuo sito, in modo che tu possa accedervi nuovamente durante il test.
Per impostare il tuo sito di prova:
Imposta un sito che utilizzi la versione più recente di WordPress. È importante che non sia un sito di produzione o live.
Installa ed attiva il tema Twenty Twenty andando su Aspetto > Temi.
Installa e attiva la versione più recente di Gutenberg. Vai sul menu Plugin > Aggiungi nuovo > cerca Gutenberg.
Vai su Strumenti > Importa ed importa questo file per avere accesso agli stessi testi indicati sopra.
Familiarizza con il tuo sito attuale
Visualizza il frontend del tuo sito e naviga attraverso varie pagine collegate nel menu.
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)
Dopo averlo attivato, visualizza il frontend del tuo sito per farti un’idea dei cambiamenti.
Da qui, vai su Aspetto > Editor
Usa gli stili e la vista allargata per creare il tuo sito
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.
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.
Una volta fatto, con la modalità vista allargata ancora attiva, apri la barra laterale degli stili.
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.
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
Quando hai certezza di non essere più nella modalità vista allargata, seleziona il blocco navigazione, utilizzando la vista elenco o facendoci direttamente clic sopra.
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.
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.
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.
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.
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”
Aggiungi alcuni elementi a questo nuovo menu.
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
Usando la vista elenco, seleziona l’header o il footer.
Apri il menu con i tre puntini e fai clic su “Sostituisci”.
Prova a cercare diverse opzioni, scorrendole e selezionandone una nuova. Ripeti questa operazione quante volte vuoi!
Salva le tue modifiche e fai caso a come ti sembra il salvataggio di più entità.
Crea una categoria specifica
Fai clic sul menu W e seleziona “Template” per aprire l’elenco dei template.
Seleziona “Aggiungi nuovo” e scegli “Categoria”
Scegli l’opzione “Categoria per un elemento specifico” e seleziona “Submissions Opportunities”.
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.
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:
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.
Esplora l’aggiunta di un blocco Commenti a diversi template e nota che cosa potrebbe rendere l’esperienza migliore.
Prova a bloccare parti del tuo sito in vari modi man mano che il design ti soddisfa.
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?
Con l’avvento dei temi a blocchi all’interno dell’ecosistema di WordPress, sono all’orizzonte nuove possibilità, da un più semplice sviluppo di temi per sviluppatori e designer ad una più semplice realizzazione di siti per gli utenti. Ad ogni modo, anziché esaminare in astratto il solo valore dei temi a blocchi, è importante includere e considerare anche ciò che può essere fatto tra diversi temi a blocchi. Ad esempio, immagina un mondo in cui per creare un negozio sia possibile prendere liberamente un modello di recensione prodotto da un tema, lo stile da un’altro, ed i template con cui visualizzare i prodotti da un tema specifico per l’e-commerce. O immagina di avere la possibilità di cambiare temi mantenendo tipografia e tavolozza colori preferita. Indipendentemente da tutto, è imperativo che l’esperienza sia affidabile, intuitiva e che possa essere ampliata, superando i limiti di ciò che era o non era possibile fare in passato.
Come risultato, l’attenzione in questa esplorazione è concentrata innanzitutto su una prospettiva più a lungo termine del genere “sarebbe bello se”, iniziando dal guidarvi attraverso un procedimento elementare di passaggio tra temi, chiedendo poi ad ogni partecipante di pensare in modo creativo a ciò che vorrebbe accadesse. Vista la mancanza di procedure, questa non è esattamente una chiamata per il test, perciò ci concentreremo meno sul trovare dei bug (anche se le segnalazioni sono sempre incoraggiate) e più sul ragionare attentamente su cosa vorremmo accadesse o sul modo in cui vorremmo funzionasse. Lo scopo è raccogliere spunti utili che ci aiuteranno contribuendo al modo in cui progettiamo questa esperienza.
Nota: per il momento ci stiamo volutamente concentrando sul passaggio tra temi a blocchi anziché, ad esempio, sul passaggio da classico a blocchi.
Esplora cos’è attualmente possibile.
I passi seguenti sono intesi come indicazioni generali ed hanno lo scopo di guidare l’impostazione iniziale di elementi relativi ad un tema a blocchi che si vorrebbe mantenere durante il passaggio tra temi. Non è richiesto fare delle prove con questi passi per quanto concerne questo test, dato che molti dei flussi non sono ancora stati costruiti.
Crea un template personalizzato sotto Aspetto > Template > Aggiungi Nuovo.
Crea una parte del template personalizzata sotto Aspetto > Parti del Template > Aggiungi Nuova.
Apri l’Editor del sito e, usando l’interfaccia utente dei Global Styles, scegli alcuni stili di blocco personalizzati e stili predefiniti generali. Salva tutte le modifiche.
Ora vai su Aspetto > Temi e cambia tema.
Verifica Editor del sito, Template, e Parti del Template.
Bonus: Prova ad importare ed esportare contenuti da uno dei tuoi siti attuali ad un sito di test, in modo da rendere il sito di test più realistico e pertinente, anche se il sito non sta usando un tema a blocchi. A questo punto, passa a qualunque altro tema, che sia a blocchi o meno. Questo serve puramente a farti entrare nell’ottica di pensare di più a ciò che vorresti tenere, anche se ci stiamo concentrando in modo specifico sui temi a blocchi.
Descrivi ciò che vorresti vedere
Commenta di seguito dopo aver riflettuto sulle seguenti domande. Ricorda di condividere ciò che vorresti idealmente vedere, piuttosto che concentrarti su quanto è disponibile in questo momento. Rispondi ad una domanda, rispondi a tutte o non rispondere affatto! Servono solo per farti entrare nell’ordine delle idee, piuttosto che essere delle caselle da spuntare:
Cosa vorresti essere in grado di fare quando passi da un tema all’altro?
Quali parti del tema a blocchi ti aspetti di essere in grado di mantenere quando passi da un tema all’altro?
Che genere di messaggi di conferma vorresti vedere?
Condividi un momento in cui il passaggio ad un altro tema ha fatto succedere qualcosa di inaspettato.
Quando passi da un tema all’altro sul tuo sito, puoi condividere il tuo procedimento?
Se volessi passare ad un nuovo tema oggi, dove andresti ed in quali posti ti aspetteresti di essere in grado di fare questa operazione?
Quali sono alcune delle ragioni che hai avuto per voler passare ad un nuovo tema?
C’è dell’altro? Pensa in grande!
Condividi il tuo feedback entro il 29 Settembre 2021
Come sempre, grazie per la tua partecipazione in questo esercizio. Se c’è qualcosa che ti impedisce di partecipare, faccelo sapere su #fse-outreach-experiment, nei commenti a questo articolo, o tramite DM in Slack ad @annezazu (non sono io!). Tieni presente che non tutto ciò che verrà condiviso sarà implementato, data la natura di questa esplorazione, ma sappi che le tue idee serviranno a dare forma a ciò che sarà possibile man mano che andiamo avanti.
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.