10 suggerimenti e trucchi utili per WordPress Gutenberg Editor

L'editor di Gutenberg ha cambiato il modo in cui le persone usano WordPress. È più visivo, a base di blocchi e flessibile del vecchio editor classico. Ma se sei nuovo, o anche se lo usi per un po ', alcune cose possono comunque sembrare un po' difficili.

La buona notizia? Ci sono tonnellate di consigli e trucchi utili che possono rendere le cose più veloci, più facili e più divertenti.

In questo post, condividiamo 10 consigli pratici di Gutenberg. Questi ti aiuteranno a creare contenuti migliori e fare di più senza la solita frustrazione.

Evoluzione dell'editore di WordPress Gutenberg

Gutenberg è stato introdotto per la prima volta in WordPress 5.0 nel dicembre 2018. Ha sostituito il classico editore, che era in circolazione da anni. L'idea principale alla base di Gutenberg era quella di dare agli utenti un maggiore controllo sul proprio contenuto utilizzando un sistema a blocchi.

Inizialmente, molti utenti non erano sicuri del cambiamento. L'interfaccia sembrava diversa. Ci è voluto un po 'di tempo per abituarsi. Ma nel tempo, Gutenberg è migliorato molto. È diventato più veloce, più stabile e più flessibile.

Con ogni aggiornamento WordPress, Gutenberg ha acquisito nuove funzionalità. Ora puoi creare layout di interi pagina con blocchi. È possibile riutilizzare blocchi personalizzati. Puoi persino progettare intestazioni, piè di pagina e modelli utilizzando l'editor del sito (per i temi del blocco).

Oggi, Gutenberg non è solo un editor di contenuti. Sta diventando uno strumento di editing al sito intero . E sta migliorando con ogni versione.

10 suggerimenti e trucchi utili per WordPress Gutenberg Editor

Gutenberg offre molto di più dei semplici blocchi di contenuti di base. Una volta che hai imparato alcuni suggerimenti intelligenti, puoi lavorare più velocemente e creare pagine più belle senza toccare alcun codice.

Ecco un rapido elenco di trucchi utili che possono livellare la tua esperienza di Gutenberg:

1. Usa i comandi slash per inserire rapidamente i blocchi
2. Trasforma qualsiasi blocco in un blocco riutilizzabile
3. Trascinare i blocchi per riorganizzare
4. Utilizzare la visualizzazione elenco per una facile navigazione a blocchi
5. Blocchi di gruppo per muoverli o modellarli insieme
6. Blocchi di blocchi per evitare cambiamenti accidentali
7. Utilizzare le scorciatoie da tastiera per risparmiare tempo
8. Usa i modelli per layout già pronti
9. Copia e incolla blocchi tra le pagine
10. Aggiungi CSS personalizzato a blocchi specifici

Ora, entriamo nei dettagli!

01. Usa i comandi Slash per inserire rapidamente i blocchi

Diciamo che stai scrivendo un post sul blog e vuoi aggiungere un'immagine subito dopo un paragrafo. Sposta il cursore verso il basso, premi il tasto Invio e poi ... Raggiungi il mouse, fai clic sull'icona Little Plus, scorri attraverso le opzioni del blocco e infine scegli il blocco di immagini. Sembra familiare?

Ora, facciamolo più intelligente.

Invece di tutto quel clic, basta digitare una barra in avanti ( /) subito dopo aver premuto ENTER. Nel momento in cui lo fai, appare un elenco di blocchi. Digita /image e premi Invio di nuovo. Fatto. Hai appena inserito un blocco di immagine senza nemmeno toccare il mouse.

Questo trucco non è solo per le immagini. Prova /heading , /quote , /table o uniforme /columns . Una volta abituato, ti sentirai come se stessi scrivendo i comandi in uno strumento di scrittura sovralimentato.

È veloce, fluido e mantiene in vita il tuo flusso di scrittura. Niente più focalizzazione di rottura. Basta digitare e costruire mentre vai.

02. Trasforma qualsiasi blocco in un blocco riutilizzabile

Hai mai scritto una casella di iscrizione all'azione o di una newsletter che si desidera riutilizzare su più post? Copia di copialo ogni volta non è l'ideale. Uno modifichi uno, dimentichi di aggiornare un altro e boom: il tuo sito finisce con cinque diverse versioni della stessa cosa.

Ecco dove i blocchi riutilizzabili sono utili.

Supponiamo che tu abbia progettato una sezione CTA perfetta. Forse è un'intestazione, una frase breve e un pulsante. Seleziona tutti quei blocchi, fai clic sul menu a tre punti (⋮) e scegli "Aggiungi ai blocchi riutilizzabili". Dagli un nome come "Post POETER CTA" e salva.

Ora, ogni volta che scrivi un nuovo post, cerca solo quel blocco riutilizzabile. Inseriscilo in un clic. Ed ecco la parte migliore: se hai mai aggiornato quel blocco, cambia ovunque lo hai usato.

Niente più incoerenze. Niente più tempo sprecato.

È come avere il tuo modello personalizzato, pronto ogni volta che ne hai bisogno.

03. Trascinare i blocchi per riorganizzare

A volte, i tuoi contenuti non fluiscono nel modo in cui pensavi.

Forse quell'immagine ha un aspetto migliore sopra il testo. Forse la citazione sembra più potente verso la fine. Riorganizzare il contenuto in Gutenberg è facile come trascinare e far cadere i blocchi.

Ecco come funziona.

Molare su qualsiasi blocco. Vedrai una maniglia a sei punti sul lato sinistro. Prendilo e trascina il blocco dove vuoi. Vuoi spostare una sezione completa in più blocchi? Raggruppali prima, quindi trascina l'intero gruppo in un movimento regolare.

Questo ti dà il pieno controllo sul layout, senza taglio, incollaggio o a che fare con qualsiasi codice disordinato.

Sembra di lavorare con i mattoni. Sposta le cose fino a quando tutto si adatta perfettamente.

Semplice. Visivo. Istantaneo.

04. Utilizzare la vista Elenco per una facile navigazione a blocchi

Hai mai costruito un lungo post sul blog con tonnellate di immagini, testo, pulsanti e forse alcune colonne? Ad un certo punto, scorrere su e giù per trovare un blocco specifico si trasforma in mal di testa.

Ecco dove la vista dell'elenco salva la giornata.

Fai clic sulla piccola icona con tre linee impilate nell'angolo in alto a sinistra dell'editor. Questo apre un pannello che mostra ogni blocco nel tuo post, in ordine. Vedrai uno schema pulito e strutturato, proprio come un contenuto per i tuoi blocchi di contenuti.

È possibile fare clic su qualsiasi blocco dall'elenco per saltarlo direttamente. È inoltre possibile trascinare e rilasciare blocchi direttamente dalla vista elenco. Hai bisogno di selezionare un blocco all'interno di un gruppo o di una colonna? Elenco Visualizza ti consente di trovarlo all'istante, niente più caccia.

È particolarmente utile quando si lavora con layout complessi o blocchi nidificati.

05. Blocchi di gruppo per muoverli o modellarli insieme

Immagina questo, hai costruito una sezione con un'intestazione, un paragrafo, un pulsante e forse un colore di sfondo. Sembra fantastico. Ma ora vuoi spostare tutto in un altro punto sulla pagina. Un blocco alla volta? No. Troppo lento.

Basta raggrupparli.

Seleziona tutti i blocchi che desideri tenere insieme. Quindi fare clic sul menu a tre punti e scegliere "Gruppo". Ora quei blocchi sono avvolti all'interno di un singolo contenitore.

Puoi spostarli come unità. Aggiungi uno sfondo al gruppo. Regola l'imbottitura. Allineamento del cambiamento. Anche duplicare l'intera sezione in un clic.

I gruppi rendono semplici layout complessi. Mantengono anche le cose organizzate, soprattutto quando lavori su pagine di destinazione o sezioni personalizzate.

06. Blocchi di blocco per evitare cambiamenti accidentali

Hai il tuo design proprio come lo desideri. Tutto è allineato perfettamente. Ma poi, durante la modifica, elimini accidentalmente un blocco o si sposta qualcosa fuori posto. Fastidioso, giusto?

Ecco la correzione: blocca i tuoi blocchi .

Fare clic su qualsiasi blocco, aprire le impostazioni (menu a tre punti) e scegliere "Blocca". È possibile prevenire il movimento, prevenire la rimozione o entrambi. In questo modo, nessuno, incluso te, può sbagliare senza sbloccarlo prima.

È super utile quando lavori con layout riutilizzabili e pagine condivise o vuoi semplicemente proteggere il tuo duro lavoro.

07. Utilizzare le scorciatoie da tastiera per risparmiare tempo

Facendo clic su Works, ma scorciatoie da tastiera? Questa è l'efficienza di livello successivo.

Invece di spostare il mouse ogni pochi secondi, impara alcune combinazioni veloci e volerai attraverso i tuoi contenuti. Per esempio:

• Ctrl + Shift + D (CMD su Mac): duplicare un blocco
• Ctrl + Alt + T: inserire un blocco sopra
• Ctrl + Alt + Y: inserire un blocco sotto
• Maiusc + Alt + Z: rimuovi un blocco
• / (Slash in avanti): aprire istantaneamente l'inserter del blocco

Ce ne sono di più, ma anche solo alcuni possono risparmiare minuti, soprattutto se costruisci regolarmente post o pagine lunghe.

È come conoscere i trucchi segreti. E una volta che le tue dita le ricordano, ti chiederai come hai mai lavorato senza di loro.

08. Usa i modelli per layout già pronto

Progettare una pagina da zero può sembrare schiacciante. Sai cosa vuoi, ma arrivare a blocco per blocco richiede tempo. Ecco dove arrivano i modelli .

I modelli sono layout di blocco pre-progettati. WordPress include un gruppo per impostazione predefinita, come sezioni di eroi, testimonianze, CTA e altro ancora. Ne scegli uno e lo lasci cadere nella tua pagina. Fatto.

Fai clic sull'icona Plus per aggiungere un nuovo blocco. Quindi passare alla scheda Patterns . Troverai categorie come testo, immagini, colonne, intestazioni: lo chiami. Scegli uno e l'intero layout appare immediatamente.

È possibile modificare il testo, sostituire le immagini e modificare gli stili. Ma la struttura è già lì.

È come avere un designer che ti sta un kit di stellari. Sezioni di grande aspetto. Nessun stress. Nessuna ansia da pagina vuota.

09. Copia e incolla blocchi tra le pagine

Costruito qualcosa di carino su una pagina e vuoi la stessa cosa su un'altra? Non iniziare da zero. Basta copiare e incollare i blocchi.

È più facile di quanto pensi.

Fai clic sul blocco (o gruppo di blocchi), quindi premi Ctrl + C (o CMD + C su Mac). Vai all'altra tua pagina o post. Fai clic su dove vuoi che vada e premi Ctrl + V. Boom: sembra tutto, proprio così.

Tutte le formattazioni, gli stili, i pulsanti, le immagini: tutto arriva.

E sì, funziona anche attraverso le schede del browser. Quindi puoi aprire due post fianco a fianco e spostare il contenuto tra loro in pochi secondi.

10. Aggiungi CSS personalizzato a blocchi specifici

A volte, gli stili incorporati non lo tagliano. Vuoi qualcosa di più unico. È qui che entra in gioco CSS personalizzati .

Gutenberg ti consente di applicare CSS personalizzati ai singoli blocchi, in modo da poter far risaltare parti specifiche dei tuoi contenuti senza influire sull'intera pagina.

Ecco come farlo:

• Seleziona il blocco che si desidera personalizzare.
• Nelle impostazioni del blocco a destra, trova la sezione avanzata .
• Sotto le classi CSS aggiuntive, aggiungi un nome di classe personalizzato (ad es. my-custom-style ).
• Quindi, vai al tuo personalizzatore di WordPress o alla sezione CSS personalizzata nel tuo tema e aggiungi stili usando quella classe (ad esempio,. .my-custom-style { color: red; } ).

In questo modo, non stai scherzando con gli stili globali, ma piuttosto adattandolo solo per quel blocco.

È perfetto quando si desidera un pulsante, una sezione specifici o una sezione per avere un aspetto diverso senza influire sul resto del contenuto.

Conclusione

Con questi suggerimenti e trucchi, sei sulla buona strada per padroneggiare l'editor di WordPress Gutenberg. Dall'eccezione del flusso di lavoro con i comandi slash all'aggiunta di stili personalizzati con facilità, Gutenberg offre una tonnellata di flessibilità per i creatori di contenuti.

Ricorda, la chiave è sperimentare e trovare gli strumenti che funzionano meglio per il tuo stile. Che tu stia creando post semplici o layout complessi, queste funzionalità ti aiuteranno a risparmiare tempo, a rimanere organizzato e ad aggiungere un tocco personale al tuo sito.

Se vuoi confrontare Gutenberg con Element, puoi controllare il nostro post sul blog su Elementor vs Gutenberg per sapere chi è apre la strada.

Vuoi condividere il tuo feedback relativo a questo post sul blog? Per favore, fallo usando la casella dei commenti qui sotto. Ci piacerebbe conoscere il tuo feedback. Occuparsi!