Demostraci贸n: Bloques EBT
Usando los m贸dulos EBT puedes crear f谩cilmente p谩ginas de aterrizaje sin necesidad de conocimientos en HTML/CSS.
F谩cil de usar con Layout Builder y bloques de Drupal
Los m贸dulos EBT crean tipos de bloque que puedes utilizar en Layout Builder:
As铆 puedes a帽adir un nuevo bloque con unos pocos clics en cualquier p谩gina creada con Layout Builder.
Aqu铆 tienes m谩s informaci贸n sobre el m贸dulo Layout Builder:
https://www.drupal.org/docs/8/core/modules/layout-builder
Contenido y configuraci贸n del bloque
En el formulario de edici贸n del bloque encontrar谩s dos pesta帽as: Contenido y Configuraci贸n. La pesta帽a de Contenido contiene campos como t铆tulos, textos, im谩genes, etc. La pesta帽a de Configuraci贸n incluye los ajustes comunes de EBT llamados "Opciones de dise帽o", por ejemplo DOM Box, y configuraciones espec铆ficas del m贸dulo: configuraciones de plugins JavaScript, estilos predefinidos:
DOM Box: m谩rgenes, bordes, rellenos
Cada bloque EBT tiene configuraciones DOM Box para establecer los espacios superior e inferior del bloque y los rellenos internos:
Puedes aplicar bordes a un solo lado, a dos lados o a todos los lados. No olvides indicar el tama帽o del borde en DOM Box, de lo contrario no aparecer谩.
Color de fondo, imagen o video
Todos los tipos de bloques EBT incluyen configuraciones de fondo. Se admite color de fondo, im谩genes y videos remotos mediante el m贸dulo Media.
Experimenta con DOM Box para mejorar el aspecto de los bloques, intenta a帽adir rellenos, m谩rgenes o bordes adicionales. Aqu铆 tienes un ejemplo del m贸dulo EBT Accordion/FAQ:
https://www.drupal.org/project/ebt_accordion
Background Video
EBT blocks support only YouTube background videos for now.
FAQ
驴D贸nde se re煤nen los programadores?
驴D贸nde se re煤nen los programadores?
En el sal贸n de Stack Overflow.
驴Puedes darme una nota musical de programaci贸n?
驴Puedes darme una nota musical de programaci贸n?
C#
En el campo Estilo de imagen de fondo puedes seleccionar el comportamiento para la imagen de fondo. Si tu imagen es demasiado peque帽a, intenta seleccionar "Cubrir" o "Parallax" para ajustar la imagen de fondo en todo el bloque:
Bloques de borde a borde
Muy a menudo en las p谩ginas de destino necesitamos tener un fondo de ancho completo y contenido centrado. En la configuraci贸n de EBT tienes la casilla de verificaci贸n "Borde a Borde" para hacer que el bloque ocupe todo el ancho del contenedor externo:
Resultado:
FAQ
驴Cu谩l es el sentido de la vida?
驴Cu谩l es el sentido de la vida?
42
驴Cu谩l es el problema de programaci贸n m谩s popular?
驴Cu谩l es el problema de programaci贸n m谩s popular?
Falta un punto y coma.
驴Cu谩les son las dos palabras que todo programador aprendi贸 a programar primero?
驴Cu谩les son las dos palabras que todo programador aprendi贸 a programar primero?
芦Hola, mundo.禄
驴D贸nde aprendieron a programar los programadores?
驴D贸nde aprendieron a programar los programadores?
En la Universidad de Stackoverflow.
驴Cu谩l es la regla de oro en la programaci贸n?
驴Cu谩l es la regla de oro en la programaci贸n?
Si funciona, no lo toques.
Anchura m谩xima del contenedor ayuda a ajustar el ancho del contenido dentro de tu bloque de Borde a Borde. Como adaptamos el bloque a todo el ancho, necesitamos establecer un ancho para el texto; a veces tenemos diferentes anchos para distintos bloques. Puedes cambiar los valores de las clases de Anchura m谩xima del contenedor; por defecto, EBT proporciona los siguientes anchos de contenedor:
- Auto (100 %) - Ancho completo para el contenedor de texto
- xxSmall - 280 px
- xSmall - 480 px
- Small - 780 px
- Default - 960 px
- Large - 1120 px
- xLarge - 1320
- xxLarge - 1600
Estilos predefinidos
Normalmente los m贸dulos EBT tienen una serie de estilos predefinidos. Esto ayuda a ahorrar tiempo al aplicar estilos a un nuevo componente en tu p谩gina de aterrizaje. Tambi茅n puedes crear tu propio estilo y a帽adirlo al m贸dulo EBT.
Resultado:
FAQ
Como programador, 驴d贸nde te ves dentro de 10 a帽os?
Como programador, 驴d贸nde te ves dentro de 10 a帽os?
Sentado frente a una computadora, probablemente programando.
驴Puedes resumir la vida de los programadores en cuatro palabras?
驴Puedes resumir la vida de los programadores en cuatro palabras?
Comer. Dormir. Programar. Repetir.
驴C贸mo disfrutan la vida los programadores?
驴C贸mo disfrutan la vida los programadores?
Cuando ven que su c贸digo se ejecuta sin errores.
驴Cu谩l es la mayor mentira en la programaci贸n inform谩tica?
驴Cu谩l es la mayor mentira en la programaci贸n inform谩tica?
HTML es un lenguaje de programaci贸n.
Es probable que los estilos predefinidos no se ajusten a tu sitio, por lo que puedes sobrescribirlos en tu tema personalizado. Si encuentras un error o deseas sugerir una mejora para los estilos o la funcionalidad de los m贸dulos EBT, no dudes en abrir un ticket en drupal.org para el m贸dulo EBT espec铆fico.
Plugins de JavaScript personalizables
Algunos m贸dulos de EBT como EBT Slideshow usan plugins de JavaScript:
https://www.drupal.org/project/ebt_slideshow
Puedes ajustar este plugin de JavaScript seg煤n tus necesidades:
Seg煤n tu configuraci贸n, EBT Slideshow puede ser un deslizador de una sola diapositiva o un carrusel de m煤ltiples diapositivas:
Modo de una diapositiva:
M煤ltiples diapositivas - modo carrusel:
Resultado:
Presentaci贸n de diapositivas - modo carrusel
隆Gracias por usar el m贸dulo EBT! Estar茅 encantado de recibir cualquier idea para los m贸dulos EBT:
Crea una incidencia en Drupal.org