4 formas de agregar librerías de JavaScript en Modyo

En Modyo, la carga de librerías externas es fácil de hacer y de mantener, aquí te mostramos el proceso de configuración basado en nuestros casos de uso más frecuentes.

1- Directamente desde un CDN

La primera y menos recomendada es cargar las librerías directamente desde el CDN donde están alojadas.

En la Plataforma Modyo, en tu Sitio, ve a Plantillas, abrimos el Snippet de cabecera y cargamos las librerías con la etiqueta script.

2- Globalmente en un Snippet 

Esta es la mejor opción a la hora de cargar librerías que vamos a utilizar en todo el sitio, para ello vamos a crear un nuevo snippet con el nombre de la librería que queremos añadir, si escribimos _js o _css como parte del nombre, nuestro editor establecerá la sintaxis correcta y nos ayudará con el Autocompletado.

Luego pegamos el código de la librería.

Luego pegamos el código del snippet en la hoja de estilos base de nuestro sitio.

3- En un snippet, dentro de un widget

Esto es muy similar al ejemplo anterior, pero ahora cargaremos el snippet dentro de un widget, para que sólo se cargue cuando se llame a este widget.

4- Crear un nuevo layout

Si tienes un sitio en el que necesitas que muchas páginas carguen estas librerías, lo mejor es generar diferentes Layouts y añadir esos layouts individualmente a las páginas correspondientes.

Para ello, dentro de la Plataforma Modyo, ve a Plantillas, haz clic en + para añadir un nuevo Layout. Escribe un nombre que identifique el nuevo Layout.

Luego, crea un nuevo archivo JS haciendo clic en el + junto a la sección de JavaScript y dentro de este nuevo archivo, pega el snippet de la librería. (puedes pegarlo directamente o también puedes pegarlo como un snippet).

Por último, volvemos al layout 'Vue' y pegamos el código de la hoja JS debajo del head. Haz clic en Guardar y publica tu Layout.

Ahora puedes aplicar este Layout a tus páginas. Ve a una página y en sus propiedades, ahora puedes ver y aplicar el nuevo Layout.

Foto por James Harrison en Unsplash.