Personalice el fondo de los elementos para que coincidan con el tema de su negocio con diseños llamativos y creativos. Elige entre las imágenes de fondo personalizadas de la galería de fotos, carga tus propias imágenes, usa fondos de vídeo o aplica colores y degradados para añadir un toque único a tu sitio
Nota
Para ver los fondos de página, consulte Fondo del tema.
Cualquier archivo (texto, imagen, vídeo o audio) subido al sistema está disponible públicamente. No se debe cargar ninguna información personal o confidencial. Para eliminar el archivo por completo, elimínelo del Gestor Multimedia.
.
Sugerencia
Todos los vídeos en segundo plano de YouTube muestran el título del vídeo y el nombre del usuario que lo ha subido antes de que comience a cargarse. No hay forma de eliminar estos elementos sin cambiar manualmente el CSS. Debido a este cambio, los vídeos de YouTube no se recomiendan para vídeos de fondo.
Para editar el fondo de los elementos:
-
Navegue hasta el Antecedentes sección.
-
Según el elemento, seleccione Color, Imagen, o Vídeo y selecciona el fondo deseado.
-
Algunos elementos también tienen la opción de utilizar controles deslizantes de imagen. Para crear un control deslizante de imágenes, selecciona varias imágenes Listo. Para obtener información detallada sobre los controles deslizantes de fondo, consulte Deslizadores de imagen de fondo.
-
Para obtener más información sobre las opciones de color, consulte Selector de color
-
-
(Opcional)Al seleccionar una imagen como fondo, haga clic enNo optimice esta imagenactiva esta opción para impedir la optimización si se utiliza una sola imagen (este ajuste aparecerá una vez que se haya seleccionado una imagen).
Algunos contenedores ofrecen la opción de agregar un control deslizante de imagen de fondo.
Para crear un control deslizante de fondo:
-
Navegue hasta el Antecedentes sección.
-
Haga clic Imagen.
-
Haga clic en el signo + y seleccione varias imágenes en lugar de una sola imagen en el selector de imágenes.
-
Haga clic Listo.
-
(Opcional) Una vez creado el control deslizante, puede configurar los ajustes de la diapositiva, como el estilo de transición de la diapositiva y la velocidad de la diapositiva, desde el menú de diseño de filas.
-
(Opcional) Cualquier otra opción de imagen de fondo, como la superposición del fondo, el posicionamiento y el estilo de visualización, se puede aplicar al control deslizante.
Una vez que se haya configurado una imagen o un control deslizante de imágenes, estarán disponibles opciones de configuración adicionales.
Si bien las opciones pueden variar, las dos más comunes son:
-
Estilos de visualización de imágenes: estas son las distintas formas en las que puede controlar la forma en que se muestran la imagen o las imágenes dentro del contenedor. Estas opciones le permiten ajustar la forma en que una imagen se ajusta, se repite o se estira para cubrir el área. Hay cuatro opciones
-
Portada: Estira la imagen para cubrir toda el área sin perder su relación de aspecto (dado que cubre el área del contenedor, es posible que partes de la imagen queden recortadas).
-
Imagen completa: Muestra la imagen completa. Si bien la imagen no se recortará, es posible que aparezcan barras a ambos lados o por encima y por debajo de la imagen, según el tamaño del contenedor
-
Azulejo: Repite la imagen completa en su tamaño original en forma de mosaico para rellenar el área. Si la imagen es más grande que el contenedor, no se repetirá
-
No se repetirá: muestra la imagen completa en su tamaño original sin repetirla. Si la imagen es más grande que el contenedor, se cortará. Si es más pequeña que el contenedor, habrá espacio alrededor de la imagen.
-
-
Posición: Esta configuración determina dónde se coloca la imagen, por ejemplo, en el centro, la parte superior, la inferior, la izquierda o la derecha del contenedor. La configuración de posición funciona junto con las opciones de visualización de la imagen para controlar cómo se muestra la imagen.
Usa fondos de vídeo para añadir rápidamente un vídeo de YouTube, Vimeo o Dailymotion. Los fondos de vídeo pueden captar la atención de los visitantes con contenido en movimiento y añadir un aspecto moderno y elegante a cualquier
Sugerencia
Todos los vídeos en segundo plano de YouTube muestran el título del vídeo y el nombre del usuario que lo ha subido antes de que comience a cargarse. No hay forma de eliminar estos elementos sin cambiar manualmente el CSS. Debido a este cambio, los vídeos de YouTube no se recomiendan para vídeos de fondo.
Para añadir un fondo de vídeo a un contenedor:
-
Ten un vídeo listo para subirlo o la URL para compartir de un vídeo que esté subido a YouTube, Vimeo o Dailymotion.
-
Haga clic con el botón derecho en el elemento al que desea añadir este fondo y, a continuación, haga clic Edite el diseño.
-
Navegue hasta el Antecedentes sección.
-
Haga clic enVídeopestaña. Dispone de las siguientes opciones:
-
Haga clic Subir vídeo y selecciona el vídeo que quieres subir. Puedes subir hasta 200 MB en todos los formatos. Puedes subir vídeos desde tu dispositivo, Facebook, Instagram, Dropbox, Google Drive o grabar un vídeo con tu cámara web
-
Pega la URL del vídeo que quieres usar en el cuadro de texto URL de YouTube, Vimeo o Dailymotion.
Nota
Los vídeos de YouTube no son compatibles con dispositivos móviles, ya que no se reproducen automáticamente en dispositivos iOS.
-
-
Los vídeos de YouTube no son compatibles con dispositivos móviles, ya que no se reproducen automáticamente en dispositivos iOS.
-
Los iPhones con batería en modo de bajo consumo no reproducirán automáticamente los vídeos de un sitio, sino que mostrarán un botón de reproducción.
-
Los vídeos de fondo no reproducirán sonido.
-
Los vídeos pueden tardar tiempo y ancho de banda en cargarse, y pueden distraer a los usuarios de los enlaces o textos importantes de la página, así que usa los vídeos con moderación.
-
Considera añadir una superposición con una mayor opacidad del fondo del vídeo para que el efecto sea más sutil.
-
Cuando añadas un vídeo de Dailymotion que forme parte de una lista de reproducción, asegúrate de añadir solo el enlace directo al vídeo (y omite el parámetro de la lista de reproducción, que tiene un aspecto parecido al siguiente:? lista de reproducción=x1x2f3). Si la URL de tu vídeo tiene este parámetro, simplemente elimínalo. Por ejemplo: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 sería https://www.dailymotion.com/video/x60ktex
Esto se debe a que la relación de aspecto de la imagen o el vídeo es diferente a la del contenedor.
Dependiendo de su objetivo, esto puede ser difícil de abordar. Si es necesario que la imagen o el vídeo quepan en un contenedor que cambie según el tamaño de la pantalla, no existe una solución perfecta para evitar que se corte. La parte visible de la imagen o el vídeo variará según el tamaño de la pantalla.
Si no es necesario que la imagen cubra toda el área, Imagen completa Se puede utilizar la opción de visualización de la imagen (consulte la sección de este artículo, Configuración de imagen de fondo).
Los fondos de vídeo no tienen actualmente una opción de vídeo completo. Ajustar la relación de aspecto del vídeo original puede solucionarlo.
Si el vídeo se añade mediante un enlace, el problema podría estar relacionado con la configuración de privacidad del vídeo. Para comprobarlo, prueba a usar un enlace de vídeo diferente. Si el nuevo vídeo funciona, significa que la configuración de privacidad del vídeo original impide que se muestre en el sitio.
La solución dependerá de la plataforma que aloje el vídeo, y es posible que su equipo de soporte pueda ayudarlo.