Cómo Integrar Librerías En Tu Tema En Drupal

Usar librerías externas en Drupal 8 ahora es más fácil

Karolbryksa / CC BY-SA (https://creativecommons.org/licenses/by-sa/4.0)

Usar una librería externa en Drupal 8 es mucho más fácil que con Drupal 7. En este tutorial, utilizaré como ejemplo la librería Lightbox2. El nombre del tema de ejemplo será testing_subtheme.

Antes de comenzar, debes instalar Libraries API.

No cubriré en este tutorial cómo instalar un módulo, así que si no sabes cómo hacerlo, lee la documentación oficial.

Estos son los pasos:

• Ve a https://github.com/lokesh/lightbox2/releases y descarga el fichero zip/tar.gz con la última versión.
• Extraelo a la carpeta libraries y cámbiale el nombre a lightbox2. La ruta completa debe ser libraries/lightbox2.
• Edita testing_subtheme.libraries.yml y añade esto:

lightbox2:
  version: VERSION
  css:
    theme:
      /libraries/lightbox2/src/css/lightbox.css: {}
  js:
    /libraries/lightbox2/src/js/lightbox.js: {}

• Edita el fichero testing_subtheme.info.yml y añade esto:

libraries:
  - testing_subtheme/lightbox2

• Finalmente, limpia la caché.
• Refresca la página e inspecciona el código fuente. Deberías ver los ficheros CSS y JS.

👉 Encuentra más sobre mí aquí: https://sergioguardiola.net 🔥