Integrazione / HTML /JS / CSS
WebAcappella Fusion consente l'inclusione di codici/script a più livelli.
WebAcappella FUSION è completamente indipendente dalla libreria JQuery, il che facilita l'integrazione di codici di terze parti (assenza di conflitti).
Nei componenti
- Un componente HTML consente di inserire un codice in qualsiasi punto della pagina.
- All'interno di ogni componente è possibile inserire il nome di una o più classi CSS. La definizione di queste classi può essere effettuata nelle proprietà della pagina o anche del sito.
Il selettore "magico"
Il selettore "magico" .$ di WebAcappella facilita la scrittura delle regole CSS per i tuoi elementi. Questo selettore verrà sostituito automaticamente dal selettore corrispondente al componente corrente.
Esempio in una pagina pubblicata con WebAcappella e un componente immagine: .$ { filter: sepia(1); } Il risultato sarà l'applicazione di un filtro "seppia" alla tua immagine.
Nelle pagine
- In ogni pagina, la sezione proprietà - codice HTML personalizzato consente di inserire codice CSS/JS.
Nel sito web
- Nella sezione delle proprietà generali del sito, la sezione codice HTML personalizzato consente di inserire codice CSS/JS. Ogni codice verrà automaticamente integrato in tutte le pagine.
Utilizzo di file all'interno dei codici HTML
Potrebbe essere necessario utilizzare file all'interno dei codici HTML. Prendiamo ad esempio l'integrazione di un file di animazione Lottie.
Un'animazione Lottie è composta da almeno 2 elementi nella pagina:
- Il codice del lettore Player Lottie Da inserire nel codice HEAD della tua pagina o anche nell'HEAD delle proprietà generali del sito.
- Il codice della tua animazione Lottie
Potrete inserire al posto del testo URL il file JSON corrispondente all'animazione di vostra scelta.
Troverete animazioni, tra le altre cose, sul sito:
Il risultato sarà un codice simile al seguente: