Modificar la cabecera y poner una imagen de fondo en la plantilla EXTRA de Elegant Themes.

[@orlandorodriguez343]

gracias por el post

[@jgvlc]

Muchísimas gracias tus vídeos, súper útiles.

[@gustatitus]

Muchas Gracias, impecable como siempre!

[@sandhert]

Hola. Gracias por compartir tus conocimientos. He estado trabajando e un proyecto y coloqué una imagen de cabecera como lo explicas en el tutorial, hasta aquí todo bien. El problema que tengo es que cuando se cambia la vista a los dispositivos de tablet o movil, la imagen no se adapta, se corta y necesito que la imagen se vea completa en diferentes dispositivos. ¿Habrá alguna forma de hacerlo?

[@ingresosviaweb]

Hola Sandy Hernández, depende mucho de la imagen que utilices, lo habitual es utilizar una imagen genérica, como la madera o una trama que tenga que ver con el site. Las proporciones de un ordenador no son las de un dispositivo móvil. Si me dices lo que quieres conseguir puede ver si es factible o no.

[@sandhert]

Si, entiendo lo que dices. Diseñé una imagen que se ajusta a la cabecera, el menú del sitio está en el centro y a los lados coloqué elementos que calzan en border inferior de la cabecera, a modo de suelo. Me gustaría que cada vez que se cambia de dispositivo se vea la base de la imagen (es decir el suelo, ya que encima de él hay figuras) para que tenga sentido. Pero de no ser posible, entonces que para cada dispositivo se muestre una imagen diferente. He estado investigando y creo que se puede hacer. Saludos

[@jsolucioncreativa]

Puedes indicar la posición de la imagen con código CSS dentro de la cabecera. También con CSS puedes indicar que cargue una imagen diferente dependiendo del dispositivo.

[@sandhert]

Me pondré en ello. Muchísimas gracia.

[@lagraficarebelde]

Muy bien explicado y completos videos. ¿Podrias darme el nombre de la app que utilizas para hacer tus videos?. Gracias

[@ingresosviaweb]

Hola Frank V, utilizo varios dependiendo del montaje que necesite, pero el que más uso se llama OpenShot Video Editor, es gratuito y lo puedes descargar en internet desde su página oficial.

[@lagraficarebelde]

@@ingresosviaweb, muchas gracias.

[@carlosandressanabriasantam4157]

yo hice todo alpíe de la letra y no se me reflejan los cambios :( que puede ser ?

[@grissygonzales2010]

Buenísimo el tutorial! muchas gracias. Tengo una consulta: ¿cuál es el tamaño para la imagen de portada? no me calza la imagen.

[@ingresosviaweb]

Hola Grissy Ganzales, si te refieres a la imagen de fondo, calcula los píxeles de una pantalla, dependiendo de la calidad que queras que tenga, puede tener hasta un tamaño de 1920x1080 px

[@Patrisak]

Hola, son unos vídeos estupendos, lo explicas de una manera clara y concisa. Justo en este apartado me ha surgido un problema, al cambiar la cabecera la pagina me carga lento, para ser exacto me carga la cabecera normal y luego aparece el fondo haciendo un barrido de arriba a abajo. ¿A que crees que se puede deber? Un saludo

[@ingresosviaweb]

Hola Patrisak, cualquier imagen que utilices en una web debe estar optimizada para que no retarde la carga de la página, debe pesar lo menos posible y tener el tamaño adecuado. Si usas una imagen jpg, intenta reducir la compresión de colores todo lo que puedas, a la hora de guardarla selecciona una calidad inferior al 70% que es más que suficiente para internet. Es posible que tengas algún plugin de cache que retarde la carga la primera vez que la muestras, o alguno que no muestre las imágenes hasta que no ha cargado el resto del código de la página. Hay muchas variables que pueden hacer que cargue más lento. Puedes ir probando y descartar lo que funciona para dar con el problema.

[@versolucionesweb7406]

Me encanto

[@Christianse81]

Cómo se puede colocar un fondo que cubra tambien por la parte de abajo del menu?

[@ingresosviaweb]

Hola Christian, no entiendo muy bien la pregunta, si lo que quieres es que el menú sea transparente y se vea la imagen del fondo, tienes que ir al personalizador, y en las opciones de la cabecera y del menú principal elegir un color cualquiera y seleccionar que sea totalmente transparente. Aparecen unas barras para graduar estas opciones al seleccionar el color del fondo del menú.

[@Christianse81]

Me expresé mal, no quiero un fondo, quisiera colocar una imagen abajo del menú pero que llegue hasta arriba del menú, no se si al colocar transparente el menú se podrá, no quisiera un fondo porque sólo lo quiero en la parte de arriba, al bajar quisiera que se vean otras imágenes, no se si me entiende ahora, pero igual gracias por la ayuda

[@cristiandelrio4655]

HOla amigo, me darías una manito, yo elminé el menú de entradas y cuando creo entradas, no se vén en la página, sólo se ven a través del link,, se comprende? y lo otro es que yo quiero colocar un video pero nó de fondo, sinó en la cabezera.. y solo tengo opción para colocarlo de fondo.. Si puedes ayudarme amigo, mis sinceros agradecimientos con like y suscripción

[@ingresosviaweb]

Hola Cristián Del Río, ¿quieres que las entradas aparezcan en la página principal al acceder a tu web, sin tener que picar en el link de las entradas? Tienes que seleccionar en las opción de páginas estáticas "mostrar tus últimas entradas", o crear un layout con el constructor Divi con un módulo de blog. En la cabecera, donde aparecen los menús y el logotipo no se puede colocar un vídeo, puedes poner una imagen GIF con movimiento. Si quieres colocar un vídeo en la parte superior de la web, por debajo de la cabecera, tienes que crear un diseño de página con un módulo de deslizador.

[@cristiandelrio4655]

Muchas gracias amigo, agradezco tu tiempo.. Veré si consigo solucionar.. Un abrazo!