Guida completa per principianti alla modifica completa del sito WordPress

WordPress si è evoluto moltissimo nel corso degli anni e, a ogni aggiornamento, introduce nuove funzionalità per rendere più semplice la creazione di siti web. Una delle domande più frequenti che ci vengono rivolte riguarda l’utilizzo della nuova funzione Full Site Editing (FSE) introdotta in WordPress 5.9.

Personalmente utilizziamo un tema personalizzato basato sul framework Genesis e un costruttore di pagine come SeedProd per le pagine personalizzate. Tuttavia, con la diffusione dell’Editor completo del sito, molti utenti sono curiosi di sapere come sfruttare questa nuova funzione per i loro siti web.

La modifica completa del sito estende essenzialmente il concetto di editor a blocchi all’intero sito. Ciò consente di modificare visivamente non solo i contenuti, ma anche l’header, il footer e altri elementi strutturali del sito.

In questo articolo vi mostreremo come utilizzare l’Editor completo di WordPress. Che siate nuovi utenti di WordPress o esperti che desiderano esplorare questa nuova funzione, questa guida vi aiuterà a creare un sito web di grande impatto con WordPress in pochissimo tempo.

Che cos’è la modifica completa del sito (FSE) in WordPress?

WordPress Full Site Editing (FSE) è essenzialmente una continuazione del progetto Gutenberg. È una funzione che utilizza l’interfaccia dell’editor di contenuti a blocchi per gli strumenti di personalizzazione del sito e del tema integrati in WordPress.org.

Ciò significa che è possibile utilizzare l’editor di contenuti a blocchi non solo per creare il contenuto della pagina o del post, ma anche per l’intestazione, il piè di pagina, la barra laterale e altro ancora.

L’obiettivo di Full Site Editing è quello di semplificare la creazione di siti web in WordPress. Sebbene WordPress sia piuttosto facile da usare, non è sempre stato il più semplice da usare per i principianti.

Per cominciare, l’editor classico precedente è piuttosto scarno. Quando si crea una nuova pagina, non è possibile vederne subito l’aspetto. Bisogna invece passare dalla pagina di anteprima all’interfaccia di modifica per vedere l’aspetto della pagina sul front-end.

Alcuni ritengono che il Customizer del tema WordPress sia limitante, in quanto non dispone della funzionalità drag-and-drop.

In altre parole, non è possibile spostare e modificare gli elementi esattamente come si desidera. Ecco perché molte persone installano un plugin per il page builder di WordPress per ottenere una maggiore flessibilità nel design.

Il progetto Gutenberg mira a risolvere questi problemi introducendo nuovi strumenti di costruzione di siti web più semplici da usare, tra cui la modifica completa del sito.

Con FSE, i principianti possono creare i loro siti web WordPress utilizzando un facile editor di blocchi drag-and-drop e vedendo un’anteprima dal vivo mentre apportano le modifiche.

Cosa si deve sapere prima di utilizzare la modifica completa del sito WordPress

Prima di utilizzare l’Editor completo del sito di WordPress, è necessario sapere che questa funzione è disponibile solo per gli utenti del tema di blocco di WordPress.

Se si utilizza un tema non a blocchi (classico), non si avrà accesso all’Editor completo del sito. Dovrete invece utilizzare il personalizzatore di temi di WordPress o un page builder supportato per effettuare le personalizzazioni.

Se volete vedere qualche tema di ispirazione per i blocchi, allora date un’occhiata alla nostra guida ai migliori temi WordPress per la modifica completa del sito.

Un’altra cosa da ricordare è che la modifica completa del sito di WordPress funziona allo stesso modo dell’editor di contenuti a blocchi di Gutenberg. Per questo motivo, vi consigliamo di leggere la nostra guida su come utilizzare l’editor di blocchi di WordPress.

In questa guida ci concentreremo su come utilizzare le funzioni di modifica completa del sito WordPress per modificare il design, il contenuto e il layout della pagina web. Potete usare questi collegamenti rapidi per passare a un argomento specifico:

Come accedere alle funzioni di modifica completa del sito WordPress

Per accedere all’Editor completo del sito di WordPress, è necessario andare nella dashboard di WordPress e selezionare Aspetto ” Editor.

Successivamente, si aprirà l’Editor completo di WordPress.

Ecco come si presenta l’interfaccia:

Sul lato sinistro si trova un pannello con le impostazioni principali. Sul lato destro, invece, è presente un’anteprima dell’aspetto del vostro sito web. Potete fare clic su questo lato se volete modificare subito il vostro sito web.

Ci sono 5 impostazioni principali: Navigazione, Stili, Pagine, Modelli e Modelli. Esaminiamole tutte una per una.

Come modificare il menu di navigazione con FSE

La prima impostazione in alto è Navigazione, che consente di modificare il menu di navigazione del tema di blocco. Cliccate su di essa.

In questa pagina si possono fare diverse cose.

Facendo clic sul pulsante con tre puntini accanto a “Navigazione”, è possibile rinominare, duplicare o eliminare il menu.

È inoltre possibile riorganizzare o rimuovere le pagine elencate nel menu.

A tale scopo, fare clic sul pulsante con i tre puntini accanto a una delle pagine. Verranno visualizzate le opzioni per spostare la pagina verso l’alto, verso il basso e per rimuoverla. Se si desidera modificare quella pagina specifica, è possibile selezionare il pulsante “Vai a…”.

Un’altra cosa che si può fare è personalizzare il design del menu e i collegamenti.

Per farlo, basta fare clic sull’icona della matita “Modifica” per aprire l’editor dei blocchi.

A questo punto, apparirà l’interfaccia di editing per il menu di navigazione, che ha l’aspetto del normale editor di Gutenberg.

Aggiunta, modifica, rimozione e riorganizzazione degli elementi del menu

Prima di continuare, ricordiamo che la posizione del menu di navigazione del sito dipende dal tema utilizzato. Può trovarsi in alto, lateralmente o essere nascosto, apparendo solo quando si fa clic su un determinato pulsante.

Per aggiungere un nuovo link a una pagina, è possibile fare clic sul pulsante “+” per aggiungere un blocco all’interno del menu. A questo punto, è sufficiente digitare il nome della pagina, il titolo del post o l’URL esterno che si desidera inserire nel menu di navigazione e selezionarlo.

Se la pagina che si desidera collegare non è ancora stata creata, è possibile aggiungere un link al menu di navigazione.

Basta digitare il nome della bozza di pagina nella barra di ricerca e fare clic su “Crea bozza di pagina”. WordPress creerà una pagina con quel nome che potrete modificare in seguito.

Se si desidera modificare le impostazioni di link, nome e scheda della pagina, è sufficiente selezionare la pagina e fare clic sull’icona del link nella barra degli strumenti del blocco.

Una volta fatto ciò, selezionare il pulsante della matita.

Ora sarà possibile modificare il link della pagina e fare in modo che il link si apra in una nuova scheda.

Una volta fatto, basta premere “Salva”.

Qui si possono aggiungere anche nuovi elementi del menu di navigazione, oltre ai collegamenti alle pagine.

È sufficiente fare clic sul pulsante “+” per aggiungere un blocco. In seguito, troverete alcune opzioni di blocchi di navigazione disponibili per l’uso, come il logo del sito o la tagline del sito.

A volte è necessario scorrere verso il basso per trovare questi blocchi. È anche possibile scegliere “Sfoglia tutto” per vedere l’elenco completo delle scelte dei blocchi.

A un certo punto, si potrebbe anche voler riorganizzare gli elementi del menu.

Per farlo, selezionare un blocco e scegliere una delle icone a forma di freccia per spostare il blocco a sinistra o a destra.

Ora, se si desidera rimuovere un collegamento alla pagina o altri elementi del menu, è possibile selezionare l’elemento da eliminare.

Quindi, fare clic sul menu a tre punti nella barra degli strumenti del blocco e scegliere “Elimina”.

Per maggiori dettagli, consultate il nostro tutorial su come rimuovere un blocco in WordPress.

Creazione di un sottomenu

Se avete molte pagine web, come nel caso di un negozio online, potreste voler creare un sottomenu a discesa. In questo modo, il vostro menu di navigazione non sarà ingombro di molti link e avrà un aspetto molto più organizzato.

Il primo passo per creare un sottomenu è fare clic sul pulsante “+” per aggiungere un blocco e selezionare il blocco “Sottomenu”.

Successivamente, si selezionerà una pagina o un URL che funga da menu padre del sottomenu.

Ad esempio, se si gestisce un blog, si può utilizzare la pagina del blog come menu principale. All’interno del sottomenu, ci saranno i collegamenti alle singole pagine di categoria dei contenuti del blog.

In questo esempio, selezioneremo “Blog”.

Dopo aver fatto ciò, è sufficiente fare clic sul pulsante “+” per aggiungere il blocco.

Dovrebbe trovarsi sotto il menu principale.

A questo punto, è possibile digitare il nome del collegamento alla pagina che si desidera inserire e selezionarlo. Potete ripetere questo passaggio per aggiungere tutti i link di sottomenu necessari.

Una volta terminato il menu di navigazione, non dimenticate di salvare le modifiche facendo clic sul pulsante “Salva” nell’angolo in alto a destra.

Come modificare gli stili globali del sito web con FSE

L’impostazione successiva alla Navigazione è Stili. Questa funzione consente di modificare il design dell’intero sito web.

Una volta entrati nella pagina Stili, si vedranno alcune opzioni di stile predefinite, ognuna con colori, tipografia e layout diversi. Si noti che queste opzioni predefinite avranno un aspetto diverso da un tema di blocco all’altro.

È anche possibile fare clic sull’icona dell’occhio accanto a “Stili”, che rappresenta il Libro degli stili.

In questo modo sarà possibile vedere la tipografia delle opzioni di stile e l’aspetto dei blocchi di testo che utilizzano questo stile, come le intestazioni, i paragrafi, gli elenchi e così via.

Come nella sezione precedente, il pulsante della matita in questa pagina porta all’interfaccia di modifica.

Qui si utilizzerà principalmente il pannello di destra per modificare la tipografia, i colori, l’immagine di sfondo, le ombre e il layout in base alle proprie esigenze. È inoltre possibile personalizzare l’aspetto di blocchi specifici per l’intero sito web.

In genere, nell’editor si vede la propria homepage. Tuttavia, le modifiche apportate qui si rifletteranno anche sulle altre pagine web.

Modificare la tipografia del sito web

Per modificare i caratteri del vostro sito web, accedete alla barra laterale degli stili sulla destra e selezionate “Tipografia”.

A questo punto si vedranno diversi elementi di testo che possono essere modificati: Testo, Collegamenti, Titoli, Didascalie e Pulsanti.

Le impostazioni dell’elemento Testo determinano l’aspetto dei caratteri dell’intero sito. Ciò significa che le modifiche apportate a questo elemento si rifletteranno su tutti i blocchi che utilizzano il testo nel sito.

Detto questo, è possibile fare clic sull’elemento Link, Titoli, Didascalie o Pulsanti per modificare lo stile di questi blocchi specifici in modo che abbiano un aspetto diverso dal resto del testo.

Ad esempio, se si desidera che i titoli abbiano un carattere diverso da quello del blocco di paragrafo, per farli risaltare maggiormente, è possibile configurare le impostazioni nell’elemento Titoli.

In generale, è possibile modificare il carattere, la dimensione, l’aspetto e l’altezza delle linee di ciascun elemento.

Le scelte dei caratteri dipendono dal tema in uso. Nel frattempo, Aspetto controlla se si desidera utilizzare una versione normale, grassettata o corsiva del carattere.

Alcuni elementi possono avere impostazioni specifiche, quindi assicuratevi di esplorarli uno per uno.

Ad esempio, l’elemento Titoli presenta opzioni per personalizzare la spaziatura delle lettere e le maiuscole.

Personalizzazione della tavolozza dei colori del sito web

Passiamo ora all’impostazione dello schema di colori per il vostro sito web. Per farlo, basta cliccare su “Colori” nel pannello Stili. Vedrete due sezioni: Tavolozza e Colore.

Scegliere i colori all’interno della “Tavolozza”.

Nella scheda Solido della tavolozza sono presenti le sezioni Tema, Predefinito e Personalizzato.

Il tema include colori che possono essere utilizzati per personalizzare la tavolozza dei colori dell’intero sito web.

Nel frattempo, i colori predefiniti possono modificare i blocchi con le impostazioni dei colori. Si noti che alcuni temi potrebbero non includere questa funzione, quindi potrebbe non essere visibile nell’editor.

Infine, i colori personalizzati sono colori che si possono aggiungere al tema. È possibile utilizzare questa impostazione se le opzioni di colore del tema o quelle predefinite non sono adatte alle proprie esigenze.

Per aggiungere un nuovo colore personalizzato, è sufficiente fare clic sul pulsante ‘+ Aggiungi colore’ e utilizzare lo strumento di selezione dei colori.

Se si desidera cambiare un colore del tema, predefinito o personalizzato, è sufficiente selezionare un colore e utilizzare lo strumento di selezione dei colori per passare a un’opzione diversa.

Ricordate che anche i blocchi che utilizzano questi colori saranno interessati.

Passiamo alla scheda ‘Gradiente’. È simile alla scheda Tinta unita, ma le opzioni di colore sono sotto forma di gradienti, ovvero una miscela di due o più colori.

Le opzioni del tema includono alcune opzioni di sfumatura utilizzando i colori solidi del tema. D’altra parte, le impostazioni predefinite sono gradienti di colore che possono essere utilizzati per personalizzare i blocchi.

I colori duotono sono filtri che si possono aggiungere ai blocchi con immagini. È possibile visualizzare solo i duotoni disponibili, ma non è possibile modificarli.

Se necessario, è possibile creare gradienti personalizzati.

Per farlo, è sufficiente fare clic sul pulsante ‘+ Aggiungi colore’. Quindi, è possibile selezionare il tipo di sfumatura lineare o radiale e personalizzare la direzione della sfumatura modificando l’angolo.

Inoltre, è possibile selezionare altri colori nel mix di sfumature facendo clic su un punto del cursore. Verrà visualizzato un selezionatore di colori per scegliere un colore.

Tornando alla scheda Colori, è possibile personalizzare le impostazioni dei colori specifici di Testo, Sfondo, Link, Didascalie, Pulsanti e Intestazioni.

È sufficiente fare clic su un elemento e selezionare un colore Solido o Gradiente per cambiare il colore dell’elemento. È anche possibile selezionare la sezione di anteprima per accedere al selezionatore di colori.

Aggiunta di un’immagine di sfondo

Se si desidera utilizzare un’immagine di sfondo anziché un colore di sfondo nel tema di blocco, è possibile fare clic sull’opzione “Sfondo” nel menu principale degli stili.

Da qui è possibile selezionare un’immagine esistente dalla libreria multimediale o caricare una nuova immagine di grandi dimensioni.

Modificare gli effetti dell’ombra a goccia

Un’altra cosa che si può modificare nell’Editor completo del sito è l’effetto ombra applicato ai blocchi. È possibile attivare questo effetto in alcuni blocchi, come il pulsante di chiamata all’azione.

Per modificare un effetto ombra, è sufficiente fare clic su una delle opzioni sotto “Predefinito”.

Quindi, è possibile modificare il colore dell’ombra, l’inizio o l’ingombro, la posizione, la sfocatura e le impostazioni di diffusione.

Regolazione del layout del sito web

L’ultima opzione della scheda Stili è Layout. Qui è possibile modificare lo spazio tra gli elementi della pagina web.

Nella parte superiore del pannello Layout, si trovano le impostazioni per modificare la larghezza del Contenuto e la larghezza della pagina. La larghezza del Contenuto determina la larghezza predefinita per un singolo blocco quando l’impostazione di allineamento è Nessuno nella barra degli strumenti del blocco.

D’altra parte, la larghezza Wide decide la larghezza predefinita per i blocchi quando sono impostati sull’allineamento Wide.

Al di sotto di questo si trova Padding, che controlla gli spazi esterni intorno al contenuto della pagina web.

Utilizzando i cursori disponibili, è possibile impostare il padding superiore, inferiore, sinistro e destro. Se si desidera essere più specifici con le dimensioni del padding, è possibile fare clic sull’icona del cursore per inserire una dimensione in pixel, come nella schermata seguente.

Verso la parte inferiore, si trovano le impostazioni della spaziatura tra i blocchi. Questa opzione determina gli spazi tra i singoli blocchi in modo che non siano troppo vicini o lontani l’uno dall’altro. È possibile modificarla nello stesso modo in cui si modifica il Padding.

Ricordarsi di fare clic sul pulsante “Salva” in alto a destra per rendere ufficiali le modifiche.

Modificare l’aspetto di un blocco specifico

Se si desidera personalizzare l’aspetto di un blocco specifico in tutto il sito web, è possibile fare clic sull’opzione “Blocchi” nel menu principale del pannello Stili.

Da qui, è possibile selezionare uno dei blocchi predefiniti di WordPress disponibili.

Le impostazioni specifiche dello Stile per ogni blocco differiscono.

Ad esempio, se si sceglie il blocco Paragrafo, è possibile modificare il carattere, l’altezza della linea, la spaziatura delle lettere e così via. Alcuni blocchi includono anche l’opzione di modificare l’altezza e la larghezza.

Aggiunta di CSS personalizzati

Se si desidera aggiungere CSS personalizzati al tema del blocco, è possibile farlo in questa impostazione.

È sufficiente fare clic sul menu a tre punti nel menu principale degli stili. Quindi, selezionare “CSS aggiuntivo”.

Da qui è possibile inserire del codice CSS nella casella appropriata.

Così:

Come personalizzare le pagine di WordPress con FSE

Finora abbiamo trattato la navigazione e gli stili. Passiamo ora alle Pagine. In questa scheda viene visualizzato un elenco delle pagine esistenti. Parleremo più avanti della loro modifica.

È anche possibile creare una nuova pagina direttamente nell’Editor completo del sito.

Per farlo, è sufficiente fare clic sul pulsante “Aggiungi nuova pagina”. Dopodiché, dare un nome alla nuova pagina e premere “Crea bozza”.

Da qui si può iniziare a personalizzare la pagina.

Per modificare una pagina esistente, selezionare la pagina che si desidera modificare. In questo caso, si tratta di “Informativa sulla privacy”.

La modifica delle pagine con l’Editor completo del sito è essenzialmente la stessa che si fa con l’editor dei blocchi.

Per ulteriori informazioni su questo argomento, abbiamo diverse guide da leggere. Potete iniziare con queste:

• Come creare una pagina personalizzata utilizzando l’Editor del sito completo (solo per i temi a blocchi)
• Come creare una pagina di atterraggio in WordPress usando l’editor a blocchi (senza bisogno di plugin)
• Come creare una pagina separata per i post del blog in WordPress

Come modificare i modelli di WordPress con FSE

Nella pagina Modelli dell’Editor completo del sito WordPress, viene visualizzato un elenco dei modelli forniti dal tema.

In WordPress Full Site Editing, i modelli sono strutture predefinite che si possono utilizzare per progettare un tipo specifico di pagina sul proprio sito web.

Ad esempio, molti temi di blocco di WordPress vengono forniti con un modello di Post singolo. Questo modello di pagina definisce il layout della pagina di un post del blog, il che significa che ogni post del blog su quel sito web utilizzerà quel modello.

Questa funzione può essere utile se avete più pagine sul vostro blog WordPress e molte di esse utilizzano lo stesso layout.

Se è necessario modificare lo stesso elemento su quelle pagine, ma non si vuole modificare ogni singola pagina, si può semplicemente modificare il modello. Le modifiche saranno applicate a tutte le pagine che utilizzano quel modello.

Se si desidera creare un modello personalizzato, selezionare il pulsante “Aggiungi nuovo modello”.

Da qui, basta selezionare la pagina a cui applicare il nuovo modello.

In alternativa, è possibile scorrere fino in fondo e scegliere “Modello personalizzato”.

A questo punto, si vedrà l’interfaccia di modifica con una pagina vuota a cui si può iniziare ad aggiungere blocchi. Per un esempio passo dopo passo, consultate la nostra guida su come creare un modello di homepage personalizzato utilizzando l’editor di blocchi.

Per modificare un modello esistente, è sufficiente fare clic su di esso.

Ora è possibile modificare il modello di pagina come si modificano altri elementi, utilizzando l’editor di blocchi. È possibile aggiungere nuovi blocchi e personalizzare le impostazioni del blocco o della pagina.

Se si sta modificando una pagina o un post utilizzando l’editor di blocchi e si vuole cambiare il suo modello senza passare alla modalità di modifica completa del sito, è possibile farlo.

Basta andare alla pagina o al post e aprire la barra laterale delle impostazioni della pagina o del post. Quindi, trovare la sezione “Modello” all’interno di “Sommario” e fare clic su di essa.

È possibile utilizzare il menu a discesa per modificare il modello di pagina o fare clic su “Modifica modello” per accedere subito all’editor di modelli. In alternativa, è possibile fare clic sul pulsante “Aggiungi modello” per creare un nuovo modello personalizzato da zero.

Come modificare i modelli di WordPress con FSE

In WordPress Full Site Editing, i modelli sono insiemi di blocchi pronti all’uso che si possono inserire in una pagina o in un post. Quando si crea un modello, questo viene aggiunto alla directory dei blocchi e può essere facilmente aggiunto a qualsiasi post o pagina del sito.

I modelli sono utili quando è necessario utilizzare lo stesso insieme di blocchi per più pagine o post. Molti l’hanno usato per progettare banner call-to-action personalizzati o gallerie di immagini nei loro post.

Inoltre, avete la possibilità di rendere questi modelli “sincronizzati”. Ciò significa che se un modello viene utilizzato in più post o pagine, qualsiasi modifica apportata verrà applicata automaticamente a tutte le istanze in cui il modello viene utilizzato.

Nella pagina Patterns dell’Editor completo del sito di WordPress, viene visualizzata una raccolta di pattern.

I menu contrassegnati dall’icona di una cartella contengono un elenco di modelli predefiniti offerti dal tema scelto. Questi sono bloccati e non possono essere modificati.

Al di sotto di questo, si trovano le “Template Parts”, che sono un tipo speciale di modello utilizzato nella struttura del sito web e non necessariamente parte del contenuto della pagina. Ne sono un esempio l’intestazione del sito, il piè di pagina, la sezione dei commenti e così via. Sono tutti personalizzabili.

Per aggiungere un nuovo modello, fate clic sul pulsante “+ Crea modello” nel pannello di sinistra e scegliete se creare un nuovo modello o una parte modello.

Se siete confusi su quale scegliere, un modello è simile a un blocco riutilizzabile che potete aggiungere al contenuto della vostra pagina o del vostro post. Mentre una parte di modello è più simile a un insieme di blocchi che fanno parte della struttura del modello, come l’intestazione, il piè di pagina o la barra laterale.

Una parte del modello avrà automaticamente una capacità di sincronizzazione, per cui tutte le modifiche apportate ad essa saranno applicate a tutto il sito web. Si pensi a parti come l’header o il footer.

D’altra parte, un modello può essere sincronizzato o non sincronizzato.

Dopodiché, è necessario assegnare un nome alla parte o al modello e scegliere se renderlo sincronizzato. Una volta fatto questo, basta premere “Crea” e si verrà reindirizzati all’interfaccia di modifica.

Per ulteriori informazioni sulla creazione e l’utilizzo dei modelli, potete consultare la nostra guida per principianti su come utilizzare i modelli di blocchi WordPress.

Quando si modifica una pagina o un modello, è possibile che si voglia regolare anche un modello di blocco o una parte del modello. È possibile farlo direttamente nell’editor senza andare nel menu Modelli.

È sufficiente passare il mouse sulla parte del modello o della sagoma. Quindi fare clic su “Modifica”. Si verrà quindi reindirizzati all’Editor completo del sito per quell’elemento.

Suggerimenti per sfruttare al meglio la modifica completa del sito WordPress

Ora che conoscete le basi dell’Editing completo del sito, discutiamo alcuni suggerimenti e trucchi per sfruttarlo al meglio.

Utilizzare la barra di ricerca dei comandi

Con la barra di ricerca dei comandi, è possibile navigare rapidamente verso una determinata parte del sito web o eseguire azioni per modificare il design del sito.

Questa funzione può essere utile se si desidera trovare immediatamente un’impostazione specifica nell’Editor completo del sito, invece di passare attraverso diversi pulsanti e menu.

Se ci si trova nel menu principale dell’Editor completo del sito, è possibile fare clic sull’icona della lente di ingrandimento per utilizzarla.

In alternativa, è possibile premere Ctrl/Command+K sulla tastiera mentre si è nell’interfaccia di modifica.

Quindi, è sufficiente digitare ciò che si desidera trovare o fare. Ad esempio, è possibile aggiungere un nuovo post o una nuova pagina senza tornare alla dashboard di WordPress.

Gestire i blocchi con la vista elenco

Quando si modifica una pagina, un modello o un modello, ci si può trovare ad aggiungere così tanti blocchi che è difficile tenerne traccia.

È qui che la Vista elenco può essere utile. Con questa funzione, è possibile vedere tutti i blocchi aggiunti alla pagina, al modello o allo schema, compresi quelli annidati in un altro blocco padre.

Per attivare la funzione di visualizzazione a elenco, è sufficiente premere il pulsante a tre linee in alto a sinistra nella barra dei menu dell’editor. Verranno visualizzati tutti i blocchi utilizzati in quella pagina, post, modello o schema.

Se si desidera configurare un blocco specifico che si trova all’interno di un gruppo, di una riga, di una colonna o simili, è sufficiente fare clic su tale blocco dalla Visualizzazione elenco. Da qui, il blocco verrà selezionato e apparirà la barra degli strumenti.

Si veda lo screenshot qui sopra per un esempio. In questo caso, si vuole modificare il blocco dell’immagine in evidenza, ma ogni volta che si fa clic su di esso, viene selezionato il blocco del query loop.

L’uso della Vista elenco ci aiuta a visualizzare tutti i blocchi annidati all’interno del blocco query loop e a selezionare il blocco che vogliamo modificare.

Familiarizzare con le scorciatoie da tastiera

Se volete essere più veloci nella modifica del vostro sito web, prendete in considerazione l’idea di imparare le scorciatoie da tastiera. Con le scorciatoie è possibile navigare tra i vari pulsanti e impostazioni utilizzando la tastiera, invece di andare avanti e indietro muovendo il mouse.

Le scorciatoie utilizzate nell’editor di contenuti a blocchi funzionano anche nella Modifica completa del sito. Per ulteriori informazioni, potete consultare il nostro elenco di scorciatoie da tastiera di WordPress.

Creare un tema figlio/bambino

Uno dei problemi dell’utilizzo di un tema di WordPress è che se si apportano personalizzazioni ai file del tema principale, tali modifiche potrebbero andare perse durante un aggiornamento del tema. È qui che si rivela utile un tema child/bambino.

Un tema child/bambino eredita tutti gli stili e le funzionalità del tema genitore, consentendo di apportare modifiche senza influire sui file del tema principale. In questo modo, è possibile aggiornare facilmente il tema genitore in futuro senza perdere le personalizzazioni.

Se avete già creato temi child per temi classici, la creazione di un tema child block funziona in modo leggermente diverso.

Questo perché i temi a blocchi utilizzano un file theme.json per memorizzare le informazioni sul tema e i CSS per lo stile del sito web. Non è necessario modificare i file PHP del tema genitore in un tema child/bambino.

Fortunatamente, la creazione di un tema child/bambino non è così complicata come sembra. Il modo più semplice che abbiamo trovato è usare il plugin Create Block Theme.

Il plugin Create Block Theme non solo permette di creare facilmente un tema child/bambino per il tema esistente, ma è anche un ottimo strumento per creare il proprio tema da zero.

In questo modo, avrete il controllo completo del design e delle funzionalità del vostro sito web, senza dovervi affidare a un tema preconfezionato.

Per ulteriori informazioni sulla creazione di temi child in WordPress, potete selezionare la nostra guida su come creare un tema child.

Limitazioni della modifica completa del sito WordPress

La modifica completa del sito di WordPress ha sicuramente reso più facile per i nuovi utenti di WordPress personalizzare i propri siti web. Tuttavia, questa funzione presenta alcune lacune.

Innanzitutto, è necessario un tema di blocco per poterlo utilizzare. Sono disponibili molti nuovi temi di blocco, ma non sono così numerosi come i normali temi di WordPress. Se si utilizza WooCommerce, la scelta dei temi può essere ancora più limitata.

Inoltre, ad alcuni utenti di WordPress non piace il fatto che i temi a blocchi non abbiano widget. Sebbene i blocchi offrano una maggiore flessibilità di posizionamento, alcuni utenti preferiscono la semplicità della trascina e rilascia dei widget nelle aree designate.

Inoltre, cambiare tema può essere una seccatura, in quanto dovrete configurare nuovamente il tema e verificare se ci sono problemi di compatibilità con i vostri plugin WordPress.

Inoltre, gran parte della personalizzazione si basa sulle opzioni offerte dal tema WordPress. Questo può limitare la vostra creatività nella costruzione del sito.

Come utilizzare un’alternativa per la modifica completa del sito

Se state cercando un’alternativa a WordPress per la modifica completa del sito, potete dare un’occhiata a SeedProd. Si tratta di un potente plugin per la creazione di pagine e temi con oltre 300 modelli mobile-friendly per creare qualsiasi tipo di sito web.

Il costruttore drag-and-drop è facile da usare e sono disponibili oltre 90 blocchi di pagina per gli elementi di contenuto. Ci sono anche decine di sezioni precostituite, come le chiamate all’azione, ottimizzate per le conversioni, in modo da non dover progettare questi elementi da zero.

Per ulteriori informazioni, potete leggere la nostra recensione di SeedProd e il nostro articolo su come creare un tema WordPress personalizzato.

Speriamo che questa guida per principianti vi abbia aiutato a imparare a usare il Full Site Editing (FSE) di WordPress. Potreste anche voler selezionare il nostro articolo sui problemi più comuni dell’editor a blocchi di WordPress e la nostra guida definitiva sulla SEO di WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.