WordPress 5.0 e Gutenberg: cosa devi sapere

Senza dubbio sei a conoscenza di WordPress 5.0, un aggiornamento massiccio che cambia completamente il modo in cui creiamo contenuti tramite WordPress.

Se usi WordPress da un po' di tempo, probabilmente sai quanto la piattaforma sia cambiata nel tempo. Quello che un tempo era un semplice strumento di blogging è diventato una piattaforma completa per la creazione e la gestione di siti web.

WordPress 5.0 (chiamato “Bebo”) rappresenta un importante cambiamento nel modo in cui utilizziamo la piattaforma. Con questo aggiornamento, il team di WordPress ha concentrato la propria attenzione sull'usabilità e sull'accessibilità. Vogliono che chiunque sia in grado di progettare siti web splendidi e responsive per dispositivi mobili senza scrivere codice.

In questo articolo, vorremmo esaminare le novità di WordPress 5.0, spiegare Gutenberg e come usarlo, e poi analizzare come questo influisce sul tuo plugin di pagamento preferito, WP Simple Pay.

Funzionalità di WordPress 5.0

Il team di WordPress aveva tre obiettivi quando ha sviluppato WordPress 5.0:

1. Trovare un modo per gli utenti di creare più contenuti con elementi multimediali e di design ricchi, invece di creare semplici pagine ricche di testo.
2. Creare uno standard per interagire con l'interfaccia utente in modo che la creazione di siti web sia intuitiva. Non vogliono che tu mescoli testo ricco, shortcode, HTML, codice copiato da altre piattaforme e altri formati. Vogliono che tu utilizzi solo il loro sistema di blocchi.
3. Rendere le funzionalità principali facilmente individuabili. Vogliono che tu veda i diversi tipi di contenuto proprio davanti a te (video, immagini, divisori, colonne, ecc.) in modo che tu non debba cercare in WordPress o creare soluzioni alternative con plugin di terze parti.

Sono obiettivi ambiziosi, ma WordPress 5.0 li raggiunge tutti. Guarda il loro video promozionale:

Ecco un elenco dei principali aggiornamenti che accompagnano WordPress 5.0.

• WordPress ora supporta ufficialmente la versione PHP 7.3.
• Il nuovo pacchetto di localizzazione JavaScript ti consente di aggiungere stringhe traducibili direttamente al codice JS.
• Le meta box vengono salvate quando premi il pulsante "anteprima".
• La bozza viene salvata quando premi il pulsante "anteprima".
• Ottimizzazione mobile migliorata.
• Puoi ritagliare le immagini di sfondo prima di andare in diretta.
• La classe CSS wp-image è stata aggiunta in modo da poter utilizzare gli attributi di dimensione per le immagini.
• Diversi miglioramenti significativi alla WordPress Rest API (che aiuta gli sviluppatori a creare applicazioni che si integrano con WordPress).
• L'editor classico è stato sostituito dall'editor Gutenberg (maggiori dettagli a breve).

Perché il team di WordPress ha apportato queste modifiche?

In parole povere, WordPress deve competere con altre soluzioni per la creazione di siti web, come Squarespace, Wix, Shopify, ecc. Sì, queste piattaforme attirano comunità di nicchia, ma sono comunque concorrenti per WordPress. La quota di mercato di WordPress continua a crescere, ma lo stesso vale per quella dei suoi concorrenti.

Nuovo Tema: Twenty Nineteen

Ai designer di WordPress piace introdurre un nuovo tema ogni anno. WordPress 5.0 ha incluso anche il tema predefinito più recente, Twenty Nineteen.

Come la maggior parte dei temi del team di WordPress, Twenty Nineteen è moderno, minimale, leggero e professionale. È altamente personalizzabile e ha un aspetto fantastico sui dispositivi mobili.

Soprattutto, il nuovo tema è progettato specificamente per il nuovo editor a blocchi Gutenberg. Poiché l'editor Gutenberg è nuovissimo, è uno dei pochi temi disponibili che funziona perfettamente. Il team di WordPress afferma che aggiornerà i vecchi temi di WordPress (fino a Twenty Ten) nel tempo per supportare Gutenberg.

Editor a blocchi Gutenberg

Il nuovo editor è il cambiamento più drastico in WordPress 5.0. Rielabora completamente il modo in cui creiamo contenuti per pagine e articoli. Gutenberg è disponibile come plugin autonomo da diversi mesi, quindi potresti averlo già sperimentato. Ora è l'editor predefinito di WordPress.

“L'obiettivo onnicomprensivo di Gutenberg è un'esperienza di creazione di articoli e pagine che renda facile creare layout ricchi”, afferma il team di WordPress.

Se hai mai utilizzato un page builder come Thrive Architect, Elementor, Visual Composer o Beaver Builder, riconoscerai il nuovo sistema predefinito di WordPress.

Gutenberg è un sofisticato editor basato su blocchi. Invece di digitare o incollare i tuoi contenuti in una grande casella di testo, "costruisci" contenuti con blocchi modulari.

Blocchi diversi hanno scopi diversi. Ad esempio, il blocco immagine serve per le immagini. Il blocco intestazione serve per le intestazioni. Il blocco paragrafo serve per – hai indovinato – i paragrafi. Ogni blocco ha uno scopo specifico e non puoi usarli in altri modi.

WordPress 5.0 viene fornito con più di 40 blocchi predefiniti. Puoi installare plugin aggiuntivi da fonti di terze parti con i propri blocchi. Se desideri più blocchi, dai un'occhiata ad Atomic Blocks, Stackable, Advanced Gutenberg Blocks o CoBlocks.

Come funziona Gutenberg?

Per aggiungere un blocco, selezionalo semplicemente dal menu o facendo clic su una delle icone "+" nella tua pagina. Puoi spostare i blocchi semplicemente trascinandoli in una nuova posizione.

Questo metodo di impilamento di blocchi di contenuto ti dà il controllo sul design finale senza toccare il codice. Vuoi spostare quell'immagine sopra un altro paragrafo? È un semplice trascinamento del mouse senza alcuna riformattazione o codice duplicato lasciato nell'HTML.

Inoltre, i blocchi di layout offrono più funzionalità di quelle che avevamo prima. Puoi creare colonne, interruzioni, pulsanti e widget (per shortcode) in modo rapido e semplice.

Ogni blocco viene fornito con il proprio pannello di impostazioni in modo da poter costruire il tuo contenuto esattamente come desideri. Quando fai clic su un blocco, un menu sul lato destro della tua interfaccia cambierà per visualizzare le impostazioni di quel blocco.

Se crei un blocco che desideri utilizzare altrove (sia in quella pagina che in un'altra pagina del tuo sito), puoi salvarlo come riutilizzabile. Questo ti dà la possibilità di aggiungere rapidamente il blocco con quelle impostazioni in quella pagina o in qualsiasi altra pagina.

Potresti pensare che questo nuovo stile "costruttivo" di creazione di contenuti sia più complicato che digitare semplicemente in una casella di testo, ma WordPress lo ha semplificato ulteriormente aggiungendo molte scorciatoie da tastiera. Questi comandi ti aiutano ad aggiungere, rimuovere e manipolare rapidamente i blocchi in modo da poter creare contenuti velocemente.

Vedremo senza dubbio molti aggiornamenti per i tuoi plugin e temi preferiti nei prossimi mesi (se non sono già avvenuti). Vorranno apportare modifiche per accogliere Gutenberg.

Gutenberg e WP Simple Pay

Quindi, come influisce Gutenberg su WP Simple Pay?

Fortunatamente, non influisce molto. Se vuoi aggiungere un modulo WP Simple Pay a una pagina, aggiungi semplicemente un nuovo blocco, trova il blocco Shortcode nella categoria Widget, quindi incolla il tuo shortcode.

In alternativa, puoi incollare il tuo shortcode in un blocco paragrafo. Il blocco dovrebbe convertirsi automaticamente in un blocco shortcode.

La bellezza di Gutenberg è che il sistema a blocchi manterrà il tuo modulo di pagamento sulla propria riga, quindi non ci saranno conflitti di formattazione con altri elementi sulla pagina.

Andando Avanti

Sebbene sia possibile installare un plugin che ripristina l'editor classico, ti consigliamo di familiarizzare con l'editor a blocchi il prima possibile. Una volta che ci avrai preso la mano, ti renderai conto che puoi creare rapidamente pagine e post incredibili senza toccare il codice.

Francamente, pensiamo che Gutenberg e WordPress 5.0 siano solo l'inizio di uno spostamento verso l'accessibilità e il design di livello professionale. WordPress e altri sistemi di gestione dei contenuti vogliono che tu costruisca l'intero sito web sulla loro piattaforma, con il minor numero possibile di strumenti di terze parti.

Troverai molte critiche sul web riguardo al rollout di Gutenberg e WordPress 5.0, ma siamo entusiasti di vedere come le persone lo useranno e per il futuro di WordPress.

Oh, e se trovi un bug, assicurati di segnalarlo! WordPress dipende dalla sua devota community per il feedback in modo che possa iterare continuamente sul proprio prodotto.