Editor Studio: il pannello Ispezione

Tempo di lettura: 3 min.
Il pannello Ispezione è dove puoi modificare le proprietà di ogni elemento, sezione e pagina del sito. Scegli come ridimensionare gli elementi su diversi punti di interruzione, regola il design, aggiungi interazioni e molto altro ancora.
GIF che mostra le diverse parti del pannello Ispezione

Design

La scheda Design è la prima che vedi nel pannello Ispezione. Qui è dove puoi modificare l'aspetto, le dimensioni e la posizione degli elementi. 
  • Dimensioni e comportamento responsivo: visualizza la larghezza e l'altezza di un elemento e scegli come viene ridimensionato su schermi diversi
  • Design: modifica i colori, i bordi e la formattazione dell'elemento, aggiungi ombre e molto altro ancora. Le opzioni disponibili che vedrai qui dipendono dal tipo di elemento. 
  • Cursore: aggiungi un cursore personalizzato a un elemento, una sezione o una pagina 
  • Layout: regola la spaziatura, la visualizzazione e la griglia di sezioni, celle, contenitori, liste dinamiche e finestre flessibili
  • Posizione: regola l'ancoraggio e i margini dell'elemento in modo che rimanga al suo posto su schermi di diverse dimensioni. Qui puoi anche scegliere un tipo di posizione (es. fissa, adesiva)  
  • Regola: modifica l'aspetto di un elemento applicando delle trasformazioni (es. opacità, angolo, inclinazione)
  • Ancora: aggiungi un'ancora a un elemento o a una sezione in modo da poter collegarti direttamente ad esso 
Nota:
Alcune di queste sezioni sono disponibili solo per determinati elementi. 
Screenshot della scheda Design nel pannello Ispezione, che mostra le opzioni disponibili per un elemento di testo

Interazioni

La scheda Interazioni ti consente di aggiungere animazioni per attirare l'attenzione del pubblico. Dopo aver selezionato un elemento, una sezione o una pagina, scegli il tipo di animazione che desideri:
  • Entrata: animazione che appare al primo caricamento dell'elemento 
  • Passaggio del mouse: animazioni attivate dai visitatori che passano il mouse sopra con il cursore
  • Clic: animazioni attivate dai visitatori che cliccano su un elemento 
  • Scorrimento: animazioni che vengono attivate dai visitatori che scorrono la pagina verso l'alto e verso il basso
  • Loop: animazioni riprodotte ininterrottamente 
Screenshot della scheda Interazioni, che mostra un elemento di testo a cui sono applicate più animazioni

Contenuto

Cerchi ispirazione per i tuoi progetti? Accedi alla scheda Contenuti per avere idee per testo, tasti, immagini, forme e grafica vettoriale. Puoi filtrare i suggerimenti in base al tuo settore di attività o a qualsiasi altro termine di ricerca, in modo che siano più adatti alle tue esigenze. 
Screenshot della scheda Contenuti nel pannello Ispezione, che suggerisce idee per un paragrafo per una gelateria

Gestore contenuti

In Wix Studio, abbiamo spostato i dataset nel pannello Ispezione per renderli più facili da usare. 

Ora, quando accedi al pannello Ispezione e selezioni una pagina, puoi visualizzare tutti i dataset esistenti nella pagina. Puoi anche modificare le connessioni, regolare le impostazioni del dataset o aggiungere un nuovo elemento, tutto dal pannello Ispezione. 

Seleziona un elemento e clicca sull'icona Collega al Gestore Contenuti , per aprire automaticamente il pannello Ispezione. Nel pannello, è possibile collegare l'elemento a un dataset, gestire le connessioni, modificare le impostazioni del dataset o aggiungere un nuovo dataset. 

Screenshot delle opzioni di collegamento visualizzate nel pannello Ispezione.

Hai trovato utile questo articolo?