Guide/Modifica il tuo sito web/Editor/Usa l'editor del sito

Usa l’editor del sito

Con l’editor del sito di WordPress puoi modificare visivamente l’intero sito, inclusi intestazione, piè di pagina e template, senza scrivere codice. In questa guida scoprirai gli strumenti principali integrati nell’editor del sito.

Se è la prima volta che usi i temi a blocchi, scopri come funzionano insieme temi, template e pagine.

Tutorial video

In questo video imparerai a usare l’editor del sito per personalizzare la tua homepage.

Dal corso: Crea il tuo sito web su WordPress.com
Questo video è in inglese.
YouTube offre funzioni di traduzione automatica per permetterti di guardarlo nella tua lingua:

Per visualizzare i sottotitoli tradotti automaticamente:

  1. Riproduci il video.
  2. Fai clic su ⚙️ Impostazioni (in basso a destra nel video).
  3. Seleziona Sottotitoli/CC.
  4. Scegli Traduzione automatica.
  5. Seleziona la lingua che preferisci.

Per ascoltare il doppiaggio automatico (sperimentale):

  1. Fai clic su ⚙️ Impostazioni.
  2. Seleziona Traccia audio.
  3. Scegli la lingua in cui vuoi ascoltare il video.

ℹ️ Le traduzioni e i doppiaggi sono generati automaticamente da Google, potrebbero non essere perfetti e il doppiaggio automatico è ancora in fase di test, quindi potrebbe non essere disponibile per tutte le lingue.

Accedi all’editor del sito

L’editor del sito è lo strumento che userai per modificare il design del tuo sito web, compresi template, menu di navigazione e pagine.

Per accedere all’editor del sito, segui questi passaggi:

  1. Parti dalla bacheca del tuo sito.
  2. Passa il mouse su Aspetto nella barra laterale sinistra, oppure fai clic direttamente sulla voce.
  3. Fai clic su Editor.
Il menu Aspetto aperto nella Bacheca del sito, con una freccia che indica il sottomenu Editor.

Se non vedi la voce Editor sotto Aspetto, il tuo tema non supporta l’editor del sito. Valuta di passare a un tema a blocchi per accedere all’editor del sito.

Quando apri l’editor del sito, trovi sulla sinistra il pannello Design, con le seguenti opzioni:

  • Stili: personalizza colori, font e altri aspetti del design del tuo sito.
  • Navigazione: gestisci i menu di navigazione del tuo sito.
  • Identità: gestisci l’icona del sito e il logo del sito.
  • Pagine: modifica il contenuto delle singole pagine del tuo sito.
  • Template: modifica il layout strutturale dei contenuti del tuo sito.
  • Pattern: modifica le parti più piccole dei tuoi template (come intestazione e piè di pagina) e i pattern che hai creato.

Sulla destra trovi un’anteprima della homepage del tuo sito web. Fai clic in un punto qualsiasi di quest’area per chiudere la barra laterale sinistra e aprire la homepage nell’editor.

L'editor del sito appena aperto, con un menu "Design" a sinistra e un'anteprima della pagina iniziale del sito a destra.

Usa l’editor del sito

Fai clic sull’anteprima a destra nell’editor del sito per aprire la homepage negli strumenti di modifica. Vedrai gli stessi strumenti anche quando modifichi una pagina, un template o un pattern specifico.

Menu superiore

Nella parte superiore dell’editor del sito trovi diverse opzioni, descritte di seguito da sinistra a destra.

Il menu in alto.
  1. Apri il pannello di navigazione: fai clic una volta sull’icona del sito (o sul logo W predefinito, se non ne hai ancora impostato uno) per tornare alle opzioni della barra laterale sinistra descritte nella sezione precedente. Fai di nuovo clic per tornare alla bacheca del tuo sito.
  2. Strumento di inserimento blocchi: fai clic per aggiungere un nuovo blocco.
  3. Annulla: annulla l’ultima azione eseguita.
  4. Ripeti: ripristina un’azione annullata con il comando “Annulla”.
  5. Vista elenco: mostra un elenco di tutti i blocchi presenti nella pagina. La vista elenco è utile per visualizzare la struttura della pagina e per modificare, spostare o rimuovere i blocchi.
  6. Centro comandi: mostra il nome del template che stai modificando. Fai clic per cercare tra i template del tuo sito.
  7. Vista: cambia la visualizzazione per vedere i contenuti su desktop, tablet o dispositivi mobili. Fai clic su “Visualizza il sito” per vedere il risultato delle modifiche.
  8. Centro assistenza: cerca tra le nostre guide utili o contatta il supporto con i piani idonei.
  9. Stili: personalizza colori, font e altro ancora. Scopri di più sugli stili.
  10. Impostazioni: mostra o nasconde la barra laterale delle impostazioni sulla destra.
  11. Salva: salva le modifiche. Scopri di più sul salvataggio.
  12. Altre opzioni: apre impostazioni e strumenti aggiuntivi.

Stili

Usa gli Stili nell’editor del sito per scegliere palette di colori, font, layout e altri aspetti del design che influenzano l’intero sito. Scopri come usare gli stili.

L'icona Stili in bianco e nero evidenziata nella barra degli strumenti in alto.

Barra laterale delle impostazioni (destra)

La barra laterale delle impostazioni contiene informazioni sul template che stai modificando e opzioni per personalizzare i singoli blocchi al suo interno.

La barra laterale delle impostazioni si trova sul lato destro dell’editor.

Se la barra laterale a destra non è visibile, fai clic sull’icona Impostazioni nell’angolo in alto a destra per visualizzarla. L’icona ha l’aspetto di un quadrato con due colonne di altezza diversa:

An arrow pointing to the "Settings" icon in the top right of the WordPress Editor.

In alto vedrai il nome del template su cui stai lavorando. Fai clic sui tre puntini a destra del nome del template per ripristinare il template alle impostazioni predefinite del tema, annullando tutte le personalizzazioni effettuate.

Se esistono versioni precedenti del template, vedrai un link Revisioni sotto la descrizione del template. Usalo per ripristinare una versione precedente del template personalizzato. Scopri di più sulle revisioni dei template.

Nella sezione Contenuto trovi le parti del template (in genere intestazione e piè di pagina), su cui puoi fare clic per aggiornare questi elementi comuni a tutto il sito.

Fai clic sulla scheda Blocco in alto per visualizzare le impostazioni del blocco selezionato.

La barra laterale delle impostazioni nell'editor del sito.

Salvataggio delle modifiche

Quando fai clic sul pulsante Salva per salvare le modifiche apportate nell’editor del sito, viene mostrata una schermata aggiuntiva con il riepilogo delle modifiche che verranno salvate.

Per impostazione predefinita, le caselle accanto a ogni modifica sono selezionate. Puoi deselezionare una modifica per scegliere di non salvarla.

Quando salvi modifiche a un template, a una parte del template o a un menu di navigazione, queste si applicano ovunque quel template o menu venga utilizzato nel tuo sito.

La richiesta di salvataggio delle modifiche con caselle di controllo accanto alle modifiche da salvare.

Modifica il sito con l’Agente WordPress

The WordPress Agent four-pointed star icon.

Questa sezione si applica ai siti creati con il Website Builder IA o ai siti che hanno attivato l’Agente WordPress. Apri l’Agente WordPress facendo clic sull’icona IA (una stella a quattro punte) nella barra di amministrazione in cima allo schermo.

L’Agente WordPress può aiutarti in ogni fase della modifica del sito, dalla scelta di una palette di colori alla pianificazione della navigazione e dei template. Ecco alcuni prompt di esempio che puoi copiare e utilizzare:

  • “Suggeriscimi una palette di colori e un abbinamento di font per un blog moderno di cucina e ricette.”
  • “Come dovrei strutturare la navigazione per un sito portfolio da freelance con un blog e una pagina di contatto?”
  • “Quale layout di intestazione e piè di pagina sarebbe adatto a un sito minimalista per una piccola attività?”
  • “Vorrei che la mia homepage trasmettesse un’impressione accogliente e professionale, quale layout mi consiglieresti?”

Guide aggiuntive

Ecco altre risorse e tutorial utili per approfondire tutti gli aspetti della modifica del sito:

Primi passi con l’editor

Le guide seguenti coprono le basi della modifica a blocchi. Ogni contenuto che aggiungi al tuo sito è racchiuso in un blocco. Queste guide ti aiuteranno a prendere confidenza con la modifica, l’aggiunta, lo spostamento e la rimozione dei blocchi.

Editor di WordPress

L’editor di WordPress usa un sistema di blocchi per creare pagine e articoli sul tuo sito web. Questa guida spiega come puoi usare i blocchi per creare bellissimi layout. Con i blocchi, le possibilità sono infinite.

Aggiungere contenuti con i blocchi

Un blocco è un singolo elemento di contenuto nell’editor di WordPress. Questa guida ti insegnerà come aggiungere blocchi al tuo sito.

Rimuovi un blocco

Questa guida ti mostrerà come rimuovere i blocchi da una pagina.

Progetta il tuo sito nell’editor

Nell’editor del sito puoi progettare i template del tuo sito, comprese le intestazioni, i piè di pagina e le aree contenuti. Le guide seguenti ti introdurranno ai concetti fondamentali della progettazione del sito nell’editor del sito.

Modificare l’intestazione

Questa guida ti mostrerà come personalizzare l’intestazione del tuo sito, dove solitamente compaiono il nome del sito, il logo e il menu.

Aggiunta di una barra laterale utilizzando l’Editor del sito

Molti siti web, in particolare i blog, hanno una barra laterale per visualizzare le informazioni aggiuntive, come un’immagine, un testo Informazioni, link ad altri articoli, profili di social media e molto altro. Questa guida ti mostrerà come aggiungere una barra laterale usando l’Editor del sito. Per usare il metodo descritto in questa guida, sul tuo…

Copied to clipboard!