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

8 Min.
WordPress  5.4

Il sito WordPress 5.4 Il comunicato è stato pubblicato il 31 marzo 2020. Quali sono i vantaggi della release per gli utenti e gli sviluppatori? La nostra panoramica: Questa è una novità in WordPress e Gutenberg.

WordPress riordina sempre più il suo editor Gutenberge gli fornisce nuove funzioni. Prima di passare alle fasi di sviluppo successive - cioè nella direzione della collaborazione e della Multilinguismo. Alcune nuove funzionalità potrebbero causare confusione agli utenti, è necessario essere preparati a questo. Riassumiamo per voi tutti i cambiamenti importanti.

Widget: Stato del sito web

L'innovazione di WordPress 5.4, che si nota a prima vista: nel cruscotto c'è ora un nuovo widget per lo "stato del sito web". La funzione dietro di essa è disponibile da quando WordPress 5.2. li trovate nel backend alla voce "Strumenti". Con la nuova collocazione centrale, molti utenti probabilmente se ne renderanno conto per la prima volta:

Stato del sito web
Il nuovo widget

L'idea alla base della funzione: gli amministratori, ma anche gli utenti WordPress devono essere informati dei possibili punti deboli dell'installazione. Allo stesso modo, uno sguardo ai dettagli collegati nel widget offre suggerimenti per migliorare o suggerimenti su possibili falle di sicurezza. Questi sono per esempio:

  • Un elenco degli inattivi Pluginse Themes. Dovreste sempre rimuoverli, perché anche in stato disattivato sono ancora un obiettivo hacker può essere.
  • Suggerimenti per i moduli PHP che dovrebbero essere installati sul vostro server. In caso contrario, potrebbe funzionare WordPress lentamente o potrebbero mancare alcune funzioni. Vedi quella lista di WordPress Hosting-Squadre.
  • Un avviso se il vostro sito web non utilizza ancora la connessione HTTPS.

Soprattutto la crittografia tramite SSL è un must assoluto per ogni presenza professionale sul web. Ad esempio tramite Crittografiamo. Anche Google richiede una connessione sicura, altrimenti il vostro sito web perderà le classifiche e i visitatori. Idealmente i certificati SSL sono inclusi nel pacchetto di hosting - il riduce le spese.

Finora la funzionalità dello stato della sezione del sito web o dei miglioramenti è ancora gestibile. Questo cambierà certamente con le versioni future. Tuttavia, la scheda "Report" contiene informazioni interessanti:

WordPress  Configurazione
La configurazione di WordPress

Questo vi darà molti dettagli sulla vostra configurazione di WordPress e WooCommerce. Potete esportarli, ad esempio come aiuto per il vostro WordPress -fornitore di servizi. O per la risoluzione dei problemi per gli sviluppatori di Pluginse Themes.

Gutenberg in modalità a schermo intero

Non sapevi che aveva Gutenberguna modalità a schermo intero? Allora sarete irritati quando chiamerete per la prima volta l'editore nella versione 5.4. Perché lì manca la barra del cruscotto sul lato sinistro. Questo ha dei vantaggi ma anche degli svantaggi:

  • Soprattutto su schermi più piccoli ora avete più spazio per i vostri contenuti
  • Non sarete distratti da commenti, aggiornamenti Pluginsecc. in arrivo mentre scrivete
  • Allo stesso tempo, in alcuni processi manca la barra laterale

L'ultimo punto rallenta soprattutto se durante l'aggiornamento dei vostri testi dovete passare dalla panoramica del post all'editor. Oppure se volete richiamare un attimo la mediateca.

Gutenberg A schermo intero
Gutenberg in modalità a schermo intero

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

  1. Vai alle opzioni avanzate di (i Gutenbergtre punti verticali accanto al simbolo dell'ingranaggio in alto a destra)
  2. Questi sono chiamati "Altri strumenti e opzioni" nell'editor finora
  3. Rimuovere il segno di spunta in "Modalità a schermo intero" qui

Il comportamento - modalità a schermo intero on o off - può essere modificato con poche righe di JavaScript anche professare:

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, siete sommersi dalle richieste dei vostri utenti non appena il WordPress 5.4 va in onda sul vostro sito web.

Gutenberg Blocca le icone sociali

Con questa funzione potete aggiungere con un clic del mouse link o icone alle vostre apparizioni nei social network. Le opzioni di base di Social Icon:

  • Potete determinare voi stessi il tipo, il numero e l'ordine delle icone, così come i link
  • Ci sono quasi 40 icone o reti disponibili
  • Oltre WordPress a , Twitter, Facebook, YouTube o Instagram questi sono per esempio Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn, Pinterest, Skype, Vimeo o Spotify
  • Possono essere inseriti anche link ad altri siti web (ad es. autori ospiti) o a indirizzi e-mail

Un po' di confusione: se si desidera rimuovere un'icona precedente, è possibile farlo cliccando sull'icona e poi selezionando l'opzione "Rimuovi blocco". Questo non cancellerà l'intero blocco, ma solo la rispettiva voce:

Cancella il pulsante sociale Gutenberg
Cancellare i pulsanti sociali in Gutenberg

Il blocco creato non è un elemento riutilizzabile di default. Ciò significa che se si apportano modifiche - come l'aggiunta o la rimozione di singole icone sociali - si dovrebbe fare di nuovo quando in seguito si include "icona sociale" in un altro blocco o post. La soluzione: convertite il vostro risultato in un blocco riutilizzabile e poi usate solo quel blocco.

Consiglio: Molti utenti non hanno ancora familiarità con la funzione "blocchi riutilizzabili". È estremamente pratico: quando Google+ è scomparso, ad esempio, è bastato regolare la modifica dell'elemento riutilizzabile. Questo viene poi fatto automaticamente nei blocchi corrispondenti dei singoli post.

Gutenberg Pulsanti a blocco

Il nome dice tutto: questo nuovo WordPress blocco permette di includere pulsanti basati sul testo nei vostri messaggi. Ad esempio per scaricare e-book o per inoltrarli alla centrale pagine di atterraggio. I pulsanti possono essere personalizzati come segue:

  • Diversi stili (completamente pieni di colore o solo con contorno)
  • Colore di sfondo e colore del testo liberamente selezionabile, anche con colori individuali (tramite valori di colore esadecimali)
  • Sfondo monocromatico o con gradiente (i tempi selvaggi del web design sono salutari)
  • Impostazioni dei bordi (raggio d'angolo)
  • Opzioni di collegamento come target _blank

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

Gutenberg Pulsanti
Gutenberg Pulsanti con pendenza e curve

Inoltre, è ora possibile inserire più pulsanti uno dopo l'altro senza che questo distrugga il layout. È possibile modificare l'ordine dei pulsanti mediante drag&drop.

Nota: Originariamente, il WordPress 5.4 era destinato a fornire nuovo blocco di navigazione per inserire un menu di navigazione anche nel contenuto di una pagina o di un post. Tuttavia, questo aggiustamento è stato modificato in in una fase successiva rimandata.

Schermo: Benvenuti nel Block Editor

Come nella "Guida di benvenuto", anche gli utenti WooCommercesono ora accolti da Gutenberguna "Guida di benvenuto". Questo contiene:

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

Un riferimento alla fine porta alle istruzioni per Gutenberg. Questo è comunque in lingua inglese.

Gutenberg schermo di benvenuto
La guida di benvenuto di Gutenberg

Consigliamo le seguenti fonti se non avete ancora lavorato con il nuovo editore perWordPress :

Per gli amministratori la guida non è una novità, ma per gli utenti e i redattori puri potrebbe essere interessante. Dovrebbero orientarsi Gutenbergpiù velocemente con questo. Questo può anche ridurre i vostri sforzi di supporto come amministratore.

Suggerimento: La Guida di benvenuto si avvia automaticamente solo quando la si WordPress installa o la si utilizza per la Gutenbergprima volta. Volete avviarlo manualmente? Potete farlo nelle opzioni generali alla voce Strumenti -> Guida di benvenuto (sotto il punto in cui potete passare dal codice all'editor grafico).

Inserire l'immagine del contributo con il drag & drop

A volte sono i piccoli cambiamenti che rendono WordPress felici gli utenti. Con la versione 5.4 è possibile caricare l'immagine del post tramite drag and drop. Un esempio:

  1. Avete già elaborato o inviato l'immagine e si trova in una cartella sul vostro computer
  2. Da lì, trascinatelo con il mouse nell'area "Definisci immagine del post" nella barra laterale destra di Gutenberg versione WordPress 5.4 e successive
  3. Fatto - il caricamento nella mediateca avviene automaticamente in background

Solo i metadati dell'immagine devono essere inseriti successivamente, se necessario, cliccando sull'immagine inserita. Oppure all'interno della mediateca di WordPress . Questo potrebbe essere il "pericolo" più grande della nuova comoda opzione: va a scapito degli attributi che potrebbero essere importanti per il vostro SEO.

Blocco ottimizzato Contributi recenti

Visualizzare più articoli sotto i post del blog è una caratteristica che molti lettori amano usare. E' simile agli ultimi post (attualmente chiamati "Ultimi Gutenbergpost"). In questo modo i vostri utenti rimangono più a lungo sul vostro sito web. I valori "durata del soggiorno" e "pagine viste per visita" aumentano - entrambi sono cifre importanti per 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:

Ultimi messaggi WordPress
Ultimi contributi con foto dei contributi

Ulteriori innovazioni nel blocco "Recenti messaggi":

  • Impostare la dimensione dell'immagine per la miniatura
  • È possibile definire valori fissi in pixel, oppure utilizzare diverse dimensioni percentuali
  • L'allineamento dell'immagine può anche essere regolato (allineato a sinistra, centrato, allineato a destra)

L'anteprima deve mostrare l'articolo completo o solo un estratto del testo? Alcuni blog riferiscono che anche questa opzione è stata aggiunta. Tuttavia, è già disponibile in 5WordPress .3, sotto "Impostazioni dei contenuti della posta" .

Colore del testo per le 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 parti dei vostri testi

A tal fine, contrassegnare la parte corrispondente nel testo continuo con il mouse. Nelle opzioni avanzate (accanto al simbolo del link) trovate ora la voce "Colore del testo". Qui si può scegliere tra colori predefiniti o definire un colore individuale. A questo scopo è possibile utilizzare una tabella di colore RGB e valori di colore esadecimali.

Altre modifiche per gli utenti

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

  • Per i singoli blocchi sono ora estesi Opzioni di colore e gradienteper il blocco di copertura (immagine o video con testo in sovraimpressione) ma anche per gruppi e colonne
  • La navigazione nelle briciole di pane dei blocchi nidificati è organizzata in modo più chiaro
  • Nella vista dello smartphone rimane la barra degli strumenti in altoquindi non è più fuori fuoco.
  • Nel blocco "Galleria" è possibile influenzare la dimensione dell'immagine (quattro livelli: immagine in anteprima, media, grande, a grandezza naturale)
  • Ora c'è una firma ("didascalia") per le tabelle, per le immagini l'attributo del titolo può essere assegnato direttamente nell'editor (sotto le opzioni avanzate)
  • I video del portale TikTok sono disponibili nell'editor di blocchi come nuova fonte di incorporazione

Inoltre, l'usabilità di è stata Gutenbergottimizzata in alcuni punti, ad esempio rendendo più facile la selezione di più blocchi o la navigazione con il tasto tab. Quest'ultimo ora funziona anche all'interno delle barre laterali dei blocchi.

Tabella didascalie WordPress
Una tabella con firma (didascalia)

Suggerimento: Se siete alla ricerca di informazioni sulla futura tabella di marcia diWordPress il blog del WordPress progetto di lingua tedesca. Oppure la pagina https://de.wordpress.org/circa/ mappa stradale/.

Cambiamenti per gli sviluppatori

Ci sono anche nuove opportunità per tutti coloro che lavorano WordPress dietro le quinte. Ma anche più prestazioni:

  • Maggiore velocità: il team di sviluppo intorno al block editor ha, secondo le proprie dichiarazioni, sviluppato un Riduzione del tempo di carico del 14 per cento raggiunto
  • Widget Calendario: I link di navigazione vengono spostati in un elemento HTML di navigazione che segue immediatamente l'elemento tabellare, per un HTML valido (secondo la specifica 5.1)
  • Semantica uniforme: la funzione do_shortcode() è rappresentato da apply_shortcode() sostituito
  • Favicon: Le richieste per la favicon possono essere gestite in modo più flessibile, il WordPress logo serve come soluzione di ripiego
  • Registro errori: Errore in wp_login_failed sono più dettagliati

Potete leggere di più su questo - così come su altri aggiustamenti - nella sezione annunci ufficiali a WordPress 5.4 per saperne di più. Note sui test WordPress 5.4 trovate qui.

Quali domande su WordPress 5.4 che hai? È possibile utilizzare la funzione di commento. Vuoi sapere dei nuovi post da WordPress essere informato? Allora seguiteci TwitterFacebook o nella nostra Newsletter.

Articoli correlati

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo mail non sarà pubblicato. I campi obbligatori sono contrassegnati con * marcato.