WordPress 6.3: cosa aspettarsi e come utilizzare le nuove funzionalità in modo efficace

WordPress 6.3 è la seconda major release della Fase 2 della roadmap di WordPress, ed è in arrivo con molte nuove interessanti funzionalità e miglioramenti.

Se sei un utente, uno sviluppatore o un appassionato di WordPress, vorrai sapere cosa aspettarti e come utilizzare le nuove funzionalità in modo efficace.

Qui discuteremo delle nuove funzionalità e dei cambiamenti in WordPress 6.3 e di come migliorerà la tua esperienza di modifica del sito.

Secondo W3Tech, il 71,9% di tutti i siti Web WordPress utilizza l'ultima versione 6. WordPress è in continua evoluzione e miglioramento, grazie alla sua comunità open source di contributori e utenti. Esploriamo le novità di WordPress 6.3?

Quando uscirà WordPress 6.3?

La versione beta di WordPress 6.3 RC1 è stata pronta per il download e il test il 19 luglio 2023. E questa versione non è pronta per l'installazione e l'esecuzione nei tuoi ambienti di produzione. Ma puoi continuare a testarlo su un server e un sito di prova. È probabile che la versione finale venga rilasciata l'8 agosto 2023.

Novità di WordPress 6.3

Anche se non è ancora stata rilasciata, la versione Beta ci dà un'idea delle novità di WordPress 6.3. E come puoi immaginare, gli sviluppatori di WP si sono concentrati sul miglioramento delle funzionalità relative a Gutenberg.

Dalla sua uscita nel novembre 2018, Gutenberg è stato il cardine di quasi tutti gli aggiornamenti di WordPress. Quindi, questo è ciò su cui gli editori hanno cercato di capitalizzare in questo aggiornamento.

Diamo un'occhiata.

Miglioramento del blocco

I blocchi sono al centro di Gutenberg. Naturalmente, una volta rilasciato WordPress 6.3, vedrai alcuni notevoli cambiamenti/aggiornamenti nei Blocchi.

Vedrai due nuovi blocchi in questa versione. Sono:

1. Dettagli: questo nuovo blocco viene fornito con un titolo e una sezione di contenuto comprimibile.Puoi utilizzare il blocco Dettagli per presentare contenuti estesi in modo compatto. Ad esempio, puoi usarlo per mostrare frammenti di codice, spoiler e specifiche del prodotto.

2. Note a piè di pagina: un'altra aggiunta è il blocco Note a piè di pagina.Puoi utilizzare questo blocco per aggiungere citazioni. Ecco come puoi usarlo.

• Seleziona il testo che desideri citare.
• Fare clic sull'opzione Altro sulla barra degli strumenti del blocco.
• Seleziona Nota a piè di pagina.
• Vedrai automaticamente il popup di blocco alla fine del contenuto.

Navigazione migliorata

Come con qualsiasi altro importante aggiornamento di WP, vedrai notevoli miglioramenti nell'editor del sito. Per cominciare, vedrai la barra laterale di navigazione esistente espansa per un facile utilizzo. Gli sviluppatori hanno cercato di rendere l'editor più intuitivo e senza soluzione di continuità concentrandosi sui seguenti fattori.

1. Navigazione:qui vedrai i link disponibili sul tuo blocco di navigazione. Mentre puoi riorganizzare o persino rimuovere le voci di menu qui, puoi aggiungere nuovi collegamenti.

2. Stili: potresti aver già utilizzato la funzione Revisioni per annullare le modifiche apportate ai tuoi post e alle tue pagine.Ora, la stessa funzione sarà disponibile nel menu Stili nell'Editor del sito.

Questa funzione ti consentirà di vedere le modifiche apportate agli stili del tuo tema e di annullarle se necessario. Ecco come:

• Apri il pannello Stili.
• Scegli uno stile o un blocco che desideri modificare.
• Salva le modifiche.
• Fare clic sul pulsante Revisioni.
• Quindi seleziona Cronologia revisioni.
• Passa da una versione all'altra.
• Fare clic sul pulsante Applica per tornare a una versione precedente.

3. Pagine:con questa funzione, ora puoi selezionare facilmente "Pagine" dal menu di navigazione dell'editor. Dopo aver fatto clic su questo menu, puoi vedere le pagine modificate più di recente. In altre parole, puoi riprendere rapidamente le tue modifiche. Usa il pulsante + per aggiungere una nuova pagina. E, cosa più importante, puoi modificarlo immediatamente nell'editor del sito.

4. Modelli: questa funzione è proprio come quella dell'attuale versione di WordPress.Qui è dove puoi trovare tutti i modelli disponibili e modificare quello che desideri. Puoi anche creare un nuovo modello qui.

5. Pattern: le versioni 6.3 forniranno un modo migliore per gestire i pattern.Puoi vederli tutti all'interno dell'editor. Quando fai clic su questa opzione, vedrai tutti i modelli disponibili, inclusi i modelli sincronizzati e non sincronizzati.

Ecco alcune cose che dovrai ricordare:

UN.Utilizzo di pattern non sincronizzati

I modelli non sincronizzati sono modelli autonomi. Puoi aggiungerli ogni volta che vuoi. Puoi anche apportare modifiche dopo averle aggiunte. E poiché sono modelli non sincronizzati, queste modifiche non influiranno sul tuo modello originale.

B.Utilizzo di pattern non sincronizzati

D'altra parte, la modifica dei modelli sincronizzati influirà sul modello originale. Sono essenzialmente blocchi riutilizzabili. Quindi, tutti i tuoi blocchi riutilizzabili appariranno qui. Ora si chiameranno invece "Synced Patterns".

Cosa sai fare?

• Usa il pulsante + per aggiungere/creare nuovi Pattern.
• Usa le opzioni Gestisci tutti i miei modelli per gestire i tuoi modelli personalizzati.
• Modifica i tuoi modelli personalizzati e blocchi riutilizzabili come e quando necessario.

Strumento di comando

WordPress 6.3 verrà fornito anche con un nuovo strumento di comando. È un centro di comando sperimentale a Gutenberg. Puoi utilizzare questo strumento per eseguire rapidamente le azioni desiderate.

Puoi usarlo per:

• Naviga tra i modelli.
• Apri pannelli specifici.
• Crea un nuovo articolo o pagina.

Puoi trovare questo strumento nella parte superiore di Site Editor. Oppure puoi usare il tasto CTRL+K per aprire lo strumento di comando.Una volta aperto, puoi iniziare a digitare per cercare ciò che desideri.

Per ottenere l'elenco dei comandi disponibili, è necessario eseguire wp.data.select( wp.commands.store ).getCommands() nella console del browser.

Distrazione ridotta nell'editor

Come accennato in precedenza, il Site Editor sta ottenendo diversi aggiornamenti. Uno dei migliori aggiornamenti include la modalità senza distrazioni. In precedenza era disponibile solo nell'editor di pagine e post per la creazione di contenuti.

Ma ora puoi usarlo anche nel Site Editor. Quando attivata, questa modalità nasconderà tutti i pannelli laterali e superiori e disabiliterà la barra degli strumenti del blocco. Ciò, a sua volta, ti consente di concentrarti sulla creazione di contenuti.

Detto questo, anche la barra degli strumenti superiore sta ricevendo un aggiornamento. Invece di occupare più spazio, ora lo vedrai nell'unico pannello superiore.

Modifiche importanti per gli sviluppatori di WordPress

WordPress 6.3 apporta anche alcune modifiche e miglioramenti delle prestazioni per gli sviluppatori WP. Puoi vedere diversi cambiamenti in questa versione. Tuttavia, eccone alcuni che devi considerare.

Miglioramenti nel caricamento delle immagini

Questo è uno degli aggiornamenti più significativi della versione 6.3 di WordPress. In questa versione, l'attributo “fetchpriority” con valore "high" viene assegnato all'immagine per determinare se si tratta dell'immagine LCP (Largest Contentful Pain).

Come forse già saprai, LCP è la metrica che misura il tempo impiegato da un sito Web per mostrare all'utente il contenuto più grande sullo schermo. L'attributo “fetchpriority” assegna la priorità all'immagine LCP per il caricamento anche prima che il resto del layout venga calcolato. In breve, le immagini si caricheranno più velocemente, che è il fattore principale per l'ottimizzazione della velocità della pagina.

Un altro miglioramento significativo è la gestione automatica del caricamento lento delle immagini con l'attributo “loading” . È stato introdotto per la prima volta in WordPress 5.5. E nella 6.3, tutti i suoi problemi residui sono stati risolti. Ciò migliorerà le prestazioni complessive del tuo sito Web WordPress.

In WordPress 6.3, una nuova funzione “wp_get_loading_optimization_attributes()” controlla sia gli attributi “fetchpriority” che “loading” . Al momento, puoi utilizzare entrambi:

• “loading” con un valore di "lazy"
• “fetchpriority” con valore "high"

Supporto per attributi HTML 5 “async” e “defer”

Sia “async” che “defer” sono attributi HTML 5. Indicano a un browser di scaricare JavaScript senza sospendere l'analisi HTML. Ma funzionano in modo diverso.

Gli script con l'attributo “async” verranno eseguiti in modo asincrono non appena vengono caricati. Il browser metterà in pausa l'analisi HTML una volta caricato lo script. D'altra parte, gli script con l'attributo “defer” verranno caricati solo dopo il completamento dell'analisi HTML.

Allora, cosa è cambiato in WordPress 6.3?

È possibile utilizzare il parametro booleano “$in_footer” delle funzioni “wp_register_script()” o “wp_enqueue_script()” per registrare gli script con gli attributi “async” e “defer” . Con questo parametro sovraccaricato, ora accetta un nuovo parametro di matrice “$args” . Ciò ti consente di specificare una strategia di caricamento per i tuoi script. Se aggiungi il parametro boolen $in_footer , inserirà lo script nella funzione wp_footer .

Ad esempio, se si desidera caricare uno script in modo asincrono, senza bloccare l'analisi HTML, è possibile utilizzare l'attributo “async” :

È possibile utilizzare la funzione seguente per caricare lo script con l'attributo “async” .

 wp_register_script(
    'costume',
    '/percorso/verso/custom.js',
    vettore(),
    '1.0.0',
    vettore(
        'strategia' => 'asincrono',
    )
)
Output <script async src= "~/custom.js" ></ script>

Questo dice al browser di scaricare lo script in background ed eseguirlo non appena è pronto. Tuttavia, questo significa anche che lo script può essere eseguito prima che il DOM sia completamente caricato o fuori servizio rispetto ad altri script.

Se vuoi caricare uno script in modo deferente, senza bloccare l'analisi HTML, ma anche assicurandoti che venga eseguito dopo che il DOM è pronto e in ordine con gli altri script, puoi utilizzare l'attributo “defer” :

È possibile utilizzare la funzione seguente per caricare lo script con l'attributo “defer” .

 wp_register_script(
'costume',
'/percorso/verso/custom.js',
vettore(),
'1.0.0',
vettore(
'in_footer' => vero,
'strategia' => 'differire'',
)
)
Produzione
<script defer src="~/custom.js"></ script>

Questo dice al browser di scaricare lo script in background ed eseguirlo solo dopo che il DOM è stato completamente costruito. Questo è utile per gli script che dipendono dagli elementi DOM o da altri script.

Con queste modifiche, ora puoi evitare che uno script venga caricato in un ordine imprevisto.

Modalità di sviluppo

WordPress 6.3 viene fornito con una nuova modalità di sviluppo. Puoi utilizzare la nuova costante WP_DEVELOPMENT_MODE per abilitare questa modalità. Questa costante assumerà uno dei seguenti valori.

• “core” – indica uno sviluppo centrale.
• “plugin” – indica lo sviluppo del plugin.
• “theme” – indica lo sviluppo del tema.
• “all” – indica tutti e tre i tipi di sviluppo.

E quando vedi una stringa vuota, indica che il sito Web non è utilizzato come ambiente di sviluppo. Puoi anche controllare il valore corrente del tuo WP_DEVELOPMENT_MODE nel pannelloInfo dello strumento Site Health.

Un'altra alternativa è usare un nuovo “wp_in_development_mode()” per verificare se il tuo sito web è in modalità dev. E grazie al parametro “$mode” , puoi anche controllare il tipo della tua modalità di sviluppo. Inoltre, ricorda che questa modalità di sviluppo può influenzare alcuni aspetti di basso livello del comportamento di WordPress.

Come puoi immaginare, questa modalità di sviluppo non è utile nell'ambiente di produzione. Usalo solo nelle installazioni di sviluppo.

Incartare

WordPress è sempre stato coerente quando si trattava di rilasciare nuovi aggiornamenti. E WordPress 6.3 non sarà una delusione. Probabilmente verrà rilasciato nell'agosto 2023, questo aggiornamento renderà il Site Editor più intuitivo e migliorerà le prestazioni per gli sviluppatori.

Tuttavia, se vuoi risparmiare tempo e fatica, puoi sempre fare affidamento sulla nostra soluzione di sviluppo WordPress White label. Possiamo aiutarti a creare straordinari siti Web WordPress veloci, sicuri e ottimizzati per la SEO. Contattaci!