El bloque de Fondo, al que a menudo se hace referencia como imagen «hero» o banner, se utiliza para añadir una imagen grande, un vídeo o un banner de texto a tu sitio. En esta guía te mostraremos cómo añadir un banner y seleccionar la imagen, el vídeo o el color que quieres mostrar.
En este vídeo aprenderás a usar el bloque de Fondo para añadir una cabecera visual o una sección de tipo banner a tu sitio de WordPress.com. Se explica cómo añadir una imagen de fondo o un vídeo, colocar texto u otros bloques encima, ajustar el diseño y el punto focal, personalizar la superposición y previsualizar el diseño en dispositivos móviles.
Puedes añadir una imagen de banner a tu sitio con el bloque de Fondo. Sigue estos pasos para añadir un banner a una página, entrada o a una plantilla:
- Ve al Escritorio de tu sitio.
- Según dónde quieras añadir el banner, ve a una página, entrada o plantilla y edítala o crea una nueva:
- Página: ve a la sección Páginas del menú.
- Entrada: ve a la sección Entradas del menú.
- Plantilla: ve a Apariencia → Editor y selecciona la plantilla.
- Haz clic en el icono + (insertador de bloques) y busca «fondo».
- O escribe /fondo donde veas «Escribe / para elegir un bloque».
- Haz clic en el icono de Fondo para insertar el bloque de Fondo:
Después de añadir un bloque de Fondo, selecciona el medio que se mostrará. Puedes elegir una de las siguientes opciones:
- Subir: haz clic en el botón «Subir» para seleccionar un archivo de tu ordenador.
- Seleccionar medios: busca medios en alguno de estos lugares:
- Biblioteca de medios: imágenes y vídeos que ya has subido a la biblioteca de medios de tu sitio.
- Tu teléfono: utiliza la aplicación móvil de Jetpack para subir archivos directamente desde tu teléfono.
- Generar con IA: proporciona una breve descripción del tipo de imagen que quieres usar y la IA creará el diseño.
- Google Fotos: selecciona archivos de tu cuenta de Google Fotos conectada.
- Pexels: busca imágenes gratuitas en la biblioteca de Pexels.
- Openverse: busca imágenes gratuitas en la biblioteca de Openverse.
- Usar imagen destacada: muestra la imagen destacada de la página o entrada, si se ha establecido. Al añadir un bloque de Fondo a una plantilla y seleccionar esta opción, se mostrará automáticamente la imagen destacada de cualquier página o entrada que use esa plantilla.
- Color: en lugar de añadir una imagen o un vídeo, elige un color sólido para el banner.
Después, puedes añadir contenido como texto y botones al banner, personalizar el diseño del banner y ajustar el diseño del banner.
Ten en cuenta lo siguiente al elegir una imagen para tu banner:
- Las imágenes decorativas o abstractas funcionan mejor, ya que es posible que la imagen completa no se muestre siempre en dispositivos móviles.
- Escribe el texto sobre la imagen, en lugar de diseñarlo dentro de la propia imagen. Así te aseguras de que el texto se adapte correctamente a todos los tamaños de pantalla.
- El bloque de Fondo utiliza la imagen como imagen de fondo y no cambiará su tamaño para mostrar todo el ancho de la imagen en dispositivos más pequeños. Con el ajuste del selector de punto focal, puedes elegir qué parte de la imagen destacar cuando se vea en pantallas más pequeñas.
- Si tienes contenido dentro de la imagen que deba mostrarse completo en todos los tamaños de pantalla, puedes usar un bloque Imagen en su lugar.
El bloque de Fondo admite imágenes, vídeos y colores sólidos. Para subir un vídeo al bloque de Fondo, sigue estos pasos:
- Añade un bloque Fondo a una página o entrada.
- En la barra de herramientas del bloque, haz clic en la opción «Añadir medios»:
- Elige una de las siguientes opciones:
- Subir: sube un archivo de vídeo desde tu ordenador (se requiere un plan compatible).
- Abrir biblioteca de medios: selecciona un archivo de vídeo que ya hayas subido.
- Insertar vídeo desde URL: pega una URL de YouTube, Vimeo u otro proveedor.
El bloque Fondo es decorativo, no funcional, por lo que no reproducirá el sonido de un archivo de vídeo. Si quieres incluir el audio del vídeo, utiliza el bloque VideoPress para que los vídeos se reproduzcan con sonido.
Después de añadir un bloque Fondo, puedes cambiar los medios en cualquier momento. Para reemplazar o eliminar los medios del banner:
- Ve al panel de tu sitio.
- Ve a la página, entrada o plantilla en la que se encuentra el banner.
- Selecciona la vista de lista en la esquina superior izquierda del editor.
- Haz clic en el bloque Fondo en la vista de lista.
- En la barra de herramientas del bloque, haz clic en el botón Reemplazar para elegir una nueva imagen o un nuevo vídeo.
Puedes elegir un nuevo archivo multimedia con una de las siguientes opciones:
- Abrir biblioteca de medios: selecciona una imagen que ya hayas subido.
- Subir: selecciona una imagen de tu dispositivo para subirla a tu sitio. Consulta los tipos de archivo compatibles.
- Usar imagen destacada: usa la imagen destacada de la página o entrada.
- Restablecer: elimina la imagen, pero deja el bloque Imagen en su lugar para que puedas elegir entre opciones como subir, seleccionar una imagen, generar con IA o insertar desde una URL.
- Tu teléfono: añade una imagen desde tu teléfono con la aplicación móvil de Jetpack.
- Generar con IA: genera una imagen con IA describiendo lo que quieres.
- Google Fotos.
- Biblioteca de fotos gratis de Pexels.
- Imágenes gratis de Openverse.
- Insertar vídeo desde URL: pega una URL de YouTube, Vimeo u otro proveedor
