Stackable

Bloques de Stackable

  1. Acordeón
  2. Cita
  3. Llamada a la acción
  4. Tarjeta
  5. Columns/Container
  6. Contar hacia adelante
  7. Biblioteca de diseño
  8. Separador
  9. Ampliar/Mostrar más
  10. Cuadrícula destacada
  11. Característica
  12. Encabezado
  13. Hero
  14. Caja del icono
  15. Etiqueta del icono
  16. Lista con iconos
  17. Icono
  18. Caja de imagen
  19. Imagen
  20. Aviso
  21. Número de casilla
  22. Entradas
  23. Precio
  24. Caja de precios
  25. Separador
  26. Espaciador
  27. Subtítulo
  28. Miembro del equipo
  29. Recomendación
  30. Texto
  31. Mensaje emergente de vídeo
  32. Botón
  33. Botón del icono
  34. Botones sociales

Notas:

– En la opción bloque se encuentra el apartado de márgenes. Ideal para ajustar los bloques hacia cualquier posición de la pantalla. En Avanzado está la misma opción

1. Acordeón

Bloque acordeón

Este es bloque de párrafo que forma parte del bloque acordeón. Puede ser la respuesta a la pregunta
– Se puede ajustar la altura del bloque
– Cambiar el color de fondo del párrafo y del icono así como su opacidad
– Elegir la fuente del encabezado y ponerle sombra con color
– El bloque acordeón va dentro del bloque columna el cual podemos ajustar como por ejemplo quitar el color de fondo
– El bloque de párrafo (este) también va dentro del bloque columna

2. Cita

Varios bloques integrados: Icono y párrafo.Descripción de este bloque. Puedes utilizar este espacio para d escribir tu bloque.

3. Llamada a la acción

Llamada a la acción

Bloques integrados: enunciado, párrafo y botón. Cada bloque con sus respectivos ajustes

Carrito bebé

4. Tarjeta

Bloque tarjeta

Podría servir para anunciar un servicio ya que tiene los elementos básicos: imagen, enunciado, descripción y botón. Mirar a ver cómo queda en el bloque de columnas

Bloque tarjeta: tarjeta (se le puede añadir una imagen)+encabezado+subtítulo+botón.

5. Columns/Container

Hasta 6 tipos de configuraciones diferentes
Puede que sea complicado ajustar las imágenes

Niños

Subtítulo para este bloque

Descripción

6. Contar hacia adelante

10.000

7. Biblioteca de diseño

Este bloque está muy bien para copiar plantillas. Las plantillas que me gusten las pasaré a una página aparte de esta web.
También serviría para copiar diseños de bloques

Bloque encabezado

Bloque párrafo

Bloque tarjeta

Bloque subtítulo

Este bloque es tarjeta y está dentro de un bloque de columnas. Con dos tarjetas en este bloque está bien. Con 3 ya no queda bien si no está en pantalla completa

Button

Title 2

Subtitle for This Block

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Button

8. Separador

Se puede alargar poniendo pantalla completa



9. Ampliar/Mostrar más

10. Cuadrícula destacada

Un gran bloque: aunque las fotos sean de diferentes tamaños con los ajustes de margenes/tamaño se pueden cuadrar los textos
Queda mejor en ancho completo

Cuadrícula

Descripción de este bloque. Utiliza este espacio para describir tu bloque. Cualquier texto es válido. Descripción de este bloque. Puedes utilizar este espacio para describir tu bloque.

Botón

Productos

Descripción de este bloque. Utiliza este espacio para describir tu bloque. Cualquier texto es válido. Descripción de este bloque. Puedes utilizar este espacio para describir tu bloque.

Botón

Descripción de este bloque. Utiliza este espacio para describir tu bloque. Cualquier texto es válido. Descripción de este bloque. Puedes utilizar este espacio para describir tu bloque.

Servicios

Botón

11. Característica

Puede valer como caja de contenido al final de un post en el blog para captar suscripciones

Bloque característica

Este bloque anuncia la característica (puede servir para un procucto/servicio) con una imagen al lado más un botón

Botón

12. Encabezado

Se puede elegir el tipo de H: H1, H2, H3

De lujo que en AvanzadoMárgenes este bloque se pueda mover en cualquier dirección

13. Hero

Como el bloque característica pero sin foto

Descripción de este bloque. Utiliza este espacio para describir tu bloque. Cualquier texto es válido. Descripción de este bloque. Puedes utilizar este espacio para describir tu bloque.

14. Caja de icono

Caja del icono

Bloque formado por icono, encabezado y párrafo

15. Etiqueta de icono

Esto es un bloque párrafo

16. Lista de iconos

  • Lista de iconos
  • Diferentes posiciones
  • Se puede ajustar el tamaño del icono

17. Icono

Puede ir con enlace

18. Caja de imagen

Puede servir como anunciar un producto/servicio además, tiene enlace en un emoticono

Subtítulo para este bloque

Bloque de imagen

Dormitorio

19. Imagen

El bloque donde va metida la imagen se puede ajustar la altura

Se puede ampliar la imagen en estilo-altura y también en zoom
Se le pueden dar varias formas

Camión

Opción Overlay Blend Mode en Estilo: cambia la opacidad al pasar el cursor

20. Aviso

Título para este bloque

Bloque parecido a alguno de los anteriores. Tiene un aspa arriba-dcha para eliminar el aviso

Botón

21. Número de casilla

Valdría para un listado numérico o enumeración

22. Entradas

Queda bien para poner este bloque por ejemplo en la página de inicio como resumen de las entradas
Hasta 4 columnas. Lo ideal serían 3 columnas por fila
Creo que si en la entrada ponemos imagen destacada aparecerá dentro del contenedor

<!–- /stk-start:posts/template –->
<!–- /stk-end:post/template –->

23. Precio

99 .95 Este es el precio

24. Caja de precios

Este bloque lo veo muy completo

Boletus en salsa

18 .00

Boletus de temporada en salsa cremosa de verduras

Quiero degustarlo
  • Boletus natural
  • Con pan de hogaza
  • Salsa cremosa de verduras

25. Separador

Aparte de las líneas (bloque 8) existe este otro tipo más interesante
Probar en voltear vertical o horizontalmente

26. Espaciador

Bloque parecido al de Gutenberg

27. Subtítulo

Bloque subtítulo

28. Miembro del equipo

Jacinto

Biólogo

Descripción de este bloque. Utiliza este espacio para describir tu bloque. Cualquier texto es válido. Descripción de este bloque. Puedes utilizar este espacio para describir tu bloque.

29. Recomendación

Este bloque puede servir para testimonios

Nombre

Posición

30. Texto

Bloque de texto

31. Mensaje emergente de vídeo

Se elige una imagen de fondo del vídeo a modo de viñeta. Elegir una imagen/diseño xulo

Se copia una URL de un vídeo y se pega en: Bloque/Estilo

32. Botón

33. Botón del icono

34. Botones sociales

Se puede eliminar el que no queramos con las opciones barra de herramientas del bloque: seleccionar-eliminar botón del icono