Variabili

Una variabile è fondamentalmente un soprannome per un certo valore. Ad esempio, se sto lavorando sul mio sito e voglio che il testo sia nel carattere Roboto, posso creare una variabile chiamata TextType e impostare il valore su Roboto. In tutto il mio sito posso impostare il testo in modo che utilizzi la variabile TextType. Anche se potrei ottenere lo stesso risultato semplicemente impostando il carattere su Roboto, il vantaggio di usare una variabile è che se cambio idea e decido di usare il carattere Arial invece di Roboto, posso semplicemente impostare la variabile TextType su Arial e la modifica avrà effetto su tutto il sito.

Per creare una variabile:

Le variabili sono attualmente limitate alla famiglia di font e al colore del testo. Nell’esempio seguente, creeremo una variabile per la famiglia di font.

1. Apri l’editor di Elementor.
2. Trascina un elemento Paragrafo nell’area di disegno.
3. Fai clic sulla scheda Stile.
   
4. Apri il campo Tipografia.
   
5. Nel campo Famiglia di font, fai clic sull’icona della variabile .
   
6. Se questa è la prima variabile che stai creando, fai clic su Crea una variabile. Se non è la tua prima variabile, fai clic sull’icona più nel popup della variabile.
7. Assegna un nome alla tua variabile. In questo caso, chiameremo la variabile Paragraph_text.
   
8. Inserisci Arial nel campo Valore.
   
9. Fai clic su Salva.

Per modificare una variabile:

In questo esempio, modificheremo la variabile che abbiamo creato sopra, cambiando il tipo di font in Roboto.

1. Apri il campo Tipografia come descritto sopra.
2. Passa con il mouse sopra il campo Famiglia di font.
3. Fai clic sull’icona della variabile.
   
4. Passa con il mouse sopra la variabile che desideri modificare.
5. Fai clic sull’icona a forma di matita accanto al nome della variabile.
   
6. Modifica il nome e/o il valore.
7. In questo caso, cambieremo il valore in Roboto.
   
8. Fai clic su Salva.
   
   Dove la variabile Paragraph_text viene utilizzata nel sito web, il font passerà a Roboto.

Variabili e classi

Le classi combinano una serie di stili in un’unica classe per velocizzare la creazione del sito. Per ulteriori informazioni sulle classi, consulta Classi in Elementor. Le variabili possono far parte di una classe.

Nell’esempio seguente, creeremo una classe che include una variabile.

1. Apri l’editor di Elementor.
2. Crea una variabile chiamata Paragraph_font con la famiglia di font Roboto. Vedi Crea una variabile sopra per i dettagli.
3. Trascina un elemento Intestazione nell’area di disegno.
4. Nella sezione Stile dell’elemento, crea una classe Heading_txt. Vedi Classi in Elementor per i dettagli.
   Assicurati di modificare la classe Heading_txt.
   
5. Apri il campo Tipografia.
   
6. Imposta la dimensione del font su 72 PX.
   
7. In Famiglia di font, fai clic sull’icona della variabile e crea una variabile chiamata Heading_font e imposta la famiglia di font su Arial.
   
8. Aggiungi una seconda intestazione sotto la prima e assegnale la classe Heading_txt.
   
   Entrambe le intestazioni dovrebbero apparire con un font Arial da 72 PX.
9. Nella seconda intestazione, fai clic sulla classe Heading_txt in modo da modificare questa classe e cambia la famiglia di font nella variabile Paragraph_txt.
   
   Entrambe le intestazioni dovrebbero ora visualizzare il font Roboto poiché la variabile Paragraph_txt fa parte della classe Heading_txt.