Guide/Utilizzo dell'editor/Seleziona e sposta i blocchi

Seleziona e sposta i blocchi

Mentre lavori ai contenuti del tuo sito, potresti aver bisogno di spostare un blocco (o più blocchi) in una parte diversa della pagina. Questa guida ti mostrerà diversi metodi per selezionare e spostare i blocchi desiderati.

Tutorial video

In questo video imparerai a selezionare e spostare i blocchi nell’editor di WordPress. Vengono trattati la selezione di un blocco facendo clic su di esso o utilizzando Elenco e lo spostamento di uno o più blocchi con le frecce della barra degli strumenti o trascinandoli in Elenco.

Seleziona il blocco

Prima di spostare un blocco, assicurati di aver selezionato quello corretto. Puoi selezionare la maggior parte dei blocchi facendo clic una volta su di essi, ma alcuni blocchi sono contenuti all’interno di altri blocchi, quindi vediamo diversi metodi per selezionare il blocco corretto che desideri spostare.

Seleziona i blocchi utilizzando Elenco

Per accedere a Elenco, fai clic sull’icona con tre linee orizzontali sovrapposte nell’angolo in alto a sinistra dello schermo:

Tre linee verticali sfalsate sovrapposte, che rappresentano la vista elenco.

Vedrai un elenco di tutti i blocchi che hai inserito in quella pagina o in quell’articolo, in modo da poter selezionare il blocco su cui desideri lavorare.

Nell’immagine a destra possiamo vedere diversi blocchi contenuti all’interno di una singola colonna, che a sua volta si trova all’interno di un blocco Colonne. Quindi, se volessimo spostare il blocco Colonne e tutto il contenuto al suo interno, dovremmo fare clic sul blocco Colonne che contiene tutto il resto.

Per altri suggerimenti su Elenco, consulta la nostra guida a Elenco.

La vista elenco mostra un elenco di tutti i blocchi presenti nella pagina.

Seleziona i blocchi utilizzando i breadcrumb

Un altro modo per assicurarti di selezionare il blocco desiderato è controllare i breadcrumb nella parte inferiore dello schermo, contrassegnati in arancione nell’immagine qui sotto. Si chiamano breadcrumb perché è come lasciare una scia di molliche di pane da seguire:

Sono visibili diversi blocchi, con le breadcrumb evidenziate in arancione nella parte inferiore dello schermo. Mostrano un blocco Intestazione all'interno di una Colonna all'interno di un blocco Colonne.

Il blocco che hai selezionato sarà l’ultimo nell’elenco dei breadcrumb. Se desideri selezionare un blocco diverso, puoi fare clic sul nome del blocco per selezionarlo.

Seleziona i blocchi utilizzando il selettore del blocco genitore

Alcuni blocchi sono contenuti all’interno di altri blocchi, detti blocchi “genitore”, e potresti aver bisogno di un modo semplice per selezionare il blocco genitore. 

Un altro modo per farlo è utilizzare il selettore del blocco genitore, mostrato nella barra degli strumenti di alcuni blocchi:

Evidenziazione del pulsante di selezione del blocco genitore, posizionato a sinistra della barra degli strumenti delle impostazioni del blocco.
La barra degli strumenti del blocco Colonna

Quando fai clic su un blocco che ha un blocco genitore, vedrai un pulsante sulla sinistra della barra degli strumenti del blocco, come indicato in arancione nell’immagine sopra. Facendo clic su quel pulsante, selezionerai il blocco genitore (in questo caso, il blocco Colonne.)

Questo può essere utile in molti casi, ad esempio se hai del testo all’interno di una colonna e devi selezionare il blocco Colonne, o se hai più pulsanti all’interno di un blocco Pulsanti e devi selezionare il blocco Pulsanti nel suo insieme.

Sposta un blocco

Esistono diversi metodi per spostare il blocco che hai selezionato.

Sposta un blocco utilizzando la barra degli strumenti

Per spostare un blocco, selezionalo: subito sopra o sotto comparirà una barra degli strumenti. Puoi quindi spostarlo facendo clic sulle frecce su e giù, così da farlo salire o scendere di una posizione.

Puoi anche trascinare un blocco in un’altra posizione utilizzando l’icona a sei punti nella barra degli strumenti.

La seguente animazione mostra entrambi i metodi:

Una GIF che mostra come fare clic e tenere premuto sull'icona Trascina, l'icona con 6 punti disposti in due colonne. Un blocco viene quindi trascinato verso l'alto con la maniglia.
Spostamento dei blocchi

Sposta un blocco utilizzando Elenco

In alternativa, puoi usare Elenco per vedere un elenco completo dei blocchi nella tua pagina e trascinare i blocchi in nuove posizioni:

Una GIF animata che mostra la vista elenco e l'azione di fare clic e trascinare i blocchi in nuove posizioni.
Per accedere a Elenco, fai clic sull’icona con tre linee orizzontali sovrapposte nell’angolo in alto a sinistra dello schermo.

Sposta un blocco con il trascinamento

Con il mouse puoi trascinare e rilasciare un blocco nella posizione desiderata:

Sposta i blocchi nidificati

I blocchi nidificati sono nidificati all’interno di blocchi di layout, come colonne, righe o stack. Puoi spostare questi blocchi facendo clic sulle frecce nella barra degli strumenti del blocco:

GIF che mostra come selezionare e spostare un blocco annidato.
Spostamento di un blocco nidificato

Sposta più blocchi contemporaneamente

Sposta i blocchi utilizzando la barra degli strumenti

Puoi spostare più blocchi contemporaneamente selezionandoli prima tutti con il mouse, quindi facendo clic sulle frecce nella barra degli strumenti come mostrato di seguito:

Una GIF animata che illustra il processo di selezione di due blocchi e il loro spostamento simultaneo facendo clic sull'icona freccia nella barra degli strumenti che appare.

Sposta i blocchi utilizzando Elenco

Puoi usare Elenco per selezionare più blocchi contemporaneamente e trascinarli in nuove posizioni:

  1. Apri Elenco facendo clic sull’icona con tre linee orizzontali nell’angolo in alto a sinistra dell’editor.
  2. Fai clic sul primo blocco.
  3. Tieni premuto il tasto Maiusc sulla tastiera e fai clic sull’ultimo blocco. In questo modo verranno selezionati tutti i blocchi compresi tra il primo e l’ultimo.
  4. Fai clic e trascina i blocchi nella posizione desiderata.
Animazione che mostra lo spostamento di più blocchi nella vista elenco.

💡

Seleziona tutti i blocchi in Elenco usando il comando da tastiera CTRL + A su PC o CMD + A su Mac.

Sposta i blocchi fianco a fianco

Se vuoi posizionare i blocchi uno accanto all’altro invece che uno sotto l’altro, inserisci prima il blocco Colonne. Quindi, puoi inserire qualsiasi blocco all’interno di ogni colonna.

Se desideri posizionare il contenuto esistente all’interno delle colonne, inserisci prima il blocco Colonne e poi usa Elenco per trascinare i blocchi in una colonna.

Riorganizza i blocchi con l’Agente WordPress

The WordPress Agent four-pointed star icon.

Questa sezione si applica ai siti creati con il Costruttore di siti web IA (tutti i piani a pagamento) o ai siti che hanno attivato l’Agente WordPress (tutti i piani a pagamento). Apri l’Agente WordPress facendo clic sull’icona IA (una stella a quattro punte) nella parte inferiore dello schermo.

L’Agente WordPress può aiutarti a rivedere e migliorare la struttura e il flusso dei contenuti della tua pagina. Ecco alcuni prompt di esempio che puoi copiare e utilizzare:

  • “Analizza questa pagina e suggerisci un ordine migliore per le sezioni.”
  • “La struttura di questo articolo ha senso per una guida pratica?”
  • “Quali contenuti dovrebbero comparire per primi nella homepage di un portfolio?”
  • “Suggerisci come riorganizzare queste sezioni per una migliore leggibilità.”

Riorganizza i blocchi con agenti IA

The WordPress Agent four-pointed star icon.

Puoi usare agenti IA come Claude, Cursor, ChatGPT, OpenClaw e altri per leggere e modificare il tuo sito web in modo sicuro. Attiva l’accesso allo strumento MCP per gli agenti IA.

Con gli agenti IA puoi riorganizzare i blocchi nelle tue pagine e nei tuoi articoli usando un prompt in linguaggio naturale. Ecco alcuni prompt da provare:

  • “Riordina le sezioni della mia pagina Servizi in modo che la sezione prezzi sia l’ultima.”
  • “Sposta il blocco immagine in evidenza in cima al mio ultimo articolo.”
  • “Scambia il primo e il secondo paragrafo nella mia pagina Informazioni.”
  • “Sposta il blocco del pulsante di contatto subito sotto la sezione hero nella mia homepage.”
Copied to clipboard!