Sitio web avanzado: Editor de columnas

Usa el editor de columnas para cambiar el fondo de una columna (color o imagen), añadir un borde o ajustar el espaciado interior y exterior. Usa las columnas para organizar el contenido en una fila.

Para configurar una columna:

1. Haz clic derecho en la columna. Aparecerá el menú del editor de columnas.

   Nota:

   Si la columna no tiene relleno, no se podrá acceder directamente con el clic derecho. Para acceder a la columna en este caso, haz clic derecho en un widget que está en la columna (esto debería abrir el menú contextual para el widget y anotar el nombre del mismo en la parte superior), haz clic en Seleccionar contenedor, selecciona Columna. Para verificar que has cambiado al menú contextual de la columna, consulta la parte superior; ahora debería decir Columna.

2. Haz clic en las flechas Mover columna a la izquierda y Mover la columna a la derecha para mover la columna actual hacia la izquierda o hacia la derecha (las flechas estarán deshabilitadas si solo hay una columna).

3. Para abrir el editor de diseño de columnas, haz clic en Editar diseño. Para más información, consulta Editor de diseño de columnas. Aparece el editor de diseño de columnas.

4. Haz clic en +Añadir y selecciona una de las siguientes opciones:

5. Columna. Agrega una nueva columna a la fila actual (se puede agregar un máximo de 4 columnas por fila).
6. Fila interna. Agrega una fila dentro de la columna actual.
7. Widget Abajo. Añade un widget.

8. Para borrar el espaciado interno dentro de la columna, haz clic en Relleno transparente.

9. Para restablecer el espaciado definido en el espaciado del tema, haz clic en Restablecer el espaciado predeterminado.

10. Para agregar una animación de entrada a la columna (por ejemplo, desvanecerse desde la derecha, rebotar, acercar), haz clic en Animación de entrada y selecciona una opción.

11. Para ocultar la columna actual en un dispositivo específico (computadora de escritorio, tableta, móvil), haz clic en Ocultar en el dispositivo y selecciona el dispositivo.

12. Para bloquear la columna para la edición del cliente, haz clic en Bloquear para edición de cliente.

13. Para copiar la columna, haz clic en Copiar.

14. Para anclar la columna a la página o eliminar un ancla existente, haz clic en Establecer como ancla o Editar ancla.

15. Para eliminar la columna, haz clic en Borrar.

Editor de diseño de columnas

Para editar el estilo de fondo o el espaciado de una columna:

1. Haz clic derecho en la columna y luego haz clic en Editar diseño.

   Nota:

   Si la columna no tiene relleno, no se podrá acceder directamente con el clic derecho. Para acceder a la columna en este caso, haz clic derecho en un widget que está en la columna (esto debería abrir el menú contextual para el widget y anotar el nombre del mismo en la parte superior), haz clic en Seleccionar contenedor, selecciona Columna. Para verificar que has cambiado al menú contextual de la columna, consulta la parte superior; ahora debería decir Columna.

2. En la pestaña Estilo, selecciona un Color de Fondo, una Imagen o un Vídeo. Tienes las siguientes opciones:

• Color.
  • Selecciona un Color de fondo. El color degradado anula la imagen y viceversa.
  • Haz clic en Borde para seleccionar un tipo de borde y mover el control deslizante para establecer el ancho del borde.
  • Para agregar una sombra, haz clic en el Sombra y selecciona un color, tipo y posición para la sombra.

• Imagen.
  • Para agregar una imagen al fondo, haz clic en + para abrir el selector de imágenes.
  • Para crear un control deslizante de imágenes de fondo, selecciona varias imágenes del selector de imágenes y consulta Control deslizante de imagen de fondo.
  • Selecciona esta opción para que la imagen se muestre como Cubrir, Imagen completa, Azulejo o No repetir.
  • Configura la posición, la superposición de fondo, el borde y la sombra de la imagen.
• Vídeo. Haz clic en Seleccionar vídeo para ver videos subidos o pegar la URL del video de YouTube, Vimeo o Dailymotion en el campo proporcionado. Para obtener más información sobre los fondos de vídeo, consulta Fondos de vídeo.

Control deslizante de imagen de fondo

Después de seleccionar varias imágenes en el selector de imágenes, haz clic en Listo. Una vez creado el control deslizante, selecciona una Transición de diapositivas desde el menú desplegable y mueve el control deslizante para seleccionar una Velocidad de deslizamiento (segundos).

Se pueden aplicar al control deslizante cualquiera de las otras opciones de imagen de fondo, como superposición de fondo, posicionamiento y estilo de visualización.