Inizia qui

Stile

Cominciamo con lo stile del modello.

Colori

Il modello Web3 X è costruito utilizzando i Color Swatch, il che significa che è possibile modificare facilmente un campione di colore da aggiornare in tutto il sito.

Per farlo, è sufficiente andare nella scheda Stile nella barra laterale destra, quindi scorrere fino a Colori nella sezione Tipografia; facendo clic sul colore, sarà possibile vedere tutti i campioni di colore e modificarli per aggiornarli in tutto il sito con qualsiasi colore necessario.

Caratteri

Il template Web3 X utilizza un unico font in tutto il sito, impostato nel selettore Body (All Pages), il che significa che è possibile aggiornare facilmente il font in tutto il sito con un solo clic.

In qualsiasi pagina, basta fare clic sul selettore arancione in alto a destra nella scheda Stile e selezionare Corpo (tutte le pagine). Una volta fatto questo, si può andare alla sezione Tipografia e cambiare il carattere con uno qualsiasi del proprio marchio aziendale.

Nel caso in cui abbiate bisogno di un font personalizzato o premium che non è disponibile su Webflow, potete sempre andare su Impostazioni progetto > Font e sarete in grado di caricare font personalizzati o di collegare il vostro account Adobe Fonts.

Grafica e icone

Alcune icone o elementi grafici del modello sono normali immagini/grafiche, quindi si noterà che quando si aggiornano tutti i colori, questi avranno ancora il colore del modello.

Questo accade perché questi elementi grafici sono immagini (PNG, JPG, SVG, ecc.), quindi l'aggiornamento del CSS (styling) di Webflow non li influenzerà. Se desiderate riutilizzare questi elementi grafici, potete sempre scaricarli e modificarli con qualsiasi software di progettazione (ad esempio Photoshop, Illustrator, Sketch, Figma, ecc.), oppure caricare direttamente le vostre immagini/grafiche che corrispondono al vostro marchio.

Pagine statiche

I contenuti statici sono tutti i contenuti che non sono basati su CMS, il che significa che non sono dinamici (come i post di un blog, ad esempio).

È possibile identificare facilmente tutti questi contenuti perché sono visualizzati in grigio nel Navigatore della barra laterale sinistra e presentano un bordo blu quando si fa clic o si passa il mouse su di essi.

Se si desidera modificare questo tipo di contenuto, è sufficiente fare doppio clic su di esso per poterlo digitare direttamente.

Contenuto dinamico (CMS)

I contenuti dinamici sono tutti i contenuti dinamici che verranno generati automaticamente in base ai contenuti aggiunti nella sezione CMS nella barra laterale sinistra (appena sotto l'icona Pagine).

È possibile identificare facilmente tutto questo perché è visualizzato in viola nel Navigatore della barra laterale sinistra e mostra un bordo viola quando si fa clic o si passa il mouse su di esso.

Questo contenuto deve essere aggiornato direttamente nella sezione CMS. Questo per facilitare l'aggiornamento, dato che è molto probabile che debba essere costantemente aggiornato (ad esempio, l'aggiunta di un nuovo post sul blog).

Inoltre, se si desidera modificare una pagina CMS generata automaticamente (ad esempio, un post del blog), questa pagina è disponibile per la modifica nella parte inferiore di tutte le pagine nella sezione Pagine della barra laterale sinistra.

Prodotti (eCommerce)

I prodotti o i contenuti eCommerce funzionano in modo simile ai contenuti dinamici del CMS, ma si concentrano esclusivamente sui prodotti eCommerce.

Il contenuto dell'e-commerce può essere identificato in modo simile a quello del CMS, in quanto viene visualizzato in viola nel Navigatore della barra laterale sinistra e con un bordo viola quando si fa clic o si passa il mouse su di esso.

Questo contenuto deve essere aggiornato direttamente nella scheda eCommerce nella barra laterale sinistra. Questo per facilitare l'aggiornamento, dato che è molto probabile che debba essere costantemente aggiornato (ad esempio, la modifica del prezzo di un prodotto o l'aggiunta di scorte).

Inoltre, se volete modificare la pagina eCommerce del prodotto autogenerato, troverete questa pagina disponibile per la modifica quasi in fondo a tutte le pagine, appena sopra le pagine delle collezioni CMS.

Note utili

Oltre alle principali spiegazioni di base che abbiamo condiviso sopra, qui condividiamo alcuni consigli e suggerimenti che provengono dalle domande più comuni che riceviamo.

Interazioni

Se si desidera modificare un'interazione di un modello (ad esempio, rimuovere un effetto di apparizione), è possibile identificare facilmente gli elementi che hanno interazioni, poiché questi hanno una piccola icona di interazione (un piccolo tuono) nel Navigatore della barra laterale sinistra.

Facendo clic sull'icona delle interazioni, si aprirà la scheda Interazioni della barra laterale destra per questo elemento, dove è possibile modificare l'interazione.

Vista mobile o tablet

Ogni volta che si apporta una modifica (ad esempio, si crea un nuovo progetto di sezione), è buona norma andare nella navigazione superiore del Viewport e vedere come appare su Tablet e Mobile.

Se si modifica solo una sezione del modello con testo o immagini aggiornate e non si cancella nessuna classe del modello, questa operazione non dovrebbe essere necessaria; tuttavia, se si personalizza il modello in modo più profondo, si modificano le classi o si creano nuove sezioni, è sempre bene modificare costantemente le visualizzazioni per cellulari e tablet per assicurarsi che tutto sia perfetto.

Modifica di Meta Titolo, Descrizione e Immagine in primo piano

Se desiderate personalizzare il Titolo, la Descrizione e l'Immagine che vengono mostrati quando condividete il vostro sito web in qualsiasi luogo (ad esempio, Facebook, Twitter, ecc.), potete facilmente andare alla sezione Pagine nella barra laterale sinistra, fare clic sulla piccola icona Impostazioni della pagina che desiderate personalizzare e appariranno tutte queste impostazioni.

È importante modificarlo in base alla pagina.

Backup

Se qualcosa va storto, ad esempio se non vi piace la direzione in cui sta andando il sito web, se avete cancellato alcune classi critiche che erano necessarie per dare un aspetto gradevole al template o se volete semplicemente tornare a una versione precedente per qualsiasi motivo, potete sempre andare nella sezione Backup.

È possibile trovarlo nella sezione Impostazioni nella barra laterale di sinistra e vedere tutti i backup automatici o manuali. Il ripristino del vecchio backup è a portata di clic.