WordPress 5.0 ha introdotto un editor basato su blocchi chiamato Gutenberg completamente nuovo. È un modo più semplice e nuovo per creare contenuti. Invece di un semplice editor e di un editor di codice back-end, la nuova interfaccia semplifica il trascinamento degli elementi nel tuo sito WordPress.
Gutenberg ha praticamente rimosso elementi da alcuni dei plugin WordPress più popolari come Elementor e Divi, che sono considerati "compositori visivi". Gutenberg non è così avanzato come quelle soluzioni, ma è un passo nella giusta direzione.
Di seguito è riportato uno screenshot dell'editor WordPress classico. I pulsanti di formattazione sono come l'editor di testo per Microsoft Word.
A partire da WordPress 5.0 e versioni successive, è stato implementato il nuovo editor di blocchi di Gutenberg mostrato di seguito.
Il nuovo editor utilizza l'approccio dell'aggiunta di blocchi o elementi per creare layout di contenuto. Ogni elemento che aggiungi alla tua pagina o al tuo post viene chiamato blocco, inclusi video, audio, elenchi, immagini e gallerie.
Vantaggi dell'Editor Gutenberg di WordPress
È più facile e semplice aggiungere diversi tipi di contenuto a pagine e post aggiungendo blocchi. Ad esempio, per aggiungere una tabella utilizzando l'editor classico è necessario un plug-in separato.
In_content_1 all: [300x250] / dfp: [640x360]->Per aggiungere una tabella utilizzando l'editor Gutenberg di WordPress, tutto ciò che devi fare è aggiungere un blocco tabella, scegliere le righe e le colonne e aggiungere il contenuto.
Quando usando l'editor Gutenberg di WordPress, è semplice spostare le aree di contenuto su e giù trascinando i blocchi.
In generale, il nuovo editor di blocchi Gutenberg è facile da usare e da imparare. Gli strumenti di progettazione dei blocchi includono molte funzionalità come il controllo dell'altezza della linea, blocchi di intestazione e paragrafo, blocchi multimediali, gradiente di sfondo e blocchi di testo.
Creazione di un nuovo post o pagina di blog con WordPress Gutenberg Editor
La creazione di un nuovo post o pagina con l'editor Gutenberg di WordPress avvia l'editor dei blocchi. Il processo è lo stesso con l'editor classico.
Dall'area di amministrazione di WordPress, fai clic su
Il primo blocco di tutte le pagine e i post è il titolo.
Dopo aver digitato il titolo, è possibile premere il tasto Tab o spostare il mouse sotto di esso e iniziare a scrivere. Per impostazione predefinita, il blocco successivo è un paragrafo.
Puoi anche aggiungere qualche altro tipo di contenuto facendo clic sul segno + nell'angolo in alto a sinistra dell'editor, sul lato sinistro di un blocco, o al di sotto di uno esistente.
Quando fai clic su uno dei segni +, viene visualizzato il menu Bloccacon una barra di ricerca al di sopra di esso e i blocchi più utilizzati in basso.
Come lavorare con i blocchi Gutenberg di WordPress
Tutti i blocchi hanno la loro barra degli strumenti in alto. I pulsanti della barra degli strumenti cambiano in base al tipo di blocco che stai modificando.
Lo screenshot seguente mostra un blocco di paragrafo con formattazione di base come grassetto, allineamento del testo, inserimento di un link e corsivo.
Oltre alla barra degli strumenti, ogni blocco ha più impostazioni nella colonna di destra della schermata di modifica.
Come salvare e riutilizzare i blocchi in Editor di WordPress Gutenberg
Uno dei molti vantaggi dell'utilizzo dei blocchi è che puoi salvarli e riutilizzarli singolarmente. Per coloro a cui piace utilizzare formati coerenti o aggiungere frammenti specifici al loro contenuto, questo è particolarmente utile.
Dal pulsante del menu nell'angolo in alto a destra della barra degli strumenti del blocco, fare clic sui tre punti verticali . Quindi scegli Aggiungi a blocchi riutilizzabili.
Assegna al blocco riutilizzabile un nome che riconoscerai per facilitarne l'identificazione quando vuoi usarlo di nuovo. Fai clic su Salvaal termine.
Aggiungi un blocco riutilizzabile su un post o una pagina
Scegli la pagina o il post in cui desideri per aggiungere un blocco riutilizzabile. Fai clic su un blocco pulsante aggiuntivo dalla schermata di modifica del post o della pagina.
Cerca il blocco salvato nella scheda Riutilizzabile oppure puoi cercarlo nello stesso posto.
Sposta il mouse sul blocco per visualizzarne una rapida anteprima. Inseriscilo nella tua pagina o post facendo clic su di esso.
I blocchi riutilizzabili si trovano nel set di dati di WordPress. Fai clic sul link Gestisci tutti i blocchi utilizzabiliper gestirli.
Gestisci blocchi riutilizzabili di WordPress Gutenberg
Dalla pagina Gestione blocchi, è possibile modificare, eliminare o esportare blocchi riutilizzabili da utilizzare su un altro sito Web WordPress.
Gestione e pubblicazione di WordPress Gutenberg Editor Opzioni
Ogni pagina e post di WordPress include molti metadati, come immagini in primo piano, data di pubblicazione, tag e categorie.
Queste opzioni sono tutte situato nella colonna di destra della schermata dell'editor.
Plugin WordPress Gutenberg
Molti plug-in WordPress sono predefiniti come blocchi che li rendono facile e pronto per l'uso con Gutenberg.
Moduli WP consente agli utenti di aggiungere moduli a pagine e post utilizzando un blocco widget.
WP Forms è un generatore di moduli di trascinamento della selezione facile da usare. Crea contatto, abbonamento, feedback, pagamento e altri tipi di moduli.
Utilizza modelli di moduli predefiniti e flussi di lavoro per creare interessanti moduli mobili di risposta. WP Forms offre anche una versione Pro se desideri funzionalità e caratteristiche più avanzate.
WooCommerce Blocks è uno dei plugin più noti e popolari per integrare le funzionalità di eCommerce nel tuo sito Web.
Crea contenuti accattivanti usando testo e contenuti multimediali in un blocco con l'editor Gutenberg. Metti in evidenza singoli prodotti o un gruppo di prodotti correlati applicando un filtro basato su criteri quali statistiche e categorie di vendita.
Yoast SEO scorre i tuoi contenuti attraverso misure SEO convenzionali per ottimizzare e modificare i tuoi post o le tue pagine.
Usabilità dell'editor Gutenberg di WordPress
L'editor Gutenberg fa le stesse cose del classico editore. Di seguito sono riportati alcuni blocchi comuni e popolari utilizzati.
Paragrafo
Crea facilmente contenuti con questo blocco Gutenberg predefinito. Scrivi il contenuto come faresti per qualsiasi documento. Ogni paragrafo si trasforma automaticamente in un blocco dietro le quinte.
Un altro modo di usare il blocco di paragrafo è fare clic su Blocca inseritorenella finestra pop-up dopo aver fatto clic il segno (+).
Colonne di testo
Utilizza colonne di testo per creare paragrafi a più colonne della stessa larghezza ed equamente distribuito su tutta la pagina.
Aggiunta di un collegamento
Tutti i blocchi di testo standard, incluso il blocco di paragrafo, includono un pulsante di collegamento nella barra degli strumenti.
Aggiungi blocco immagine
L'editor Gutenberg di WordPress ha un blocco immagine pronto per l'uso. Cliccaci sopra per aggiungere un'immagine.
Esistono tre modi per aggiungere un'immagine. Caricalo, aggiungilo dalla tua libreria multimediale o trascinalo dal tuo computer.
Un altro modo per aggiungere un'immagine è trascinarla dal computer. L'editor Gutenberg creerà automaticamente un blocco immagine per esso.
Aggiungi metadati come dimensione, testo alternativo e collegamento immagine nelle impostazioni del blocco immagine sul lato destro.
Blocco galleria immagini
Aggiungi più foto con il blocco galleria. Controlla il numero di colonne e le dimensioni dell'immagine. Usa l'interruttore a levetta per ritagliare le immagini in modo che si allineino automaticamente in modo uniforme.
L'editor Gutenberg di WordPress include numerosi tipi di blocchi aggiuntivi che puoi usare. Per un elenco completo, leggi WordPress.org articolo di supporto sui blocchi.
WordPress Gutenberg è nato come una soluzione ai problemi che alcuni utenti avevano imparato l'editor classico. La sua interfaccia drag and drop consente ai non tecnici di progettare e gestire un sito Web dall'aspetto professionale.