Integración / HTML /JS / CSS
WebAcappella Fusion permite la inclusión de código/scripts en varios niveles.
WebAcappella FUSION es totalmente independiente de la biblioteca JQuery, lo que facilita la integración de códigos de terceros (sin conflictos).
En los componentes
- Un componente HTML permite colocar un código en cualquier lugar de su página.
- Dentro de cada componente, puede introducir el nombre de una o varias clases CSS. La definición de estas clases se puede realizar en las propiedades de la página o incluso del sitio.
El selector «mágico»
El selector «mágico» .$ de WebAcappella facilita la escritura de reglas CSS para tus elementos. Este selector se sustituirá automáticamente por el selector correspondiente al componente actual.
Ejemplo en una página publicada con WebAcappella y un componente de imagen: .$ { filter: sepia(1); } El resultado será la aplicación de un filtro «sepia» a tu imagen.
En las páginas
- En cada página, la sección propiedades - código HTML personalizado permite introducir código CSS/JS.
En el sitio web
- En la sección de propiedades generales del sitio, la sección de código HTML personalizado permite introducir código CSS/JS. Cada código se integrará automáticamente en todas las páginas.
Uso de archivos en sus códigos HTML
Es posible que necesite utilizar archivos en sus códigos HTML. Tomaremos como ejemplo la integración de un archivo de animación Lottie.
Una animación Lottie se compone como mínimo de dos elementos en la página:
- El código del reproductor Lottie Se debe colocar en el código HEAD de su página o incluso en el HEAD de las propiedades generales del sitio.
- El código de su animación Lottie
Podrá insertar, en lugar del texto URL, el archivo JSON correspondiente a la animación que desee.
Encontrará animaciones, entre otras cosas, en el sitio web:
El resultado será un código similar al siguiente: