Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Personalizzazione del Design del Sito Web | Creazione di un Sito Web Completo da Zero
Creare un Sito Web Senza Codice con WordPress

bookPersonalizzazione del Design del Sito Web

Dopo aver installato il tema e importato un template iniziale, è il momento di personalizzare il sito web affinché rifletta il tuo brand e i tuoi contenuti.

Utilizzo del Personalizzatore di WordPress
expand arrow

Il Personalizzatore di WordPress consente di modificare il design del sito in tempo reale e vedere immediatamente le modifiche.

Per accedervi:

  • Vai su Aspetto → Personalizza dalla bacheca di WordPress;
  • Il Personalizzatore si aprirà con un'anteprima dal vivo del sito a destra e un menu di impostazioni a sinistra.

Le opzioni disponibili nel Personalizzatore variano in base al tema attivo. Utilizzando Astra con un Template Iniziale, sono generalmente disponibili le seguenti opzioni:

  • Impostazioni globali: regola font, colori e larghezza del contenitore;
  • Header e footer builder: modifica le aree superiore e inferiore del sito;
  • Menu e widget: gestisci la navigazione e gli elementi della sidebar.

Non è necessario esplorare tutte le impostazioni ora: concentrati solo sulle basi.

Regolazione degli Elementi Principali
expand arrow

Questi sono gli elementi principali da considerare quando si personalizza il design del sito web:

1. Colori e Tipografia

  • Vai su Globale → Colori per modificare i colori di sfondo, testo e link;
  • Vai su Globale → Tipografia per impostare font e dimensioni per titoli e testo del corpo.

2. Header e Footer

  • Clicca su Header Builder o Footer Builder nel Personalizzatore;
  • Verrà visualizzato un layout visivo dove puoi cliccare sulle diverse sezioni (logo, menu, icone social, ecc.) per modificarle;
  • Puoi anche rimuovere o riordinare gli elementi trascinandoli in nuove posizioni.
Aggiunta di Logo e Favicon
expand arrow

Se non hai caricato il logo durante l'importazione del template iniziale, puoi farlo ora.

Per aggiornare il logo:

  1. Vai su Header Builder → Titolo del sito & Logo;
  2. Clicca su Seleziona Logo e carica la tua immagine (preferibilmente PNG con sfondo trasparente).

Per aggiungere una favicon (icona della scheda del browser):

  1. Vai su Impostazioni Generali → Identità del sito;
  2. Sotto Icona del sito, carica un'immagine quadrata (consigliato 512x512 pixel).
Salvataggio delle Modifiche
expand arrow

Quando sei soddisfatto delle modifiche, clicca sul pulsante Pubblica in alto nel Personalizzatore per salvare tutte le modifiche.

question mark

Che cos'è una favicon in WordPress?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 7. Capitolo 2

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 3.45

bookPersonalizzazione del Design del Sito Web

Scorri per mostrare il menu

Dopo aver installato il tema e importato un template iniziale, è il momento di personalizzare il sito web affinché rifletta il tuo brand e i tuoi contenuti.

Utilizzo del Personalizzatore di WordPress
expand arrow

Il Personalizzatore di WordPress consente di modificare il design del sito in tempo reale e vedere immediatamente le modifiche.

Per accedervi:

  • Vai su Aspetto → Personalizza dalla bacheca di WordPress;
  • Il Personalizzatore si aprirà con un'anteprima dal vivo del sito a destra e un menu di impostazioni a sinistra.

Le opzioni disponibili nel Personalizzatore variano in base al tema attivo. Utilizzando Astra con un Template Iniziale, sono generalmente disponibili le seguenti opzioni:

  • Impostazioni globali: regola font, colori e larghezza del contenitore;
  • Header e footer builder: modifica le aree superiore e inferiore del sito;
  • Menu e widget: gestisci la navigazione e gli elementi della sidebar.

Non è necessario esplorare tutte le impostazioni ora: concentrati solo sulle basi.

Regolazione degli Elementi Principali
expand arrow

Questi sono gli elementi principali da considerare quando si personalizza il design del sito web:

1. Colori e Tipografia

  • Vai su Globale → Colori per modificare i colori di sfondo, testo e link;
  • Vai su Globale → Tipografia per impostare font e dimensioni per titoli e testo del corpo.

2. Header e Footer

  • Clicca su Header Builder o Footer Builder nel Personalizzatore;
  • Verrà visualizzato un layout visivo dove puoi cliccare sulle diverse sezioni (logo, menu, icone social, ecc.) per modificarle;
  • Puoi anche rimuovere o riordinare gli elementi trascinandoli in nuove posizioni.
Aggiunta di Logo e Favicon
expand arrow

Se non hai caricato il logo durante l'importazione del template iniziale, puoi farlo ora.

Per aggiornare il logo:

  1. Vai su Header Builder → Titolo del sito & Logo;
  2. Clicca su Seleziona Logo e carica la tua immagine (preferibilmente PNG con sfondo trasparente).

Per aggiungere una favicon (icona della scheda del browser):

  1. Vai su Impostazioni Generali → Identità del sito;
  2. Sotto Icona del sito, carica un'immagine quadrata (consigliato 512x512 pixel).
Salvataggio delle Modifiche
expand arrow

Quando sei soddisfatto delle modifiche, clicca sul pulsante Pubblica in alto nel Personalizzatore per salvare tutte le modifiche.

question mark

Che cos'è una favicon in WordPress?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 7. Capitolo 2
some-alt