Dopo aver creato un sito con il generatore di siti web con l’IA, puoi personalizzarne il design e il layout utilizzando i prompt dell’IA. Questa guida ti mostrerà come utilizzare l’IA per finalizzare il design del tuo sito web.
Questa funzionalità è disponibile per i nuovi siti web con piani WordPress.com Premium e Business. Puoi provarla gratuitamente (fino a un massimo di 30 prompt) ed effettuare l’aggiornamento per lanciare il sito e continuare a personalizzarlo.
Puoi continuare ad aggiornare, modificare e aggiungere contenuti al tuo sito web sia con l’IA che con la modifica manuale. Per lavorare sul tuo sito con l’IA:
- Visita la pagina dei Siti.
- Seleziona il tuo sito e fai clic sul pulsante “La mia home“.
- Il passaggio successivo dipende dal piano del sito:
- I siti di prova gratuiti arriveranno direttamente nell’editor per riprendere le modifiche.
- I siti aggiornati arriveranno nella bacheca del sito, dove puoi andare in Aspetto → Editor per riprendere le modifiche.
- Fai clic sull’icona a quattro punte nella parte inferiore dello schermo per aprire AI Assistant:
Per aggiornare lo schema dei colori del tuo sito usando l’IA, segui questi passaggi:
- Fai clic sull’icona dell’IA a forma di stella a quattro punte per aprire la finestra dei prompt.
- Digita un prompt come: “Cambia i colori” o “Voglio cambiare l’intero schema dei colori del sito e utilizzare tinte pastello“.
- Ti verranno fornite delle palette di colori tra cui scegliere. Fai clic su un colore per vedere l’aspetto del nuovo schema sul tuo sito.
- Dopo aver selezionato lo schema dei colori desiderato, fai clic sul pulsante Salva per salvare la modifica.
Per scegliere manualmente uno schema dei colori, vai ad Aspetto → Editor → Stili → Colori e seleziona una nuova palette di colori (opzione non disponibile nella prova gratuita).
Se lo schema dei colori generale del sito ti soddisfa ma vuoi cambiare il colore di una determinata sezione o di un elemento specifico, procedi come segue:
- Fai clic sull’elemento (ad esempio, una porzione di testo o un pulsante) o sulla sezione specifica che desideri ricolorare.
- Apri la finestra dei prompt dell’IA.
- Digita la tua richiesta per cambiare il colore. Puoi descrivere il colore o chiedere un codice cromatico specifico:
“Colora questo pulsante di un giallo brillante”.
“Imposta come sfondo dell’intestazione il colore #FFB514”. - Fai clic sul pulsante Salva per salvare la modifica di colore o sull’icona della freccia indietro per annullarla.
È possibile aggiungere nuove sezioni al layout di una pagina:
- Fai clic su una sezione esistente a cui desideri aggiungere la nuova sezione.
- Apri la finestra dei prompt dell’IA.
- Digita un prompt come:
“Aggiungi una sezione delle testimonianze sotto Informazioni”.
“Inserisci una sezione con la tabella dei prezzi nella homepage”. - Controlla la nuova sezione. L’IA potrebbe fornirti più layout tra cui puoi scorrere utilizzando i pulsanti freccia sinistra e destra.
Modifica il layout del tuo sito spostando le sezioni come segue:
- Fai clic sulla sezione che desideri spostare.
- Apri la finestra dei prompt dell’IA.
- Digita:
“Sposta la sezione Servizi sopra Testimonianze”.
“Sposta la sezione Contatti in alto”.
Se è necessaria una messa a punto più precisa, è possibile selezionare manualmente una sezione utilizzando la Visualizzazione in modalità elenco. Apparirà una barra degli strumenti con la sezione selezionata e frecce su e giù per spostarla in una nuova posizione:
Elimina sezioni o elementi indesiderati in pochi semplici passaggi:
- Fai clic sulla sezione o sull’elemento che desideri rimuovere.
- Apri la finestra dei prompt dell’IA.
- Scrivi:
“Rimuovi la sezione FAQ dalla homepage”.
“Elimina il blocco galleria extra in Informazioni”. - Fai clic sul pulsante Salva per salvare la modifica o sull’icona della freccia indietro per annullarla.
È anche possibile rimuovere manualmente qualsiasi blocco selezionandolo, facendo clic sull’icona ⋮ e scegliendo l’opzione Elimina.
Le possibilità con la creazione di siti web con l’IA sono infinite. Ecco altri esempi di prompt con modifiche al design che puoi chiedere all’IA di apportare per te:
- Cambia la palette di colori per usarne una di blu e grigi.
- Rendi tutti i pulsanti arrotondati e blu.
- Rendi bianco il colore di sfondo.
- Sostituisci il font con uno più moderno e sans-serif.
- Utilizza un carattere grande in grassetto per i titoli di tutti gli articoli.
- Aggiungi una sezione hero alla homepage.
- Cambia il layout in modo che sia composto da una singola colonna.
- Riorganizza il piè di pagina in modo che vengano mostrati prima i link social.
- Aggiungi una sezione di invito all’azione sopra il piè di pagina.
- Cambia lo stile del menu in modo da ottenere una barra laterale verticale.
- Ingrandisci il logo del sito nell’intestazione.
- Aggiungi una sezione dedicata alle testimonianze sotto il contenuto principale.
- Utilizza un layout a griglia per le immagini della galleria.
- Aggiungi un modulo di iscrizione alla newsletter in fondo alla pagina.
- Metti in evidenza la barra di navigazione in modo che resti in primo piano.
- Aggiungi più spazio bianco tra le sezioni.
- Centra tutti i titoli in ogni pagina.
- Utilizza uno sfondo chiaro con testo scuro in tutto il sito.
- Aggiungi delle ombreggiature discrete alle immagini.
- Aumenta la spaziatura tra i paragrafi.
- Cambia l’ordine delle sezioni nella homepage.
- Rendi circolari le immagini dei membri del team.
- Utilizza un gradiente colorato per lo sfondo della pagina.
- Aggiungi icone alla sezione dedicata ai servizi.
- Per lo sfondo usa colori pastello tenui.
- Sostituisci tutti i titoli con un font che ricordi la scrittura a mano libera.
- Aggiungi un divisore tra ogni sezione.
- Utilizza pulsanti di invito all’azione grandi in grassetto.
- Rendi i titoli tutti in maiuscolo.
- Aggiungi una sezione introduttiva nella parte superiore di ogni pagina.
Supporto 