Che cos'è WordPress Editor

L' di WordPress è il fulcro centrale per la creazione e la progettazione dei contenuti all'interno di un sito WordPress. Che tu stia creando il tuo primo blog o sviluppando un sito web aziendale completo, l'editor svolge un ruolo fondamentale nel modo in cui crei contenuti, gestisci i layout e controlli l'aspetto generale del tuo sito.

Questa guida esplora tutto, dalle nozioni di base alle funzionalità avanzate, aiutando sia i principianti che gli utenti esperti a sfruttare al meglio l'editor di WordPress.

Definizione dell'editor di WordPress

L'editor di WordPress, noto anche come editor a blocchi o editor Gutenberg, è l'editor predefinito per tutti i siti WordPress dalla versione 5.0. Ha sostituito il vecchio editor classico, spesso chiamato editor TinyMCE, e ha introdotto un'esperienza di editing moderna e visiva basata su un sistema di blocchi di contenuto modulari.

Ogni contenuto, un paragrafo, un'immagine, un video o un pulsante, viene aggiunto come blocco separato, consentendo maggiore flessibilità e controllo visivo. Questa struttura a blocchi aiuta gli utenti a creare pagine ricche di contenuti multimediali senza dover scrivere codice.

Breve storia ed evoluzione dell'editor di WordPress

Il nuovo editor si è evoluto notevolmente dai primi giorni della piattaforma. Inizialmente, WordPress utilizzava l' editor classico basato su TinyMCE , una semplice interfaccia WYSIWYG che consentiva una formattazione di base ma offriva una flessibilità limitata e nessun controllo visivo sul layout. Con l'avanzare degli standard web, sono aumentate anche le aspettative degli utenti. La necessità di uno strumento di creazione di contenuti più intuitivo e flessibile ha portato allo sviluppo del progetto Gutenberg.

Annunciato nel 2017 e rilasciato ufficialmente con WordPress 5.0 il 6 dicembre 2018, il nuovo editor a blocchi ha introdotto un sistema modulare in cui il contenuto è suddiviso in blocchi, testo, immagini, pulsanti e altro ancora. Questo ha segnato un cambiamento rivoluzionario, passando da un editor statico a un'interfaccia visiva dinamica.

Nel corso del tempo, l'editor ha acquisito funzionalità come blocchi riutilizzabili, pattern di blocchi e supporto per theme.json, consentendo a utenti e sviluppatori di personalizzare i layout con precisione. Il successivo importante traguardo è stato l'implementazione del Full Site Editing (FSE) in WordPress 5.8 e 5.9, che ha esteso la modifica basata su blocchi a modelli, intestazioni , piè di pagina e stili globali.

Oggi, l'editor di WordPress è più di un semplice strumento di scrittura per i contenuti del sito: è una solida interfaccia di progettazione che alimenta l'intera esperienza del sito WordPress. Supportato da un'attiva community open source e da frequenti aggiornamenti tramite il plugin Gutenberg, continua a evolversi in risposta al feedback degli utenti e alle moderne esigenze di web design.

Tipi di editor WordPress

WordPress ora include diversi tipi di editor, quindi scopriamo cos'è l'editor di WordPress e le sue varianti, ciascuna adatta alle diverse esigenze degli utenti:

Editor a blocchi (Editor Gutenberg): l'opzione più utilizzata e ricca di funzionalità, l'editor a blocchi utilizza blocchi per strutturare contenuti e design. Ogni elemento del tuo post o pagina può essere personalizzato individualmente, dal paragrafo al blocco immagine.

Editor classico: ancora disponibile tramite plugin, l'editor classico offre un'interfaccia tradizionale simile a quella dei word processor. Manca la flessibilità dei blocchi multipli, inclusi il blocco classico e gli strumenti di layout moderni, ma gli utenti che apprezzano la semplicità potrebbero preferirlo.

Editor del sito: parte dell'iniziativa Full Site Editing, l'editor del sito consente di modificare l'intero sito, inclusi intestazioni, piè di pagina e modelli di pagina. È ideale per gli utenti che desiderano la massima libertà di progettazione senza dover ricorrere a page builder di terze parti.

Editor di codice: la di codice consente agli utenti avanzati di modificare direttamente HTML, CSS e script in linea. È accessibile tramite l'icona a tre puntini nell'angolo in alto a destra.

Caratteristiche principali dell'editor a blocchi di WordPress

L'editor a blocchi di WordPress include un solido set di funzionalità, come il blocco dei pulsanti, progettato per semplificare la creazione di contenuti e la progettazione del sito:

• Inserimento blocchi : aggiungi nuovi blocchi con un semplice clic o un comando da tastiera.

• Blocchi riutilizzabili : salva contenuti o layout e riutilizzali in più post o pagine.

• Modelli di blocchi : accedi a sezioni predefinite come gallerie o inviti all'azione.

• Barra laterale delle impostazioni : regola le impostazioni del blocco come tipografia, spaziatura e colore di sfondo.

• Modifica granulare dei blocchi : controlla l'aspetto e il comportamento dei singoli blocchi senza influire sul resto del layout.

• Modalità a schermo intero : concentrati esclusivamente sui tuoi contenuti nascondendo le distrazioni.

• Barra degli strumenti superiore : un menu centralizzato per la navigazione a blocchi, gli strumenti annulla/ripristina e la struttura dei contenuti.

Per saperne di più: Figma a Gutenberg: guida completa alla conversione di WordPress

Personalizzazione di blocchi e layout nell'editor di WordPress

I blocchi nell'editor di WordPress sono molto più che semplici contenitori di contenuti: sono elementi di design flessibili che possono essere stilizzati, posizionati e strutturati per adattarsi agli obiettivi e all'estetica del tuo sito.

Ecco come sfruttare al meglio la personalizzazione dei blocchi e del layout:

Stile singoli blocchi

È possibile modificare ciascun blocco cambiandone il colore di sfondo, aggiungendo intestazioni personalizzate, regolando la spaziatura e i margini o applicando stili tipografici direttamente dalla barra laterale delle impostazioni.

Inserisci e riorganizza i contenuti facilmente

Utilizza l'inserimento blocchi (attivabile dall'angolo in alto a sinistra o in alto a destra) per aggiungere elementi come un nuovo blocco paragrafo, un blocco immagine o incorporare video e feed dei social media. I blocchi possono essere trascinati, rilasciati o riposizionati utilizzando semplici frecce su/giù.

Naviga con la scheda Blocco e la struttura del documento

Passa dalla scheda Blocco alla struttura del documento per comprendere meglio la struttura dei contenuti. La struttura è utile per post o pagine lunghe, consentendo di passare rapidamente ai titoli o a un blocco specifico.

Opzioni di blocco avanzate

Fai clic sui punti verticali (o sull'icona a tre punti) su qualsiasi blocco selezionato per duplicare, raggruppare più blocchi o eliminarli completamente. Puoi anche convertire i blocchi in blocchi riutilizzabili per un utilizzo ripetuto sul tuo sito.

Flessibilità di layout

L'editor supporta più blocchi su una singola riga utilizzando colonne, gruppi e blocchi impilati. È possibile creare layout personalizzati con modelli di blocchi o modificare quelli esistenti. Gli allineamenti, il controllo della larghezza (larga/intera) e la spaziatura sono facilmente accessibili tramite la barra degli strumenti e la barra laterale .

Progettazione a livello di pattern

Gli utenti avanzati possono creare o modificare modelli di blocchi per velocizzare i flussi di lavoro di progettazione, mentre i principianti possono utilizzare quelli predefiniti per creare pagine ricche di contenuti multimediali senza dover partire da zero.

Utilizzo della modalità a schermo intero e della barra degli strumenti superiore

Abilitando la modalità a schermo intero puoi concentrarti esclusivamente sul layout, senza distrazioni, e la barra degli strumenti in alto fornisce un rapido accesso agli strumenti globali per la formattazione e la gestione dei blocchi.

Per saperne di più: Gutenberg vs. Elementor

Modifica completa del sito e l'editor del sito

La modifica del sito è un'evoluzione dell'editor a blocchi che consente agli utenti di modificare l'intero sito. Utilizzando l'editor del sito, è possibile:

• Modifica intestazioni, piè di pagina e barre laterali a livello globale.
• Modifica i modelli per post, pagine, archivi e altro ancora.
• Utilizza e crea i tuoi modelli di blocchi e parti modello.
• Gestisci gli stili globali tramite un'interfaccia unificata.

Puoi accedere direttamente alla modalità di modifica del modello quando modifichi un post o una pagina con un tema a blocchi.

Creazione e gestione dei contenuti con l'editor di WordPress

L'editor di WordPress semplifica il processo di creazione dei contenuti:

• Per iniziare, clicca su "Aggiungi nuovo" per creare una nuova pagina o un nuovo post.
• Utilizza l'inseritore di blocchi per aggiungere testo, immagini , elementi incorporati e altro ancora.
• Formattare il testo utilizzando il blocco paragrafo, il blocco intestazione o il codice in linea.
• Inserisci contenuti multimediali utilizzando il blocco immagine, le gallerie o gli incorporamenti.
• Gestisci la SEO con intestazioni e una struttura del documento.
• Tieni traccia del conteggio delle parole e della struttura utilizzando la barra degli strumenti in alto.

Ogni singolo blocco ha le sue impostazioni accessibili tramite la barra laterale delle impostazioni.

Scopri anche: Conversione da Elementor a Gutenberg: guida definitiva per passare ai blocchi

Miglioramenti degli strumenti dell'editor e del flusso di lavoro

Diversi strumenti migliorano la produttività e la personalizzazione:

• Barra degli strumenti superiore : barra unificata per il controllo del layout, l'annullamento e le azioni del centro di comando.
• Barra laterale delle impostazioni : attiva/disattiva dall'angolo in alto a destra per regolare le proprietà a livello di blocco.
• Attiva/disattiva l'inserimento del blocco : mostra o nascondi l'inserimento per mantenere la visualizzazione pulita.
• Icona dei tre punti : accesso a modalità come editor di codice o modalità a schermo intero.
• Scelte rapide da tastiera : velocizza il lavoro con comandi rapidi per azioni come la duplicazione di blocchi o la commutazione delle viste.

Ulteriori letture: Guida passo passo per creare blocchi personalizzati in WordPress

Vantaggi dell'utilizzo dell'editor di WordPress

L'editor di WordPress offre una serie di vantaggi:

• Editor visuale : offre un'interfaccia pulita e intuitiva per la creazione di contenuti senza codice.
• Ricco di contenuti multimediali : crea facilmente pagine con immagini, video e blocchi interattivi.
• Blocchi riutilizzabili : risparmia tempo riutilizzando blocchi e modelli in tutti i contenuti.
• Modifica granulare : ottimizza singoli blocchi e modifica l'intero layout del sito.
• Aggiornamenti moderni : regolarmente migliorati per soddisfare gli standard web in continua evoluzione.
• Ampia compatibilità : funziona perfettamente con la maggior parte dei temi e plugin.

Introduzione all'editor di WordPress

Se sei nuovo di WordPress, iniziare è semplice:

• Accedi alla dashboard di WordPress.
• Vai su Post ⟶ Aggiungi nuovo o Pagine ⟶ Aggiungi nuovo.
• Utilizzare l'inseritore di blocchi per iniziare ad aggiungere contenuti.
• Esplora le opzioni di formattazione con la scheda Blocco e la barra laterale delle impostazioni.
• Visualizza l'anteprima e pubblica quando sei pronto.
• Per una guida visiva, utilizza il video tutorial collegato alla tua dashboard.

Suggerimenti e best practice per l'editor di WordPress

• Paragrafo per primo : crea una struttura di contenuto chiara con un blocco di paragrafi.
• Intestazioni SEO : usa i blocchi di intestazione per migliorare la SEO e l'accessibilità della pagina.
• Layout riutilizzabili : salva i layout standard come blocchi riutilizzabili per una maggiore efficienza.
• Varietà di layout : prova diverse opzioni di layout e modelli di blocchi per un design migliore.
• Messa a fuoco a schermo intero : utilizza la modalità a schermo intero per mantenere la concentrazione durante la modifica.
• Controllo della barra degli strumenti : esplora la barra degli strumenti superiore e i punti verticali per trovare strumenti e impostazioni utili.

Risoluzione dei problemi comuni

Se riscontri problemi:

• L'editor non si carica? Svuota la cache del browser o disattiva i plugin in conflitto.
• Mancano le impostazioni del blocco? Controlla l'interruttore nella barra laterale delle impostazioni.
• Il contenuto non viene salvato? Assicurati che il tuo hosting supporti i requisiti di WordPress.
• Layout non funzionante? Annulla le modifiche tramite revisioni o test nell'editor di codice.
• Non riesci a trovare un blocco specifico? Utilizza la ricerca nell'inseritore di blocchi per visualizzare tutti i blocchi disponibili.

Conclusione: perché l'editor di WordPress è importante

L'editor di WordPress è più di uno strumento per la gestione dei contenuti: è il cuore dell'esperienza del sito WordPress. Che si tratti di creare un post per il blog o di riprogettare la homepage, l'editor offre la potenza e la flessibilità necessarie per creare qualcosa di unico e personalizzato.

Grazie al supporto per pagine ricche di contenuti multimediali, alla modifica completa del sito e all'innovazione continua, consente agli utenti WordPress di tutti i livelli di creare siti web dinamici e accattivanti.

Domande frequenti sull'editor di WordPress