Widget: Contenedor
contenedor | bloques | columnas
Última actualización
contenedor | bloques | columnas
Última actualización
El widget Contenedor sirve para crear bloques de contenido dentro de cada página. Bloque y contenedor significan exactamente lo mismo. Solo tienes que arrastrar y soltar en la posición que desees.
También puedes crear un bloque haciendo clic en el botón que te aparecerá entre cada contenedor. Con esta opción se te abrirá un menú donde podrás elegir un bloque prediseñado o empezar desde cero.
Por defecto, los contenedores solo tienen una columna. Puedes crear hasta cinco columnas en cada contenedor. También puedes añadir tantas filas como quieras, que a su vez podrás dividir en columnas.
Desde esta barra tienes las siguientes opciones:
Haciendo clic en el signo + puedes añadir una imagen de fondo sólo para este bloque.
En Color de fondo, puedes seleccionar un color predeterminado o introducir el código hexadecimal del color que quieras.
En Añadir fondo de vídeo puedes insertar un vídeo como fondo. Ten en cuenta que solo se aceptan vídeos de YouTube en esta opción. Tienes que copiar el enlace, seleccionar el volumen del audio y los segundos de inicio y fin del vídeo.
Añadir gradiente te permite crear un fondo con un degradado entre dos colores. Tienes que seleccionar un color inicial, otro final, si quieres que tenga forma lineal o radial y el ángulo.
En Añadir capa superpuesta se crea una capa de color encima del fondo del contenedor. Lo más habitual es disminuir la opacidad del color y crear una transparencia que deje ver lo que hay debajo. También puedes crear un gradiente.
Añadir divisor de bloques hace que la separación entre los diferentes bloques de contenido no sea una línea recta. Tienes un montón de formas donde elegir. Puedes ser ondas, flechas, formas inclinadas, etc.
Tienes la opción de elegir el color, colocar el divisor en la parte superior o inferior del bloque, y darle la vuelta a la forma o invertirla. Lo mejor es ir probando todas las opciones hasta que tengamos lo que más nos guste.
Añadir enlace de ancla sirve para crear enlaces dentro de la misma página, por ejemplo con un botón o un texto. De este forma llevamos al usuario exactamente al bloque de la página.
Los enlaces de ancla están disponibles en el menú de selección de enlaces, ya sea desde la misma página o desde otra.
Por último, si eres un usuario avanzado, puedes añadir una clase de CSS al bloque.
En Redimensionar contenedor puedes configurar el ancho y alto que tendrá el bloque dentro de la pantalla del navegador. Puede ser a ancho/alto completo o encuadrado. Es muy útil cuando quieres tener una imagen de fondo que ocupe toda la página.
Seleccionando la opción Mantener a altura completa en móvil, el bloque también ocupará todo la altura en pantallas de dispositivos móviles.
El contenedor se copia y queda guardado en la sección de elementos guardados. Solo hay que seleccionarlo y arrastrarlo adonde queramos
Borra directamente el contenedor con todos los elementos y widgets que contenga.
Tienes más opciones del contenedor en la parte derecha:
Ocultar el bloque: si no quieres que se publique el contenido pero tampoco no lo quieres borrar para siempre. El bloque pasa a ser un borrador.
Retrasar la aparición del bloque: Por ejemplo, si quieres que el usuario empiece a ver un vídeo y quieres mostrar algún reclamo mientras esté viéndolo. Solo tienes que indicar los minutos y segundos que se va a retrasar la aparición del bloque.
Subir o bajar la posición del bloque: Te permite subir o bajar una posición cada bloque, sin tener que arrastrar y soltar. Importante: ten cuidado de no bajar el bloque al área del footer, ya que si esto ocurre el bloque se verá en todas las páginas que tengan footer.
⚙️
↕
🗑️
