WordPress  5.4

Novità in WordPress 5.4 e Gutenberg: Icone sociali, pulsanti, schermo intero e altro ancora

La versione 5.4 di WordPress è stata pubblicata il 31 marzo 2020. Cosa offre questa versione agli utenti e agli sviluppatori? La nostra panoramica: le novità di WordPress e Gutenberg.

WordPress continua a pulire il tuo editor Gutenberg e gli dà nuove funzioni. Prima di passare ai prossimi passi di sviluppo - cioè nella direzione della collaborazione e del multilinguismo. Alcune nuove caratteristiche potrebbero causare confusione tra gli utenti, quindi dovreste essere preparati a questo. Riassumiamo tutti i cambiamenti importanti per voi.

Widget: Stato del sito web

La novità di WordPress 5.4 che salta subito all'occhio: c'è ora un nuovo widget per lo "stato del sito" su Dashboard . La funzione alla base è già disponibile da WordPress 5.2. La funzione esiste già da WordPress 5.2 e si trova nel backend alla voce "Strumenti". Con la nuova collocazione centrale, è probabile che molti utenti ne vengano a conoscenza per la prima volta:

Condizione del sito web
Il nuovo widget

L'idea dietro la caratteristica: gli amministratori ma anche gli utenti di WordPress dovrebbero essere messi al corrente delle possibili vulnerabilità nell'installazione. Allo stesso modo, uno sguardo ai dettagli collegati nel widget offre suggerimenti per il miglioramento o suggerimenti su possibili vulnerabilità di sicurezza. Questi sono per esempio:

  • Una lista di Plugins e Themes inattivi. Dovreste sempre rimuoverli, perché possono essere un bersaglio per gli hacker anche quando sono disabilitati.
  • Suggerimenti per i moduli PHP che dovrebbero essere installati sul tuo server. Altrimenti WordPress potrebbe funzionare lentamente, o alcune funzioni potrebbero mancare. Vedere questa lista dal WordPress Hostingsquadra.
  • Un avviso se il tuo sito web non utilizza ancora una connessione HTTPS.

La crittografia tramite SSL è un must assoluto per ogni sito web professionale. Per esempio tramite Let's Encrypt. Google richiede anche una connessione sicura, altrimenti il tuo sito web perderà posizioni e visitatori significativi. Idealmente, i certificati SSL sono inclusi nel tuo pacchetto di hosting - questo riduce il tuo sforzo.

Finora la funzionalità della sezione Stato del sito web o Miglioramenti è ancora gestibile. Questo cambierà sicuramente con le versioni future. Tuttavia, la scheda "Report" contiene informazioni interessanti:

WordPress  Configurazione
La configurazione di WordPress

Questo vi fornirà numerosi dettagli sulla vostra configurazione di WordPress e WooCommerce. Puoi esportarli, per esempio come strumento per i tuoi fornitori di servizi WordPress . O per scopi di debug per gli sviluppatori di Plugins e Themes.

Gutenberg in modalità a schermo intero

Non sapevi che Gutenberg ha una modalità a schermo intero? Allora sarete irritati la prima volta che aprirete l'editor nella versione 5.4. Perché lì manca la dashboard-barra sul lato sinistro. Questo ha dei vantaggi ma anche degli svantaggi:

  • Soprattutto sugli schermi più piccoli, ora hai più spazio a disposizione per il vostro contenuto.
  • Non sarai distratto da commenti in arrivo, Plugins da aggiornare, ecc. mentre scrivi
  • Allo stesso tempo manca la barra laterale per i singoli processi

L'ultimo punto ti rallenta soprattutto quando devi passare dalla panoramica dei post all'editor quando aggiorni i tuoi testi. O quando si vuole richiamare brevemente la libreria multimediale.

Gutenberg schermo intero
Gutenberg in modalità a schermo intero

La modalità a schermo intero è controproducente per il tuo lavoro? Poi si può ripristinare la vecchia vista familiare come segue:

  1. Vai alle opzioni avanzate di Gutenberg (i tre punti verticali accanto all'icona dell'ingranaggio in alto a destra)
  2. Finora sono stati chiamati "Altri strumenti e opzioni" nell'editor.
  3. Rimuovi la spunta da "Modalità a schermo intero".

Il comportamento - modalità fullscreen attivata o disattivata - può anche essere predefinito con poche righe di JavaScript:

const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' );

if ( isFullscreenMode ) {
    wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' );
}

Questo è particolarmente utile se voi, come amministratore o sviluppatore, sei sommersi dalle richieste dei tuoi utenti non appena il WordPress 5.4 va in onda sul vostro sito web.

Gutenberg Blocco di icone sociali

Con questa funzione puoi inserire link o icone alle tue apparizioni nei social network con un semplice clic del mouse. Le opzioni di base di "Icona sociale":

  • Puoi stabilire tu stesso il tipo, il numero e l'ordine delle icone, così come i rispettivi link.
  • Ci sono quasi 40 icone o reti disponibili
  • Oltre a WordPress , Twitter, Facebook, YouTube o Instagram, questi sono per esempio Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn, Pinterest, Skype, Vimeo o Spotify.
  • È possibile inserire anche link ad altri siti web (ad esempio agli autori ospiti) o a indirizzi e-mail.

Un po' di confusione: se vuoi rimuovere un'icona esistente, puoi farlo cliccando sull'icona e poi utilizzando l'opzione "Rimuovi blocco". In questo caso, non viene cancellato l'intero blocco, ma solo la voce corrispondente:

Elimina il pulsante sociale Gutenberg
Elimina i pulsanti sociali in Gutenberg

Il blocco creato non è un elemento riutilizzabile per impostazione predefinita. Questo significa che se apporti delle modifiche, come ad esempio l'aggiunta o la rimozione di singole icone sociali, dovrai rifarle quando successivamente integrerai l'"icona sociale" in un altro blocco o post. La soluzione: converti il tuo risultato in un blocco riutilizzabile e poi usa solo questo blocco.

Suggerimento: molti utenti non conoscono ancora la funzione "blocchi riutilizzabili". È estremamente pratico: quando Google+ è scomparso, ad esempio, è bastato modificare l'elemento riutilizzabile. Questo viene fatto automaticamente nei blocchi associati ai singoli post.

Gutenberg Pulsanti di blocco

Il nome dice tutto: puoi usare questo nuovo blocco WordPress per integrare pulsanti basati sul testo nei tuoi post. Per esempio, per scaricare e-book o per reindirizzare a landing page centrali. I pulsanti possono essere personalizzati come segue:

  • Diversi stili (completamente riempito di colore o solo con contorno)
  • Colore dello sfondo e del testo liberamente selezionabile, anche con colori individuali (tramite valori di colore esadecimali)
  • Sfondo monocromatico o con gradiente (saluti dai tempi selvaggi del web design)
  • Impostazioni del bordo (raggio d'angolo)
  • Opzioni di collegamento come il target _blank

Gli utenti attenti di Gutenberg sanno che esiste già un blocco chiamato "Button". Tuttavia, la nuova opzione "Pulsanti" offre molte più opzioni:

Gutenberg Pulsanti
Gutenberg Pulsanti con gradiente e curve

Inoltre, ora è possibile inserire più pulsanti uno dopo l'altro, senza che questo rompa il vostro layout. È possibile regolare l'ordine dei pulsanti a proprio piacimento tramite drag & drop.

Nota: originariamente WordPress 5.4 doveva avere un nuovo blocco Navigation per inserire un menu di navigazione anche nel contenuto di una pagina o di un post. Tuttavia, questo adeguamento è stato rimandato a una data successiva.

Schermo: Benvenuto nell'editor di blocchi

Analogamente a WooCommerce , anche gli utenti di Gutenberg vengono accolti con una "Guida di benvenuto". Contiene:

  • Un'introduzione al funzionamento dell'approccio a blocchi
  • Spiegazione di base delle opzioni per blocco (ad esempio colore, larghezza, allineamento)
  • Note sulla libreria a blocchi

Un link alla fine porta a un manuale per Gutenberg. Tuttavia, questo è in inglese.

Gutenberg Schermo di benvenuto
La Guida di benvenuto di Gutenberg

Raccomandiamo le seguenti fonti se non hai ancora lavorato con il nuovo editor per WordPress :

Per gli amministratori la guida non è niente di nuovo, ma per gli utenti puri e gli editor potrebbe essere interessante. Dovrebbe aiutarli ad orientarsi più rapidamente su Gutenberg . Questo può anche ridurre il tuo sforzo di supporto come amministratore.

Suggerimento: La guida di benvenuto si avvia automaticamente solo quando si reinstalla WordPress o si usa Gutenberg per la prima volta. Vuoi avviarlo manualmente? Puoi farlo nelle opzioni generali sotto Tools -> Welcome Guide ( sotto il punto in cui puoi passare dal codice all'editor visivo).

Inserire l'immagine del post tramite drag & drop

A volte sono i piccoli cambiamenti che rendono felici gli utenti di WordPress . Con la versione 5.4, puoi caricare l'immagine del post trascinandola. Esempio:

  1. L'immagine è già stata modificata o ricevuta e si trova in una cartella del tuo computer.
  2. Da qui, trascinala con il mouse nell'area "Imposta immagine del post" nella barra laterale destra di Gutenberg a partire dalla versione di WordPress 5.4.
  3. Fatto: il caricamento nella libreria multimediale avviene automaticamente in background.

Dovrai aggiungere le informazioni meta dell'immagine solo in un secondo momento, se necessario, cliccando sull'immagine inserita. Oppure all'interno della libreria multimediale di WordPress. Questo è probabilmente il più grande "pericolo" della nuova opzione: va a scapito di attributi che possono essere importanti per la tua SEO.

Blocco ottimizzato Messaggi recenti

Molti lettori desiderano vedere altri articoli sotto i tuoi post. Lo stesso vale per gli ultimi messaggi (attualmente chiamati "Ultimi messaggi" in Gutenberg ). In questo modo gli utenti rimangono più a lungo sul tuo sito web. I valori "tempo di permanenza" e "pagine viste per visita" aumentano: entrambi sono dati importanti per l'ottimizzazione dei motori di ricerca (SEO).

La frequenza di clic di questa funzione aumenta notevolmente se si utilizzano non solo i link di testo, ma anche le rispettive immagini dei post. Questo è esattamente ciò che è possibile da WordPress 5.4 in poi:

Contributi più recenti WordPress
Ultimi messaggi con immagine postata

Ulteriori innovazioni nel blocco "Messaggi recenti":

  • Imposta le dimensioni dell'immagine di anteprima
  • Puoi definire valori fissi in pixel o utilizzare valori percentuali diversi.
  • È inoltre possibile regolare l'allineamento dell'immagine (allineata a sinistra, centrata, allineata a destra).

Nell'anteprima deve essere visibile l'intero post o solo un estratto del testo? Alcuni blog riportano che è stata aggiunta anche questa opzione. Tuttavia, esiste già in WordPress 5.3, alla voce "Impostazioni per il contenuto dei post".

Colore del testo per singole parole e frasi

Finora il colore del testo in Gutenberg poteva essere cambiato solo per un paragrafo o una sezione completa. Con WordPress 5.4 è ora possibile cambiare il colore delle singole lettere, parole o frasi:

Colore del testo in Gutenberg
Ora può anche diventare colorato in alcune parti dei tuoi testi

Per farlo, contrassegna con il mouse la parte corrispondente del testo continuo. Nelle opzioni avanzate (accanto al simbolo del link) troverai la voce "Colore del testo". Qui puoi scegliere tra i colori predefiniti o definire un colore individuale. A questo scopo sono disponibili una tabella colori RGB e i valori esadecimali dei colori.

Altre modifiche

WordPress 5.4 porta sotto il cofano numerosi piccoli aggiustamenti, per il sistema stesso o anche per l'editor Gutenberg. Ecco una panoramica dei punti più importanti:

  • Per i singoli blocchi sono state ampliate le opzioni di colore e sfumatura, ad esempio per il blocco copertina (immagine o video con testo in sovrimpressione) ma anche per i gruppi e le colonne.
  • La navigazione nelle briciole di pane dei blocchi annidati è stata resa più chiara
  • Nella vista smartphone, la barra degli strumenti rimane in alto, quindi non scompare più dal focus
  • Nel blocco "Galleria" puoi influenzare le dimensioni dell'immagine (quattro livelli: immagine di anteprima, media, grande, intera).
  • Ora è presente una didascalia per le tabelle, mentre per le immagini l'attributo titolo può essere assegnato direttamente nell'editor (nelle opzioni avanzate).
  • I video del portale TikTok sono disponibili nell'editor di blocchi come nuova fonte di embed

Inoltre, l'usabilità di Gutenberg è stata ottimizzata in alcuni punti, ad esempio semplificando la selezione multipla dei blocchi o la navigazione con il tasto tabulazione. Quest'ultima ora funziona anche all'interno delle barre laterali dei blocchi.

Tabella delle didascalie WordPress
Una tabella con firma (Didascalia)

Suggerimento: se state cercando informazioni sulla futura roadmap di WordPress , allora visitate il blog del progetto WordPress in lingua tedesca. Oppure visitate https://de. wordpress.org /about/roadmap/.

Cambiamenti per gli sviluppatori

Per coloro che lavorano dietro le quinte di WordPress , ci sono anche nuove opportunità. Ma anche più prestazioni:

  • Maggiore velocità: il team di sviluppo intorno all'editor di blocchi ha ottenuto una riduzione del tempo di caricamento del 14%, secondo le loro stesse informazioni.
  • Widget del calendario: i link di navigazione sono spostati in un elemento HTML nav che segue immediatamente l'elemento table, per un HTML valido (secondo la specifica 5.1).
  • Semantica coerente: La funzione do_shortcode() è sostituito da apply_shortcode() sostituisce
  • Favicons: Le richieste di Favicon possono essere gestite in modo più flessibile, il logo WordPress serve come soluzione di ripiego
  • Registro degli errori: Errore in wp_login_failed sono mostrati in modo più dettagliato

Potete leggere di più su questo - così come su altri aggiustamenti - negli annunci ufficiali di WordPress 5.4. I suggerimenti per testare WordPress 5.4 possono essere trovati qui.

Che domande hai su WordPress 5.4? Sentitevi liberi di usare la funzione di commento. Vuoi essere informato sui nuovi contributi a WordPress ? Allora seguici su Twitter, Facebook o tramite la nostra newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più il nostro contenuto.

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati da *.