Editor de columnas

Nota

Esta información es específica del Editor clásico y no es relevante para el Editor 2.0 (anteriormente conocido como el Editor All-Flex). Para identificar la versión actual del editor, consulte Cómo identificar la versión del editor que utiliza el sitio.

Use el Editor de columnas para cambiar el fondo de la columna (color o imagen), añadir un borde o ajustar el espaciado interno y externo de la columna. Utilice columnas para organizar y disponer el contenido en una fila.

Advertencia

Antes de editar columnas, cree una copia de seguridad de su página web. Esto garantiza que podrá restaurar a una versión anterior de su página web si comete un error. Para obtener más información sobre cómo crear copias de seguridad de su página web, consulte Crear copia de seguridad de la página web.

Para configurar una columna:

  1. Haga clic derecho en la columna. Aparecerá el menú Editor de columnas.

    Nota

    Si no hay relleno en la columna, no se podrá acceder directamente al clic derecho. Para acceder a la columna en este caso, haga clic con el botón derecho en un widget que está en la columna (esto debe abrir el menú contextual para el widget y anotará el nombre de la parte superior), haga clic en Seleccionar contenedor, seleccione Columna. Para verificar que ha cambiado al menú contextual de la columna, consulte la parte superior; ahora debería decir Columna.

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

  3. Para abrir el Editor de diseño de columnas, haga clic en Editar diseño. Para obtener más información, consulte Editor de diseño de columnas. Aparecerá el Editor de diseño de columnas.

  4. Haga clic en +Añadir y seleccione una de las siguientes opciones:

  5. Columna. Añada una nueva columna a la fila actual (se puede añadir un máximo de 4 columnas por fila).
  6. Fila interna. Agregue una fila dentro de la columna actual.
  7. Widget a continuación. Agregue un widget.
  8. Para eliminar el espaciado interno dentro de la columna, haga clic en Eliminar relleno.

  9. Para revertir el espaciado a lo que había definido en el espaciado del tema, haga clic en Restablecer espaciado predeterminado.

  10. Para añadir una animación de entrada a la columna (por ejemplo, aparición gradual por la derecha, entrada con rebote, acercamiento), haga clic en Animación de entrada y seleccione una opción.

  11. Para ocultar la columna actual en un dispositivo específico (PC, tableta, móvil), haga clic en Ocultar en dispositivo y seleccione el dispositivo.

  12. Para copiar la columna, haga clic en Copiar.

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

  14. Para eliminar la columna, haga clic en Eliminar.

Editor de diseño de columnas

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

  1. Haga clic con el botón derecho en la columna y, a continuación, haga clic en Editar diseño.

    Nota

    Si no hay relleno en la columna, no se podrá acceder directamente al clic derecho. Para acceder a la columna en este caso, haga clic con el botón derecho en un widget que está en la columna (esto debe abrir el menú contextual para el widget y anotará el nombre de la parte superior), haga clic en Seleccionar contenedor, seleccione Columna. Para verificar que ha cambiado al menú contextual de la columna, consulte la parte superior; ahora debería decir Columna.

  2. En la pestaña Estilo, seleccione usar un Color, Imagen o Video de fondo. Tiene las siguientes opciones:
    • Color.
      • Seleccione un Color de fondo. Color en gradiente reemplaza la imagen, y viceversa.
      • Haga clic en Borde para seleccionar un tipo de borde y mueva el control deslizante para establecer el ancho del borde.
      • Para añadir una sombra, haga clic en el control Sombra y seleccione un color, un tipo y una posición para la sombra.
    • Imagen.
      • Para añadir una imagen al fondo, haga clic en + para abrir el selector de imágenes.
      • Para crear un control deslizante de imágenes de fondo, seleccione varias imágenes del selector de imágenes y consulte el Control deslizante de imágenes de fondo.
      • Seleccione esta opción para que la imagen se muestre como Portada, Imagen completa, Título o Sin repetición.
      • Configure la posición, la superposición de fondo, el borde y la sombra para la imagen.
    • Vídeo. Haga clic en Seleccionar video para ver los videos cargados o pegue la URL del video de YouTube, Vimeo o DailyMotion en el área proporcionada. Para obtener más información sobre los fondos de video, consulte Fondos de video.

Deslizador de imágenes de fondo

Después de seleccionar varias imágenes en el selector de imágenes, haga clic en Listo. Una vez que se crea el control deslizante, seleccione una Transición de las diapositivas en el menú desplegable y mueva el control deslizante para seleccionar una Velocidad de las diapositivas (segundos).

Cualquiera de las otras opciones disponibles para las imágenes de fondo, como Superposición del fondo, Posicionamiento y Estilo de presentación, se puede aplicar al deslizador.

Nota

Los deslizadores de imágenes de fondo también se pueden añadir a cualquier fila.