¿Quieres agregar una imagen de fondo a tu sitio web de WordPress? Las imágenes de fondo se pueden utilizar para hacer que su sitio web sea más atractivo y estéticamente agradable. En este tutorial, le mostraremos cómo agregar fácilmente una imagen de fondo a su sitio web de WordPress.

Suponemos que ya ha instalado WordPress. Si aún no lo ha hecho, consulte esta guía Cómo configurar un blog de WordPress en 7 pasos.

Le recordamos que la carga de muchas imágenes en su blog o sitio web puede reducir el tiempo de carga de este último.

Descubre aquí Por qué necesitas comenzar a optimizar tu blog de WordPress con imágenes

 

Agregar una imagen de fondo en wordpress

Método 1. Agregue una imagen de fondo usando la configuración del tema

La mayoría de los temas de WordPress gratuitos y premium vienen con una función de personalización de imagen de fondo. Esta función le permite configurar fácilmente una imagen de fondo en su sitio web de WordPress.

Si su tema de WordPress admite una función de fondo personalizada, recomendamos usar este método para agregar una imagen de fondo a su sitio web de WordPress. Sin embargo, si su tema no es compatible con la funcionalidad de fondo personalizado, puede usar otros métodos en este tutorial. 

Descubra también cómo modificar el diseño de su blog de WordPress

Primero debe visitar el " Apariencia> Personalizar en tu panel de WordPress. Esto iniciará el Personalizador de tema de WordPress donde puede cambiar varios parámetros de este último mientras ve una vista previa en tiempo real.

Imagen de fondo de Wordpress personalizar un tema

Luego debe hacer clic en la opción "Imagen de fondo". El panel se desliza hacia afuera y le muestra las opciones para cargar o seleccionar una imagen de fondo para su sitio web.

Personaliza una imagen de fondo

Haga clic en el botón Seleccione la imagen para continuar.

Esto mostrará la ventana emergente de descarga de medios de WordPress donde podrá descargar una imagen de su computadora. También podrá seleccionar una imagen descargada previamente de la biblioteca de medios.

Ventana emergente de wordpress multimedia

Luego tienes que hacer clic en el botón Elegir imagen Después de descargar o seleccionar la imagen que desea utilizar como fondo.

Esto cerrará la ventana emergente y verá la vista previa de la imagen seleccionada en el Personalizador.

Personalizador de imagen mostrada de Wordpress

Debajo de la imagen, también podrá ver las opciones de la imagen de fondo. Debajo de la configuración predeterminada, puede seleccionar cómo desea mostrar la imagen de fondo.

Descubra también cómo cargar sus medios masivos en WordPress

También puede seleccionar la posición de la imagen de fondo haciendo clic en las flechas a continuación. Al hacer clic en el centro, la imagen se alineará con el centro de la pantalla.

No olvides hacer clic en el botón « Guardar y publicar En la parte superior para guardar su configuración. Eso es todo, ha agregado con éxito una imagen de fondo a su sitio web de WordPress.

Ir a visitar su sitio web para verlo en acción.

Método 2. Agregue una imagen de fondo personalizada en WordPress usando un complemento

Este método es mucho más flexible. Funciona con cualquier tema de WordPress y le permite configurar múltiples imágenes de fondo. También puedes establecer diferentes fondos para cualquier publicación, página, categoría o cualquier otra sección de tu sitio web.

Da la posibilidad de que todas tus imágenes de fondo se muestren en pantalla completa y en dispositivos móviles. Esto significa que su imagen de fondo cambiará de tamaño automáticamente en dispositivos más pequeños.

En primer lugar, debe instalar y activar el complemento " Fondo de pantalla completa Pro ". Para más detalles, consulte nuestra guía paso a paso. sobre cómo instalar un complemento de WordPress .

Al activar, debe visitar el " Apariencia> Imagen BG en pantalla completa Para configurar los ajustes del complemento.

Configuración del complemento de imagen bg de pantalla completa

Deberá agregar su clave de licencia. Puede obtener esta información desde el correo electrónico que recibió después de comprar el complemento o desde su cuenta en el sitio web del complemento.

Luego tienes que hacer clic en el botón Guardar configuración Para almacenar sus cambios. Ahora está listo para comenzar a agregar imágenes de fondo a su sitio web.

Sigue adelante y haz clic en el botón Añadir una imagen nueva En la página de configuración del complemento. Esto lo llevará a la pantalla de descarga en segundo plano.

Fondo de personalización de wordpress

Haga clic en el botón Elegir imagen »Para descargar o seleccionar una imagen. Tan pronto como seleccione la imagen, podrá ver una vista previa en tiempo real.

Luego debe proporcionar un nombre para esta imagen. Este nombre se usará internamente, por lo que puede definir lo que desea.

Finalmente, debe seleccionar dónde desea que se use esta imagen como página de fondo. " Fondo de pantalla completa Pro »Le permite configurar las imágenes como fondo de forma global, o puede elegir entre diferentes secciones de su sitio web, como categorías, archivos, primera página, página de blog, etc. 

Si es fotógrafo, diseñador y más, aquí está el 10 superior de los mejores temas de WordPress para crear un sitio web de cartera

No olvides hacer clic en el botón « Guardar imagen »

Puede agregar tantas imágenes como desee visitando el " Apariencia> Imagen de GS en pantalla completa ".

Si configura más de una imagen para su uso global, el complemento comenzará a mostrar automáticamente las imágenes de fondo como una presentación de diapositivas.

Puede ajustar el tiempo que tarda la imagen en desaparecer y la duración de la animación de desvanecimiento.

Configuración del tiempo de visualización

El tiempo que ingresa aquí es en milisegundos. Si desea que la imagen de fondo desaparezca después de 20 segundos, debe ingresar 20000.

No olvides hacer clic en el botón « Guardar configuración Para almacenar sus cambios.

Defina la imagen de fondo para publicaciones individuales, páginas, categorías, etc.

« Fondo de pantalla completa Pro »También le permite establecer imágenes de fondo para publicaciones, páginas, categorías, etiquetas, etc.

Simplemente cambie la publicación / página donde desea mostrar una imagen de fondo diferente. En la pantalla de edición de publicaciones, verá el nuevo cuadro "Imagen de fondo" en la parte inferior del editor de publicaciones.

Cambiar la imagen de fondo

Para utilizar una imagen de fondo para una categoría específica, debe visitar el " Apariencia> Imagen de GS en pantalla completa », Luego haga clic en el botón« Añadir una imagen nueva ".

Vea en este artículo W3 Total Cache vs WP Super Cache: ¿cuál elegir?

Después de descargar su imagen, debe seleccionar "CategoríaComo el contexto en el que desea mostrar la imagen de fondo.

Selección de imágenes por categorías

Ahora ingrese la identificación o slug de la categoría específica donde desea mostrar la imagen. Recuerde guardar su imagen para almacenar su configuración.

Si estás a punto de crear un sitio web para fotógrafo o para cualquier agencia creativa, echa un vistazo a nuestros 3 Temas de WordPress premium optimizado para esta tarea.

1. alce

Moose es un tema hermoso y sofisticado de WordPress que le permite personalizar prácticamente cualquier sitio web, y especialmente para darle una excelente apariencia en pantalla completa.

Temas de alces wordpress crear sitio web agencia fotográfica

 Viene con diferentes combinaciones de menús y diseños para comenzar rápidamente, y si necesita una ventaja inicial, podrá importar una de sus diez demos en minutos.

Su diseño robusto y visual, junto con las opciones de cartera, diseños de cuadrícula y más, lo convierten en un excelente lugar para mostrar el trabajo creativo. Pero, francamente, podría ser perfecto para cualquier tipo de sitio web de negocios.

DescargarDemoalojamiento web

2. Fotofly

Este tema de WordPress es ideal para la creación de cualquier sitio web de fotógrafo. Con un diseño pensado para optimizar la visualización de cada una de sus capturas, será perfecto en la conversión de muchos visitantes.

Fotofly temas wordpress crear sitio web fotógrafo ilustrador diseñador

Este tema de WordPress es adecuado para la creación fácil del sitio web de cualquier fotógrafo, gracias a la calidad de sus diseños. Su último es ultra sensible y permite que se vea en cualquier dispositivo móvil.

Descubra los Complementos de 7 WordPress para optimizar el almacenamiento en caché de su sitio web

Viene con características tales como: soporte para muchos widgets, compartir en redes sociales, personalización de logotipos, soporte de mega menú, compatibilidad con varios complementos populares, muchas herramientas dedicadas a blogs, documentación detallada , soporte multilingüe, efectos de desplazamiento de imagen, una potente galería de fotos, soporte de contraseña en este y muchos más.

DescargarDemoalojamiento web

3. La gran fotografía

Grand Photography es un tema de WordPress dedicado a los sitios web de fotografía. Viene con el proceso de instalación de OneClick que le permitirá crearlo fácilmente y en minutos.

Grandes temas de fotografía wordpress crear sitio web fotografía fotógrafo ilustrador

Integra casi 140 plantillas de galería y página para que pueda mostrar su trabajo de manera ideal. Las funciones adicionales como el desplazamiento de paralaje y la compatibilidad con video de fondo le permitirán usar su creatividad para crear un diseño visualmente impresionante.

El editor de galería avanzado le permitirá cargar fotos de forma masiva y luego reorganizarlas con soporte para la funcionalidad de arrastrar y soltar. También podrá proteger sus imágenes con una contraseña. También cuenta con un tipo de post personalizado dedicado a eventos que te permitirá crearlos e informar a tus visitantes sobre la hora, fecha, lugar donde tendrá lugar tu exposición etc…. 

DescargarDemo | alojamiento web 

Otros recursos recomendados

Vea también estos artículos para ir más allá 

Conclusión

Listo ! Eso es todo por este tutorial, espero que pueda agregar fácilmente una imagen de fondo a su blog o sitio web. También lo invitamos a consultar nuestro recursos si eres un blogger principiante. Si tiene alguna sugerencia o comentario, será bienvenido.

Le instamos a compartir este artículo en sus diferentes redes sociales.

...