Cómo agregar imágenes de fondo correctamente a su sitio web de WordPress

Agregar una imagen de fondo a su sitio de WordPress es fácil. ¿Derecha? En su mayoría, sí. A menos que su tema no lo acepte. La verdad es que muchos temas de WordPress hoy tienen configuraciones rápidas y fáciles para agregar o modificar un fondo existente. Así como las personalizaciones implícitas del aspecto WP. También puede cambiar el fondo usando CSS o mediante varios complementos, abriendo opciones para configurar una imagen de fondo en páginas, publicaciones y categorías. En este artículo, le mostraremos cómo hacer todo lo anterior y hacer su sitio con un aspecto atractivo, elegido por usted.
Continúe leyendo o pasando hacia adelante usando estos enlaces:
Agregue una imagen de fondo utilizando personalizaciones predeterminadas de WordPress
Agregue una imagen de fondo con un complemento
Agregue una imagen de fondo usando CSS
Imagen de fondo a nivel de todo el sitio
Imagen de fondo de categoría específica
Agregue una imagen de fondo a ciertas áreas
Volver a los elementos básicos
¿Por qué cambiar tus antecedentes? Bueno, la imagen en la que su tema está predeterminado puede no atraerlo o tener la impresión de que se combina con su marca o, tal vez no es una imagen, solo colores. O tal vez te gustó la imagen inicialmente, pero te aburriste.
Cualquiera sea la razón, experimentemos su cambio. La mayoría de las personas eligen reemplazarlos con una imagen y/o colores que se ajusten mejor a los gustos y la marca del sitio. Para agregar una imagen de fondo al editor de WordPress predeterminado, deberá seguir estos pasos: desde el tablero de WP, vaya a la apariencia> Personalización> Imagen de fondo o apariencia/imagen de fondo.
Haga clic en el botón Seleccionar para abrir su biblioteca de medios.
Elija la imagen deseada, ya sea cargando desde su computadora o seleccionando una de su biblioteca de medios.
Una vez que haya seleccionado la imagen que desee, haga clic en el botón Azul Elija la imagen.
En la ventana superior del menú izquierda, verá su selección poblada. A la derecha, verá una vista previa al tamaño completo de la página inicial de sus sitios, con la imagen de fondo.
Si le gusta lo que ve, haga clic en el botón Azul publique desde la esquina superior derecha y ¡está terminado!
Si desea cambiar la forma en que se ve antes de la finalización, hay una serie de configuraciones y opciones que puede jugar para encontrar su aspecto favorito.
La opción de repetición se usa mejor en los modelos que están hechos para alinearse exactamente, no para fotos. Los instrumentos para editar el menú de imagen de fondo, junto con las opciones asociadas, son los siguientes:

LISTO
Por defecto, llenado de pantalla, ajuste de pantalla, repetición, personalizado
Posición de imagen
Centro, a la derecha, medio, fondo, abajo, fondo, fondo, izquierda, izquierda, medio, izquierda, central La sospecha de la imagen
Original, coincidencia de pantalla, llenado de pantalla
Repita la imagen de fondo: el cuadro de selección
Desplácese con la página – Cadena de selección
Juegue con herramientas de edición para ver qué tamaño, modelo y posición que más le guste. Seleccionar cualquiera de las opciones desplegables en el submenus le dará la vista previa resultante de su página correcta.
No te preocupes por ser bloqueado con nada. Es fácil volver a la configuración y cambiar la imagen de fondo (y las opciones relacionadas) en cualquier momento que desee. Fondo. Para llamar a algunos: fondos avanzados de WordPress, administrador de fondo completo y una imagen de fondo simple. Este último es mi favorito en el grupo, así que lo usaré para este tutorial.
La imagen de fondo simple en toda la pantalla ofrece la instalación y la configuración fácil de una imagen de pantalla completa como fondo de su sitio escala las imágenes con el navegador, lo que significa que la imagen siempre llena la pantalla.
Poner en acción requiere solo unos pocos pasos simples. Hay una versión pagada/Pro disponible que agrega otras funciones, pero la versión gratuita es todo lo que necesitamos para este ejercicio. Usemos el complemento ahora para agregar un fondo de pantalla completa.

Instale y active la imagen de fondo de pantalla completa del complemento simple.
Desde el tablero de WP, vaya a la aparición del fondo en la pantalla completa.
Elija la imagen deseada, ya sea cargando desde su computadora o seleccionando una de su biblioteca de medios. Una vez que haya seleccionado la imagen que desee, haga clic en el botón Azul.
Haga clic en las opciones de salvación del botón azul y consulte su sitio.
Una vista previa de la página después de seleccionar una imagen en el fondo en la pantalla completa. ¡Aquí! La imagen ahora debe mostrarse en su sitio como fondo de pantalla completa.
Quería mencionar que la configuración de este complemento para la imagen de fondo reemplaza la configuración predeterminada de personalización WP WP. Esto no es algo malo, solo algo a tener en cuenta. Es posible establecer una imagen de fondo para publicaciones, páginas, categorías, etiquetas y más con este enchufe especial, pero requerirá la compra del Pro. Agregue un fondo usando CSS Ahora exploraremos cómo cambiar la imagen de fondo usando El código CSS. Esto se puede hacer para crear un fondo que esté a nivel de todo el sitio o para una determinada categoría, utilizando la personalización del tema WP.
Menú de entrada CSS adicional de personalización WP predeterminada.

Desde el tablero de WordPress, explore la apariencia> Personalización.
Desplácese hacia abajo y haga clic en CSS adicional.

Pegue el código correspondiente al campo CSS de la siguiente manera:
Imagen de fondo a nivel de sitio:
La idea se carga 323116C6A2B8C0123031DF725076BE2D
Asegúrese de reemplazar el texto del titular por “ImageUrl” en el código con el nombre real de la URL del archivo de imagen. Para ver esto, seleccione cualquier imagen de su biblioteca de medios y mire la información de la imagen en el lado derecho de la pantalla.
Haga clic en la URL de copia en el portapapeles para usarla para pegar el código CSS.
Asegúrese de reemplazar dos zonas de soporte en el código anterior:
El nombre real de la URL del archivo de imagen para la “URL de la imagen”


Un nombre de categoría válido para el nombre de catname
Para encontrar el nombre de la categoría:
Navegue hasta el tablero de su sitio de WordPress
Haga clic en Publicaciones> Categorías
Elija la categoría a la que desea hacer referencia y coloque el cursor en el enlace “Editar” para esto; Verá URL en el lado inferior izquierdo de la página, mostrando la ID de categoría
En este caso, la ID de categoría sería 428. Tenga en cuenta que apenas está codificado, por lo que es posible que ciertos complementos no perezran la imagen o puedan indexarla.
Agregue una imagen de fondo en ciertas áreas hay otro complemento lindo que lo ayudará a agregar imágenes de fondo a ciertas áreas de contenido.
Fondos avanzados de WordPress para WordPress permite agregar fondos utilizando bloques de Gutenberg. Puede establecer un color, imagen o incluso un video como fondo, y se pueden ver en dispositivos móviles. También permite agregar un efecto de paralaje a imágenes y videos de fondo. En este caso, solo agregaremos una imagen de fondo estática a un área de contenido, en particular, una publicación. Debido a que esto funciona con los bloques de Gutenberg, deberá usar el editor Gutenberg, así que asegúrese de cambiar del modo de editor clásico si es necesario.
Después de instalar y activar el complemento, explore el tablero de WordPress. 1. Haga clic en Publicar> Agregar nuevo. 2. Haga clic en el botón + Plus, desplácese hacia abajo hasta la sección de diseño y haga clic en el bloque AWB. Las barras de herramientas para cualquier edición que queramos hacer se encuentran en dos áreas: la barra de icono superior y la columna del menú lateral. 3. Desde cualquiera de los menús (prefiero usar la columna lateral), haga clic en la barra de imagen en la parte superior (entre el color y el video), luego haga clic en el botón azul Seleccione la imagen debajo y abrirá su biblioteca de medios. 4. Seleccione la imagen deseada, luego haga clic en el botón Seleccionar azul. Una vez que haya hecho esto, debería ver que la imagen ahora es parte del bloque AWB. (Si no lo ve, haga clic en el icono de la imagen en la barra de icono AWB y debe aparecer.) El complemento AWB tiene dos áreas de menú separadas. Usando la configuración del menú, puede cambiar la posición de la imagen (según el indicador del eje), el tamaño, el espacio, etc. Dejé la configuración porcentual en el valor predeterminado 50/50 (que lo coloca directamente en el medio) y el tamaño predeterminado para el completo y cubierto. Así que ahora tenemos los antecedentes de la publicación, debemos agregar el contenido/texto real de la publicación. 1. Haga clic en el botón Sign Plus + ubicado en el bloque en la parte superior de la imagen de fondo. 2. Haga clic en el icono del párrafo, que agregará un bloque de texto sobre nuestro fondo.

Los bloques de “apilamiento” son posibles en AWB;Puede poner texto encima de una imagen de fondo.Ingrese el contenido del texto, luego cambie la alineación o el color del texto si lo desea (lo hizo, pero es opcional) y ¡listo!Tenemos una publicación con nuestra propia imagen de fondo individual. La placa AWB le permite crear una publicación con una imagen de fondo, independiente de la página.
Múltiples bloques de texto con una imagen de fondo combinada/bloque de texto entre ellos. Puede hacerlo para que solo una sección de su publicación tenga la imagen de fondo, lo que le da un poco de potencia. Simplemente agregue bloques de párrafo adicionales antes y después de la imagen de fondo. Bastante de la moda. A los elementos básicos, agregar fondos a su sitio de WordPress puede parecer algo pequeño. Pero si se hace correctamente, puede tener un gran impacto. También puede ayudarlo a mantener su presencia en línea fresca para que los visitantes no se aburran al ver siempre las mismas fotos una y otra vez. Es ideal utilizar la personalización construida de la funcionalidad de un tema para agregar imágenes de fondo cuando existe, porque está especialmente diseñada para funcionar como codificada. Sin embargo, tiene otras opciones cuando se trata de poner imágenes de fondo de WordPress. La personalización básica de WP, complementos, creadores de páginas y CSS cambia, todos permiten obtener un buen control sobre las imágenes utilizadas y dónde. Así que continúe y sea creativo con sus antecedentes. Cree un impacto temático y mantenga a los visitantes involucrados visualmente. Nota del editor: Esta publicación se ha actualizado para obtener precisión y relevancia. [Publicado originalmente: agosto de 2014 / revisado: noviembre de 2021] ¿Cambió su imagen de fondo a WordPress? Si es así, ¿qué método usaste? Háganos saber en los comentarios a continuación.

Etiquetas:
imágenes

Proyectos de WordPress de los fines de semana