Widget contenedor
El widget contenedor te permite añadir widgets adicionales dentro de un contenedor específico, también conocido como bloque.
Los contenedores ayudan a organizar el contenido y estructurar los diseños de forma eficiente.
Ir a Widgets – Abre el panel de Widgets en tu editor.
Seleccionar "Contenedor" – Encuentra el widget Contenedor y añádelo a tu página.
Esto te permite agrupar elementos, mejorar el espaciado y aumentar la flexibilidad del diseño, ¡asegurando un aspecto limpio y estructurado!
Una vez que tu contenedor esté configurado, hay muchos ajustes disponibles para ayudarte a crear y diseñar la sección perfecta para tu página.
Echemos un vistazo más de cerca a los ajustes del contenedor.
A continuación verás:
Ajustes del bloque
Ajustes de la columna
Pestaña de visualización del bloque
Añadir bloque
Dentro de un contenedor puedes editar:
Color de fondo
Añadir vídeo
Degradados
Superposiciones
Divisores de forma
Puntos de anclaje
Elementos del contenedor
Antes de entrar en los detalles, echemos un vistazo a los principales elementos del contenedor.
Como en cualquier contenedor/bloque, puedes hacer divisiones y crear múltiples columnas horizontales y también columnas verticales. La imagen a continuación muestra el contenedor/bloque dividido en 3 columnas horizontales.
Para dividir el contenedor en hasta 5 columnas, coloca el cursor en la parte superior del contenedor o bloque seleccionado. Aparecerá un botón para realizar la división.
Nota: Cada columna puede redimensionarse al ancho que necesites. Además, también puedes añadir bordes y diferentes colores a cada columna.
En la imagen de abajo hemos añadido color a las columnas para que puedas ver visualmente a qué nos referimos.
Antes de continuar con cómo usar las columnas para tu contenido, hablemos de crear columnas verticales. Puedes añadir una nueva columna ya sea encima o debajo de las tres columnas existentes. Haz clic en el icono más (+) para añadir una nueva columna encima, por ejemplo.
Hemos añadido una nueva fila por encima de la anterior. Esta fila tiene dos columnas: blanca y negra como referencia.
Ahora tenemos un contenedor con:
2 columnas
3 columnas
Columna global
Las columnas globales agilizan tu proceso de diseño al permitirte usar el mismo bloque en varias páginas. Con la opción de columna global, puedes actualizar un lugar y los cambios se aplicarán automáticamente a todas las columnas que compartan la misma información de columna global.
Para crear una columna global, primero selecciona la columna deseada. Luego, navega al panel de ajustes emergente y selecciona 'Esta es una columna global'.
Después de la selección, aparecerá un menú desplegable. Para usuarios primerizos, solo habrá una opción disponible, como se ilustra a continuación:
Después de seleccionar la opción, nombra tu columna y haz clic en guardar. Ahora, tu columna es global. Esto significa que si copias y pegas esta columna en varias páginas de tu sitio web, cualquier edición realizada se reflejará en todas las instancias de la columna global.
La imagen de abajo muestra la columna que convertimos en columna global. Ninguna otra columna se verá afectada.
Para eliminar o renombrar una columna, o bien desmarca la opción o haz clic en el texto de renombrar.
Puntos de anclaje
Puntos de anclaje son secciones específicas de tu sitio web a las que diriges a los visitantes cuando hacen clic en un botón de llamada a la acción o en un enlace dentro del texto.
Si tienes un botón en tu sitio web que quieres que los visitantes pulsen, puedes enlazarlo a una sección específica en la misma página. Al hacer clic, llevará a los usuarios directamente a la sección donde el punto de anclaje está colocado.
Cómo añadir un punto de anclaje:
Navega a Ajustes del contenedor.
Selecciona Punto de anclaje.
Etiqueta tu punto de anclaje para referencia futura.
Añade el enlace del punto de anclaje a la llamada a la acción (por ejemplo, un botón).
Añadiendo tu punto de anclaje desde tu llamada a la acción
Selecciona tu llamada a la acción de origen. En este caso usaremos un botón.
Selecciona el punto de anclaje, luego elige la página, sección o paso del embudo donde se encuentra tu punto de anclaje. Tendrá la misma etiqueta que asignaste antes.
Ten en cuenta que puedes tener diferentes puntos de anclaje en distintos dispositivos ('Móvil y escritorio') si es necesario.
Asegúrate de haber guardado tu punto de anclaje si no aparece en el menú desplegable. Una vez guardado, aparecerá en la lista.
Ajustes adicionales del contenedor
Dentro del contenedor puedes controlar:
Retraso del contenedor
Ocultar/marcar contenedor como borrador
Posicionamiento del bloque/contenedor
Retraso del contenedor funciona igual que el retraso de cualquier widget: puedes elegir un marco temporal específico para que todo el contenedor aparezca cuando un visitante vea tu sitio web.
Ocultar o marcar un contenedor como borrador lo hará invisible para los visitantes del sitio web.
Por último, posicionamiento del bloque/contenedor te permite mover rápidamente tus contenedores hacia arriba y hacia abajo en la página.
Última actualización