Cómo agregar una imagen de fondo a tu div

Con todos los ajustes y detalles específicos que puede agregar en su sitio utilizando el Builder de Divic, pocos pueden ser tan potentes/reducidos como agregar un fondo a su encabezado de la Divica. Usando el generador de temas, puede agregar este floración con muy poca agitación y puede crear una experiencia visual para sus visitantes, lo que lo hará a usted y a su marca. Lo guiaremos a través de los pasos para agregar una imagen de fondo a su encabezado de la Divica, ¡así que pasemos a él! Cómo agregar una imagen de fondo a su encabezado de la Divic para obtener este efecto, usaremos el Builder de la Divic. Puede encontrar esto en el tablero de WordPress bajo el Builder Div – Temo.

También utilizaremos nuestro encabezado gratuito predefinido para el paquete de apariencia de ciencia de datos para este tutorial. Puede descargar el archivo JSON de la publicación en sí o usar una plantilla de encabezado en el generador de temas que ya ha diseñado y creado. Tú decides. Cargue el encabezado si está utilizando un encabezado que aún no está en el constructor de temas, querrá encontrar el icono de flecha doble en la parte superior derecha del tablero. Haga clic para mostrar opciones de portabilidad.

Vaya a la pestaña Importar, busque el archivo JSON para la plantilla de encabezado, luego haga clic en las plantillas de constructor de temas de importación azul de importación en la parte inferior.
Edite la cabeza del encabezado y luego querrá ingresar al constructor de la Divic para la aparición. Usaremos este encabezado como sitio global para el sitio, pero puede hacerlo para cualquier encabezado que haya asignado a una plantilla. Lo que sea bueno. Puede hacer doble clic en la sección de apariencia o puede hacer clic con el derecha y seleccionar la edición en el menú contextual para ingresar al generador. Debería ver una pantalla similar a la imagen a continuación cuando las cosas se cargan.

Elija la ubicación de fondo con la mayoría de los encabezados, tendrá varias secciones, filas y columnas. Lo que sea y/o todo esto puede tener una imagen de fondo adjunta, pero en general es una buena práctica mantenerla limitada a 1. No solo mantiene su diseño más limpio, sino también los tiempos de carga de la página más pequeños.

Con este paquete de apariencia, agregaremos un diseño de fondo en la columna izquierda en la segunda sección de la apariencia del encabezado, donde para el comienzo es solo un color negro sólido. Ingrese la configuración de ubicación Una vez que haya decidido dónde desea una imagen de fondo, ingrese la configuración. Debido a que lo agregamos a una sola columna, primero debemos encontrar la configuración de la fila que los contiene.
En la pestaña Contenido, encontrará una lista de todas las columnas en una fila. Estos están en orden descendente, lo que significa que la columna anterior es la columna izquierda y así sucesivamente.

Encuentre las opciones de fondo una vez que esté en la configuración de la columna, se ejecutará hasta que encuentre las opciones de fondo.

Bajo este título, verá cuatro pestañas diferentes. Estos son para, de izquierda a derecha, agregar un solo color de fondo, agregar un fondo de gradiente, agregar una imagen de fondo y agregar un video de fondo. Haga clic en la tercera pestaña para agregar una imagen de fondo. Elija un constructor de temas de imagen estáticos o dinámicos le brinda la oportunidad de establecer una imagen de fondo estática o dinámica. Para usar una imagen estática (una que no cambie en función de ciertos criterios), haga clic en Agregar una nueva imagen de fondo en el centro de la sección.

Para usar una imagen dinámica, haga clic en el icono de círculos derecha a la derecha apilada.


La elección de usar una imagen de fondo dinámica es excelente si realiza estos cambios en un encabezado global (o un encabezado que se usa en varias ubicaciones en su sitio). De esta manera, puede establecer lo que se muestra al usuario de acuerdo con la página que ve. Puede elegir entre opciones como la publicación de publicación/página recomendada o la foto de perfil. Incluso puede extraer el logotipo del sitio o desde cualquier campo personalizado que haya establecido en cualquier lugar del sitio.
Sin embargo, para este artículo, avanzamos en la ruta más tradicional para elegir una imagen de fondo estática haciendo clic en el botón Agregar fondo. Esto asegurará que cada tribunal de este encabezado global tenga la misma imagen de fondo. Elija la imagen de fondo haciendo clic en el botón Agregar imagen de fondo, se muestra su biblioteca de medios. Puede cargar un nuevo archivo de fondo o puede elegir entre los elementos existentes en su sitio. Ninguno cambiará el resultado. Grabe la imagen de fondo si desea usar la imagen no tocada, este paso es opcional. Sin embargo, puede agregar efectos como el desplazamiento de paralaje y la mezcla de imágenes. Incluso puede establecer dónde desea que la imagen se coloque en relación con la columna, para concentrarse en diferentes áreas en lugar de ser predeterminados en el centro.

Nuevamente, son opcionales, pero pueden ayudar a combinar la imagen de fondo con el diseño circundante, por ejemplo, dividiéndola un poco. ¡Guarda tu trabajo! Luego asegúrese de guardar todo su trabajo. Deberá hacer clic en el Bifa verde desde la configuración de la columna y la configuración de la fila. Luego el botón de rescate verde en la esquina inferior derecha de la página. Luego, está seguro para eliminar al constructor para que regrese al tablero.

También queremos tener en cuenta que el constructor de temas Divin debería mostrar todos los cambios guardados en la parte superior izquierda. Si el botón muestra cambios en los cambios, la imagen de fondo en el encabezado no está en vivo.

Queremos notar esto, especialmente porque hay muchos lugares para ahorrar en el generador de temas y no queremos perder el que empuja los nuevos modelos en vivo.La conclusión de agregar una imagen de fondo a su encabezado Div es una de las formas más fáciles de dar vida a cualquier diseño utilizando una imagen estática o incluso a través de nuestra función de contenido dinámico.Ya sea que use uno de nuestros modelos gratuitos y prefabricados o agregue a usted, puede tomar un diseño simple y puede hacerlo más avanzado y más atractivo, agregando una imagen a su encabezado con solo unos pocos clics. Prefiere un fondo dinámico o ¿Estático en tu encabezado de la divina?