L'editor di blocchi di WordPress è come qualsiasi altro costruttore di pagine che consente di creare e progettare contenuti e pagine web sorprendenti per il proprio sito. È integrato in WordPress, quindi chiunque può creare un sito web da zero.
L'editor a blocchi di Gutenberg, noto anche come editor a blocchi, è il nuovo editor che ha sostituito il vecchio editor classico. L'editor a blocchi funziona in modo diverso dall'editor classico.
WordPress Block Editor! Che cos'è?
WordPress Block Editor è il nuovo editor predefinito basato sui blocchi. I blocchi sono come gli elementi di contenuto necessari per costruire un sito web o un contenuto.
Offre un approccio moderno e a blocchi alla creazione di contenuti, facilitando la progettazione e la formattazione di pagine e post senza richiedere una codifica approfondita o strumenti di terze parti.
Interfaccia dell'editor di blocchi
Vediamo l'interfaccia dell'editor di blocchi di Gutenberg e le sue funzionalità.
Ecco una rapida panoramica degli elementi dell'interfaccia dell'editor Gutenberg:
- Aggiungi blocco
- Pulsante Ripeti/Annulla
- Panoramica del documento
- Vista
- Impostazioni (blocchi e post)
- Opzioni per l'editor
Ce ne sono ancora di più. Guardate l'immagine qui sotto.
- Opzione barra di ricerca
- Aggiungere il titolo del post o della pagina
- Aggiungere blocchi nell'area del contenuto
- Blocchi WordPress installati e fondamentali
- Pulsante Aggiungi blocco
- Opzioni per i post e le pagine
- Opzioni di blocco
- Stili e impostazioni dei blocchi
- Blocchi, modelli e supporti
Ora che avete familiarità con l'interfaccia dell'editor di blocchi, diamo un'occhiata ai blocchi forniti con Gutenberg.
Blocchi fondamentali di WordPress
Poiché l'editor di blocchi di Gutenberg è basato sui blocchi, impariamo quali sono i blocchi forniti con l'editor di blocchi e cosa fanno esattamente.
Blocchi di contenuto
Questi blocchi sono la base per la creazione di contenuti testuali:
- Paragrafo: Consente di aggiungere testo normale con opzioni di formattazione.
- Intestazione: Per creare titoli con sei livelli (da H1 a H6).
- Elenco: Aggiunge elenchi ordinati (numerati) o non ordinati (puntati).
- Citazione: Formattare il testo come una citazione a blocchi con citazione opzionale.
- Codice: Visualizza gli snippet di codice grezzo in un blocco formattato.
- Preformattato: Aggiunge testo con spaziatura e allineamento conservati.
- Tabella: Crea semplici tabelle per la presentazione dei dati.
- Versi: Per poesie o altro testo preformattato con spaziatura speciale.
Creare bellissimi tavoli
Con l'editor di blocchi
Blocchi multimediali
Questi blocchi consentono di incorporare e visualizzare vari tipi di media:
- Immagine: Aggiunge immagini singole con didascalie e opzioni di allineamento.
- Galleria: Crea gallerie di immagini con layout personalizzabili.
- Video: Incorpora i video caricati nella Libreria multimediale.
- Audio: Aggiunge file audio riproducibili direttamente alla pagina.
- File: Caricamenti e collegamenti a file da scaricare.
- Media e testo: Combina testo e media affiancati in un unico blocco.
- Copertina: Aggiunge un'immagine o un video con testo in sovrimpressione, perfetto per intestazioni o sezioni.
Blocchi di design
Questi blocchi aiutano la struttura della pagina e il design visivo:
- Colonne: Crea layout a più colonne.
- Gruppo: Raggruppa più blocchi per migliorare l'organizzazione e lo stile.
- Fila: Allinea i blocchi orizzontalmente in una fila.
- Pulsanti: Aggiunge pulsanti personalizzabili con collegamenti.
- Distanziatore: Aggiunge spazio tra i blocchi per regolare il layout.
- Separatore: Inserisce linee orizzontali per dividere le sezioni.
Blocchi incorporati
WordPress supporta l'incorporazione di contenuti da varie piattaforme con questi blocchi:
- YouTube: Incorpora i video di YouTube.
- Twitter: Incorpora i tweet direttamente nella pagina.
- Instagram: Incorpora i post di Instagram.
- Spotify: Incorpora playlist, album o brani di Spotify.
- Altri embed: Supporto per Vimeo, Facebook, TikTok, SoundCloud e altro ancora.
Blocchi tematici
Questi blocchi sono utilizzati per aggiungere contenuti a tema:
- Titolo del messaggio: Visualizza il titolo del post o della pagina corrente.
- Contenuto del post: Visualizza il contenuto del post o della pagina corrente.
- Posta Immagine in primo piano: Visualizza l'immagine in primo piano di un post.
- Loop di interrogazione: Visualizza dinamicamente un elenco di post in base a criteri specifici.
- Navigazione: Aggiunge i menu di navigazione.
Blocchi di widget
Consente l'aggiunta di contenuti widget tradizionali in progetti basati su blocchi:
- Ricerca: Aggiunge una barra di ricerca.
- Ultimi messaggi: Visualizza un elenco di messaggi recenti.
- Categorie: Mostra un elenco di categorie di post.
- Nuvola di tag: Visualizza i tag in un formato visivamente accattivante.
Blocchi riutilizzabili e personalizzati
Blocchi riutilizzabili: Salvare qualsiasi blocco o gruppo di blocchi per riutilizzarli nel sito.
- HTML personalizzato: Aggiungere HTML personalizzato per una personalizzazione avanzata.
Questi blocchi centrali forniscono le basi per la creazione di vari layout di pagina e tipi di contenuto senza strumenti aggiuntivi, rendendo WordPress versatile e accessibile per gli utenti di tutti i livelli.
Come utilizzare l'editor di blocchi di WordPress?
L'editor di blocchi è un gioco da ragazzi perché è molto facile da usare. L'editor di blocchi di WordPress è potente e flessibile e consente di progettare facilmente pagine e post. Familiarizzando con le sue funzioni, potrete creare rapidamente contenuti visivamente accattivanti e coinvolgenti!
Inserimento di blocchi
Questo nuovo editor supporta la funzione di trascinamento e rilascio, il che significa che è possibile trascinare e rilasciare i blocchi per creare nuovi layout e sezioni di una pagina web. Per trascinare e rilasciare i blocchi, fare clic su "Aggiungi nuovo blocco" in alto e trascinare il file
È possibile aggiungere o inserire blocchi semplicemente facendo clic sul simbolo "Aggiungi blocco" nell'editor, digitando il nome del blocco e inserendolo nell'editor.
Esiste un altro metodo per aggiungere blocchi all'editor. Basta digitare "/Nome." Una demo è riportata di seguito. Assicuratevi di darci un'occhiata.
Duplicare un blocco
Duplicazione di blocchi è un processo semplice. È possibile duplicare un blocco selezionando il blocco e utilizzando il tasto di scelta rapida Ctrl+Maiuscolo+D.
Oppure si può fare manualmente. Selezionare un blocco e fare clic sui tre punti verticali nel menu delle impostazioni del blocco. (1) per duplicarlo. Da qui, scegliere l'opzione "Duplica". (2). Una volta cliccato, il blocco verrà immediatamente duplicato.
È possibile duplicare i blocchi selezionando il blocco e utilizzando il tasto di scelta rapida Ctrl+Maiuscolo+D.
Spostare un blocco
Si può facilmente spostare i blocchi utilizzando la funzione di trascinamento o i pulsanti su e giù.
Selezionate il blocco e vedrete due frecce (su e giù). Fare clic sulla freccia in alto o in basso per spostare il blocco in verticale.
In alternativa, utilizzare la maniglia di trascinamento per riposizionare il blocco in qualsiasi punto desiderato.
Cancellare o rimuovere un blocco
Eliminare o rimuovere un blocco è semplicissimo. Selezionare il blocco e premere il tasto di scelta rapida Maiusc+Alt+Z dalla tastiera.
È possibile farlo manualmente facendo clic sulle impostazioni di blocco e selezionando l'opzione di rimozione del blocco.
Creare un modello
Una caratteristica distintiva dell'editor di blocchi è Creare un modello. Si tratta di blocchi che possono essere salvati e riutilizzati in più post o pagine. Questa funzione è incredibilmente utile e consente di risparmiare tempo riutilizzando blocchi progettati su misura.
Per creare un motivo, aprire le impostazioni di blocco dei blocchi selezionati o di un blocco facendo clic sui tre punti e selezionare 'Crea modello'.
Quindi, assegnare un nome (1) e categorie (2) al blocco o ai blocchi e fare clic sul pulsante Aggiungi pulsante (3).
Questo salva il blocco nella libreria dei blocchi di Gutenberg, rendendolo accessibile per usi futuri. Ogni volta che ne avrete bisogno, basterà inserire il blocco riutilizzabile come qualsiasi altro blocco.
Scorciatoie per la tastiera
È possibile utilizzare l'editor di blocchi di Gutenberg tramite scorciatoie da tastiera. Queste scorciatoie possono aiutare gli utenti a navigare rapidamente, formattare il testo e gestire i blocchi senza dover ricorrere al mouse.
Queste scorciatoie funzionano in tutta l'interfaccia dell'editor:
- Ctrl + S (Windows) / Cmd + S (Mac): Salvare la bozza.
- Ctrl + Z (Windows) / Cmd + Z (Mac): Annulla l'ultima azione.
- Ctrl + Y: Ripete l'ultima azione.
- Ctrl + Shift + Alt + M (Windows) / Cmd + Shift + Opzione + M (Mac): Passare dalla modalità Visual a quella Code.
- Ctrl + Shift + D: Duplicare un blocco selezionato
- Ctrl + Shift + , : Nascondere o visualizzare il pannello delle impostazioni
Se si desidera, è possibile vedere le scorciatoie da tastiera dell'editor da WordPress.org.
Aggiungete altri blocchi usando Ultimate Blocks!
I blocchi predefiniti dell'editor di blocchi sono fantastici per creare post e pagine visivamente accattivanti. Ma se avete bisogno di maggiore flessibilità?
Fortunatamente, l'editor di blocchi supporta lo sviluppo di blocchi personalizzati, consentendo agli sviluppatori di creare i propri blocchi unici. Questo ha portato a una vasta gamma di impressionanti plugin per i blocchi di Gutenberg creati dalla comunità. Un plugin di questo tipo è Blocchi definitivi.
Blocchi definitivi è un potente plugin progettato per potenziare l'editor di blocchi di WordPress con 25+ blocchi personalizzabili. Perfetto per blogger e marketer, include funzioni come blocchi per le recensioni, filtri per i contenuti e blocchi call-to-action per migliorare il coinvolgimento e la funzionalità.
Pensieri finali!
La padronanza dell'editor di blocchi Gutenberg apre infinite possibilità di creare contenuti coinvolgenti e di grande impatto visivo sul vostro sito WordPress.
Spero che il tutorial sia stato utile e facile da seguire. Fatemi sapere cosa ne pensate nella sezione commenti qui sotto. Inoltre, fate conoscere ai vostri amici questa semplice guida attraverso i vostri social media.
Per saperne di più!
- Recensione di Ultimate Blocks: Caratteristiche, pro, contro e altro
- Come creare Flip Box in WordPress in 4 semplici passaggi
- Come aggiungere un box per le recensioni ai post/pagine di WordPress in 2 modi semplici
- Come rendere appiccicosa l'intestazione di una tabella in WordPress (3 semplici passaggi)
- Come cambiare il colore dei pulsanti in WordPress in 3 semplici passi
