El bloque de fondo, a menudo denominado 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 enseñamos a añadir un banner y seleccionar la imagen, el vídeo o el color que quieras mostrar.
Este vídeo está en inglés.
YouTube ofrece funciones de traducción automática para que puedas verlo en tu idioma:
Para subtítulos automáticos:
- Reproduce el vídeo.
- Haz clic en ⚙️ Ajustes (abajo a la derecha).
- Elige Subtítulos/CC → Traducción automática.
- Selecciona tu idioma.
Para audio doblado automáticamente (experimental):
- Haz clic en ⚙️ Ajustes.
- Selecciona Pista de audio.
- Selecciona el idioma en el que quieras escuchar el vídeo.
ℹ️ Las traducciones y doblajes son generados por Google, pueden no ser perfectos y aún no están disponibles para todos los idiomas.
Puedes añadir una imagen a tu sitio con el bloque de fondo. Sigue estos pasos para añadir un banner a una página, a una entrada o a una plantilla:
- Dirígete al escritorio de tu sitio.
- En función de dónde quieras añadir el banner, ve a una página, entrada o plantilla, y edita o crea una:
- Página: ve a la sección Páginas del menú.
- Entrada: ve a la sección Entradas del menú.
- Plantilla: accede a Apariencia → Editor y elige la plantilla.
- Haz clic en el icono + (insertador de bloques) y busca «fondo».
- O escribe /cover donde veas «Escribe / para elegir un bloque».
- Haz clic en el icono de fondo para insertar el bloque de fondo:
Después de haber añadido un bloque de fondo, selecciona los medios que se mostrarán. 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: permite elegir un archivo que ya esté subido a la biblioteca de medios de tu sitio.
- Tu teléfono: utiliza la aplicación móvil de Jetpack para subir medios 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 medios de tu cuenta de Google Fotos conectada.
- Pexels: busca imágenes gratuitas en la biblioteca de Pexels.
- Openverse: busca imágenes gratuitas de la biblioteca de Openverse.
- Usar imagen destacada: muestra la imagen destacada de la página o entrada, si está configurada. Al añadir un bloque de fondo a una plantilla y seleccionar esta opción, se muestra automáticamente la imagen destacada de cualquier página o entrada que utilice esa plantilla.
- Color: en lugar de añadir una imagen o vídeo, elige un color sólido para el banner.
A continuación, 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 de estilo decorativo o abstracto son las que mejor quedan, ya que es posible que no se muestre la imagen completa en dispositivos móviles.
- Escribe el texto sobre la imagen en lugar de diseñar el texto dentro de la imagen en sí. De esta manera, te aseguras de que el texto se adaptará correctamente a los distintos tamaños de pantalla.
- El bloque de fondo utiliza la imagen como imagen de fondo, pero no cambia el tamaño de esta para que se muestre el ancho completo en dispositivos más pequeños. Utilizando el ajuste del selector de punto focal, puedes seleccionar qué parte de la imagen enfocar cuando se visualiza en pantallas más pequeñas.
- Si la imagen que se mostrará en dispositivos de todos los tamaños tiene contenido, es mejor que utilices un bloque Imagen.
El bloque de fondo admite imágenes, vídeos y colores sólidos. Para subir un vídeo al bloque de fondo, debes tener un plan de WordPress.com que admita la subida de vídeos. Las subidas de vídeos están incluidas en el plan Premium y superiores. Con un plan que incluya la subida de vídeos, podrás seleccionar vídeos cuando elijas los medios de tu banner.
El bloque de fondo es decorativo en lugar de funcional, por lo que no reproducirá ningún sonido de un archivo de vídeo. En su lugar, utiliza el bloque VideoPress para que los vídeos se reproduzcan con sonido.
Después de añadir un bloque de fondo, puedes cambiar los medios en cualquier momento. Para reemplazar o eliminar los medios de tu banner, sigue estos pasos:
- Dirígete al escritorio 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 de fondo de la vista de lista.
- En la barra de herramientas del bloque, haz clic en el botón Reemplazar para elegir una nueva imagen o vídeo.
Puedes elegir un nuevo archivo multimedia mediante una de las siguientes opciones:
- Abrir biblioteca de medios: elige una imagen o vídeo que tengas en tu biblioteca de medios o en otras fuentes como Google Fotos, Pexels u Openverse.
- Subir: selecciona una nueva imagen o vídeo desde tu dispositivo.
- Usar la imagen destacada: usa la imagen destacada de la página o entrada.
- Restablecer: borra los medios del banner, mostrando un color sólido.
