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.

Importante:

Antes de editar las columnas, crea una copia de seguridad de tu sitio. Esto te permitirá restaurar una versión anterior si cometes un error. Para más información sobre cómo hacer una copia de seguridad de tu sitio, consulta Sitios de respaldo.

Para configurar una columna:

  1. Haga clic derecho en la columna. Aparecerá el menú del 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 derecho en una 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), haga clic Seleccionar contenedor, seleccionar Columna. Para verificar que haya cambiado al menú contextual de la columna, consulte la parte superior; ahora debería decir Columna.

  2. Haga clic en el Mover columna a la izquierda y Mover la columna a la derecha flechas 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, haga clic en Editar diseño. Para más información, consulte Editor de diseño de columnas. Aparece el editor de diseño de columnas.

  4. Hacer clic +Añadir y seleccione una de las siguientes:

  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ñadir un widget.
  8. Para borrar el espacio interior dentro de la columna, haga clic en Relleno transparente.

  9. Para revertir el espaciado al definido en el espaciado del tema, haga 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), haga clic en Animación de entrada y seleccione una opción.

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

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

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

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

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

Editor de diseño de columnas

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

  1. Haga clic derecho en la columna y luego haga clic 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 derecho en una 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), haga clic Seleccionar contenedor, seleccionar Columna. Para verificar que haya cambiado al menú contextual de la columna, consulte 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.
    • Seleccione un Color de fondo. El color degradado anula la imagen y viceversa.
    • Hacer clic Borde para seleccionar un tipo de borde y mover el control deslizante para establecer el ancho del borde.
    • Para agregar una sombra, haga clic en el Sombra alternar y seleccionar un color, tipo y posición para la sombra.
  • Imagen.
    • Para agregar 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 vea Control deslizante de imagen de fondo.
    • Seleccione esta opción para que la imagen se muestre como una Cubrir, Imagen completa, Azulejo, o No repetir.
    • Configure la posición, la superposición de fondo, el borde y la sombra de la imagen.
  • Vídeo. Haga clic. 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, consulte Fondos de video.

Control deslizante de imagen de fondo

Después de seleccionar varias imágenes en el selector de imágenes, haga clic en Listo. Una vez creado el control deslizante, seleccione un Transición de diapositivas desde el menú desplegable y mueva el control deslizante para seleccionar uno 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.

Nota:

También se pueden agregar controles deslizantes de imágenes de fondo a cualquier fila.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0