Demostración: Párrafos EPT
Usando los módulos EBT puedes crear fácilmente páginas de destino sin necesidad de conocimientos de HTML/CSS.
Fácil de usar con Paragraphs
Los módulos EBT crean tipos de párrafos que puedes usar en campos de tipo Paragraph:
Así podrás añadir un nuevo párrafo en pocos clics en la página.
Aquí tienes más información sobre el módulo Paragraph:
https://www.drupal.org/docs/contributed-modules/paragraphs
Contenido y Configuración del Párrafo
En el formulario de edición del párrafo encontrarás dos pestañas: Contenido y Configuración. La pestaña Contenido contiene los campos: títulos, textos, imágenes, etc. La pestaña Configuración contiene los ajustes comunes de EPT "Opciones de diseño", como DOM Box, y configuraciones específicas del módulo: ajustes del plugin de JavaScript, estilos predefinidos:
DOM Box: márgenes, bordes, rellenos
Cada bloque EBT tiene configuraciones de DOM Box para establecer espacios por debajo y por encima del bloque, así como rellenos dentro del bloque:
Puedes establecer un borde solo en un lado, en dos lados o en 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 párrafo EPT tienen configuraciones de fondo. Se admite color de fondo, imágenes y videos remotos basados en el módulo Media.
Juega con DOM Box para mejorar el aspecto de los bloques, intenta agregar rellenos adicionales, márgenes o bordes. Aquí tienes un ejemplo del módulo EPT Accordion/FAQ:
https://www.drupal.org/project/ebt_accordion
Video de fondo
Los módulos EPT solo admiten videos de fondo de YouTube por ahora.
¿Dónde se reúnen los programadores?
¿Dónde se reúnen los programadores?
En el lounge de Stack Overflow.
¿Puedes darme una nota musical para programar?
¿Puedes darme una nota musical para programar?
C#
En el campo Background Image Style puedes seleccionar el comportamiento de la imagen de fondo. Si tu imagen es demasiado pequeña, intenta elegir "Cover" o "Parallax" para que la imagen de fondo ocupe todo el párrafo:
Párrafos de ancho completo (De borde a borde)
Muy a menudo en las páginas de aterrizaje es necesario usar un fondo de ancho completo y al mismo tiempo centrar el contenido. En la configuración de EBT hay una casilla llamada "Edge to Edge" que hace que el contenedor externo del párrafo se extienda a todo lo ancho:
¿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 aprende a codificar primero?
¿Cuáles son las dos palabras que todo programador aprende a codificar primero?
¡Hola, Mundo!
¿Dónde aprendieron a programar los programadores?
¿Dónde aprendieron a programar los programadores?
En la Universidad de Stack Overflow.
¿Cuál es la regla de oro en programación?
¿Cuál es la regla de oro en programación?
Si funciona, no lo toques.
Container Max Width ayuda a configurar el ancho del contenido dentro del bloque con la opción Edge to Edge. Como el bloque se estira a todo lo ancho, es necesario definir un ancho para el texto — a veces varía según el bloque. Puedes modificar los valores de las clases Container Max Width; por defecto, EBT ofrece las siguientes opciones de ancho para los contenedores:
- Auto (100%) — Ancho completo para el contenedor de texto
- xxSmall — 280px
- xSmall — 480px
- Small — 780px
- Default — 960px
- Large — 1120px
- xLarge — 1320
- xxLarge — 1600
Estilos predefinidos
Normalmente, los módulos EBT contienen un conjunto de estilos predefinidos. Esto ayuda a ahorrar tiempo en la estilización de un nuevo componente en tu página de aterrizaje. También puedes crear tu propio estilo y añadirlo al módulo EBT.
Resultado:
Como programador, ¿dónde te ves dentro de 10 años?
Como programador, ¿dónde te ves dentro de 10 años?
Sentado frente al ordenador, probablemente programando.
¿Puedes describir la vida de los programadores en cuatro palabras?
¿Puedes describir la vida de los programadores en cuatro palabras?
Comer. Dormir. Programar. Repetir.
¿Cómo disfrutan los programadores de la vida?
¿Cómo disfrutan los programadores de la vida?
Cuando ven que su código se ejecuta sin errores.
¿Cuál es la mayor mentira en programación?
¿Cuál es la mayor mentira en programación?
HTML es un lenguaje de programación.
Plugins de JavaScript personalizables
Algunos módulos EPT, como EPT Slideshow, utilizan plugins de JavaScript:
https://www.drupal.org/project/ept_slideshow
Puedes configurar este plugin de JavaScript según tus necesidades:
Modo de una sola diapositiva:
Varias diapositivas — modo carrusel:
¡Gracias por usar el módulo EBT! Estaré encantado de recibir cualquier idea para los módulos EBT: