frontend

frontend

Gutenberg

      Aunque en mi opinión, una de las cosas que me enamoró de Drupal en cuanto lo conocí, es la posibilidad de manipular, personalizar y saber encontrar, prácticamente dónde y cuando ocurren la mayoría de sus funcionalidades, entiendo que el objetivo principal de cualquier herramienta de desarrollo, debería ser facilitarnos la vida, además de ofrecernos grandes posibilidades a nuestro alcance.

Cursos Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

CSS Media Queries para Desktop, Tablet, Mobile

     Si piensas dedicarte a la maquetación web, es necesario que conozcas y entiendas bien, lo que en CSS se denomina como Media Queries.

     Las media queries (en español "consultas de medios") son útiles cuando deseas modificar tu página web o aplicación en función del tipo de dispositivo (como una impresora o una pantalla) o de características y parámetros específicos (como la resolución de la pantalla o el ancho del viewport del navegador).

Se utilizan para:

Media queries | www.drupaladicto.com - Consultor especializado en drupal y symfony

¿Cómo imprimir el logo de drupal en una plantilla twig?

Este código te permitirá imprimir el logo y el nombre del sitio utilizando en cualquier página de Drupal 8 y 9, recuerda que si necesitas utilizarlo en otro contenido que no sea una página, entonces la preprocess_function() deberá corresponderse con ese tipo de contenido.

Radix | Generar un Subtheme para Drupal

Radix es un theme base muy potente, que integrar Bootstrap, además de permitirte trabajar con Sass.

Imprime una imagen sin nada más en el template

Este código imprime en la plantilla, la imagen del campo TIPO IMAGEN para poder utilizarla como fondo dentro de un <div></div>

Imprime la url de una imagen desde Media en Twig

Este código imprime en una plantilla paragraphs.html.twig el campo "field_section_hero_image", configurado con el módulo media para subir las imágenes, en lugar de un campo imagen normal de Drupal 8.

Imprime imagen en una views template

Este código te permite acceder a la url de la imagen e imprimirla desde una plantilla tipo views-field

Imprime en la plantilla del paragraph imágenes dentro de un campo con múltiples valores

Cuando trabajamos con campos de múltiples valores, podremos acceder a cada valor por separado y así crear estructuras a medida.

Habilitar node ID dentro de la etiqueta <body> Drupal