Con l’introduzione di V4, l’editor di Elementor sta facendo grandi progressi nel miglioramento della nostra interfaccia utente, rendendo la progettazione di siti web più veloce ed efficiente che mai. Durante l’utilizzo di V4, noterai una serie di modifiche.
Introduzione delle classi
La più grande novità della V4 è l’uso delle classi. L’aspetto di un elemento, il suo stile, è determinato dalle sue classi. Ogni elemento ha almeno una classe, chiamata locale, che viene utilizzata per definire lo stile di quel singolo elemento, mentre è possibile aggiungere facilmente altre classi. Le classi aumentano l’efficienza consentendo ai creatori di riutilizzare gli stili in tutto il sito.
Esempio: Alex sta costruendo un sito web e vuole utilizzare un font standard per la maggior parte del testo del sito. Crea una classe chiamata Testo che utilizza testo nero con un font sans serif a 12 punti. Ogni volta che crea un elemento, deve solo aggiungere la classe Testo e il testo verrà impostato su questo stile.
Per maggiori informazioni sulle classi, vedere:
- Classi in Elementor
- Il gestore di classi dell’editor di Elementor
- Stati degli elementi
- Dare priorità agli stili in conflitto
Standardizzazione
Gli elementi nell’editor di Elementor V3 utilizzavano tre schede per controllare il loro contenuto e stile: Contenuto, Stile e Avanzate. Nella V4, il numero di schede è stato ridotto e standardizzato. Ogni elemento ora ha due schede: Generale e Stile. La scheda Generale è personalizzata in base alle esigenze dell’elemento, mentre la scheda Stile è standardizzata per tutti gli elementi. Questo ti permette di unificare facilmente l’aspetto del tuo sito.
Per maggiori informazioni sugli stili V4, vedere:
- Scheda Stile – Layout
- Scheda Stile – Spaziatura
- Scheda Stile – Dimensione
- Scheda Stile – Posizione
- Scheda Stile – Tipografia
- Scheda Stile – Sfondo
- Scheda Stile – Bordo
- Scheda Stile – Effetti
- Aggiunta di uno sfondo a strati
Controlli più reattivi
Nell’editor di Elementor V3, i controlli reattivi si trovano nel pannello delle opzioni e vengono applicati a un numero limitato di opzioni. Nella V4, la modifica reattiva viene eseguita passando a una modalità reattiva.
Per maggiori informazioni sulla modifica reattiva, vedere:
Riepilogo
La tabella seguente riassume le modifiche che vedrai negli elementi V4:
| Modifiche alle funzionalità | Editor di Elementor V3 | V4 |
| Opzioni elemento | Tre schede disponibili nel pannello: Contenuto, Stile e Avanzate. Opzioni personalizzate per elemento. | Due schede disponibili nel pannello: Generale e Stile. Tutte le opzioni di stile sono standardizzate. |
| Classi | Impostazioni globali create tramite colori, font e widget globali. | Gli elementi vengono modificati e standardizzati utilizzando le classi. |
| Gestore di classi | Nessun gestore di classi | Il gestore di classi consente agli utenti di modificare e dare priorità a classi e stili. |
| Indicatori di classe | Nessun indicatore di classe | Gli indicatori di classe consentono agli utenti di capire quando le impostazioni di classe sono in conflitto tra loro e quali hanno la priorità . |
| Sfondi a strati | Nessuno sfondo a strati | Gli utenti possono creare sfondi multistrato |
| Sfondi sfumati | Limitato a due colori | Gli utenti possono aggiungere una quantità illimitata di colori agli sfondi sfumati |
| Ombreggiatura | Nessuna ombreggiatura a strati | Gli utenti possono creare ombreggiature multistrato |
| Elementi fissi | Gli elementi possono essere fissati alla parte superiore o inferiore della pagina | Gli elementi possono essere fissati alla parte superiore, inferiore, destra o sinistra della pagina. |
| Modifica reattiva | Modifica reattiva eseguita dal pannello delle opzioni. Solo le opzioni contrassegnate possono essere modificate per le modalità reattive. | Modifica reattiva eseguita utilizzando il pannello dell’editor superiore. Tutte le opzioni possono essere personalizzate per la modifica reattiva. |
| Codice HTML | Consentito in alcuni widget | Non consentito |
| Ripristina predefiniti | Molte opzioni possono essere ripristinate ai loro valori predefiniti facendo clic su un pulsante di ripristino. | Nessun ripristino ai valori predefiniti disponibile. |
