Avisos
Vaciar todo

[Resuelto] Encabezado salta al cargar la página  

Página 1 / 2
 
Natalia
 Natalia
Estimable Member

Hola, 

Quisiera arreglar el problema que tiene la página al cargar. Se ve primero como el contenido de más abajo y el pie de página, antes de carga la imagen principal donde aparece la modelo con el bolso.

Este problema lo tenían las demás páginas, pero lo arreglé con el siguiente código:

/*agregar padding al inicio para mejorar carga de la pagina*/
#page-container {
padding-top: 174px!important;
}
.et_pb_section {
padding-top: 174px!important;
}
#main-header {
top:32px;
}
.et_pb_section_0_tb_footer.et_pb_section {
padding-top: 16px!important;
}

Sin embargo, tuve que agregar este otro código para la página de Inicio (Home), pues si usaba los valores del código anterior, la imagen del fondo, de la modelo, quedaba por debajo del menú, por el relleno (padding) que agregué usando el primer código:

.page-id-15 .et_pb_section {
padding-top: 0px!important;
}

¿Cómo podría arreglar ese problema? 

Muchas gracias. 

Citar
Respondido : 05/11/2020 11:34 am
Natalia
 Natalia
Estimable Member

Pienso que si hubiera alguna forma de indicar el espacio que ocupará la imagen antes de cargarse, tal vez podría ser una solución al problema. ¿?

ResponderCitar
Respondido : 05/11/2020 11:42 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@nataliaberilogmail-com

Hola Natalia, 

¿Podrías indicarnos la url del sitio web en cuestión? Adicionalmente, ¿El problema es que la imagen principal carga al final? ¿Tienes algún plugin de cache u optimización? ¿Has probado desactivándolo(s) y ver si el comportamiento de la web es el mismo? Pregunto si el problema es la carga de la imagen por que en tu consulta nos dices que lo has solucionado mediante esos códigos.

Saludos 

ResponderCitar
Respondido : 05/11/2020 12:19 pm
Natalia
 Natalia
Estimable Member

@bulmaro-webempresa 

Hola Bulmaro,

Sí, el problema es que la imagen grande de la página principal (la de la mujer con el bolso en la mano), carga al final. Según busqué en internet, es un problema que tiene la platilla Divi (de que el encabezado salta) y que se puede arreglar con el código que usé, pero no me sirve en la primera página, por el problema que indiqué, de que la foto se baja. 

 

No estoy usando ningún plugging adicionalLos Plugging de optimización que están, son los que venían con la plantilla de WebEmpresa (el child theme). Los plugging son los siguientes: "Optimizador.io" y "WP-Optimize". Pero no los he tocado. 

Esta publicación ha sido modificada el hace 5 días por Argenis
ResponderCitar
Respondido : 05/11/2020 12:29 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@nataliaberilogmail-com

Hola Natalia, 

No creo que este sea un problema, te explico. En el desarrollo de sitios web recién se agregó como estándar (para el desarrollo de sitios) la implementación de la carga diferida de imágenes (lazo load) ¿Que es esto? La carga diferida de imagenes es una técnica para mejorar la carga de web y la experiencia del usuario haciendo que las imagenes cargan después del contenido, esto hace posible que el usuario se centre en los contenidos mientras las imagenes (que son contenido secundario) cargan al final. Esto lo tiene implementado tu sitio web, según el código fuente que veo. 

Prueba sidesactivando el plugin de WP-Optimize se corrige el problema, tambien podrías intentar subiendo la imagen con un tamaño de 1680x996px, finalmente puedes probar agregando el siguiente código al final de tu archivo functions.php desde Apariencia -> Editor de temas:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Adicionalmente, te sugiero revisar la siguiente entrada de nuestro blog -> lazy-load-wordpress-mejora-velocidad-web.html

Saludos 🙂

ResponderCitar
Respondido : 05/11/2020 12:53 pm
Natalia
 Natalia
Estimable Member

@bulmaro-webempresa

Hola Bulmaro,

Muchas gracias por tu amable explicación.

Prubé cambiando la imagen de tamaño y desactivando el Plugging, pero no funcionó. 

Ahora voy a añadir el código, sin embargo, no sé cuál archivo elegir de la lista indicada en la imagen. ¿Es en alguno de los archivos indicados en el recuadro rojo donde tengo que agregar la línea de código?

funciones
ResponderCitar
Respondido : 05/11/2020 1:50 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@nataliaberilogmail-com

Hola Natalia

Justamente en ese archivo que tienes abierto en pantalla, el archivo llamado functions.php del tema hijo WP Facil, agrega el código en la penúltima línea justo antes del "?>", es importante y te sugiero que así lo hagas, mantener el plugin de WP Optimize desactivado al momento de hacer esta última prueba.

Saludos 

ResponderCitar
Respondido : 05/11/2020 1:54 pm
Natalia
 Natalia
Estimable Member

@bulmaro-webempresa

Hola Bulmaro,

Ya puse la línea de código, pero aún sigo viendo el problema. 

ResponderCitar
Respondido : 05/11/2020 2:16 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@nataliaberilogmail-com

Hola Natalia, 

Veo que tienes el plugin de Autoptimize, desactívalo tambien, por favor y si el problema persiste te sugiero instalar el plugin de -> https://wordpress.org/plugins/disable-lazy-loading/

Saludos

ResponderCitar
Respondido : 05/11/2020 2:26 pm
Natalia
 Natalia
Estimable Member

@bulmaro-webempresa

Hola Bulmaro, buenos días,

Desactivé el plugging que me mencionaste e instalé el plugging "Disable lazy load", pero aún el problema persiste. 

ResponderCitar
Respondido : 06/11/2020 9:11 am
Natalia
 Natalia
Estimable Member

@bulmaro-webempresa

Bulmaro,

Activé una animación vertical para la imagen en las configuraciones del modulo de la imagen (la ventana que se abre) y pareciera que eso arregla el problema. 

 

ResponderCitar
Respondido : 06/11/2020 10:43 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Natalia, Buenos Días.

Veo que añadimos un modulo en la misma posicion donde tienes la imagen.

screenshot nataliaberilo.com 2020.11.06 11 42 35

Por favor vuelve a dejarlo como estaba paar que podamos revisarlo.

 

Un saludo

ResponderCitar
Respondido : 06/11/2020 10:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Natalia.

parece que se cruzaron las respuestas.

Me alegra que lo solucionaras 😆 

 

Podemos cerrar el hilo ?

 

Un saludo

ResponderCitar
Respondido : 06/11/2020 10:47 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@nataliaberilogmail-com

Hola Natalia, 

Así es, tienes razón.

Vaya lección me has dado, muchas gracias. Todo era mas sencillo de lo que razoné a partir de mi diagnóstico. 

Muchas gracias por compartirnos tu solución, por tu colaboración y tu paciencia. 

Saludos. 

ResponderCitar
Respondido : 06/11/2020 10:48 am
Pepe me gusta
Natalia
 Natalia
Estimable Member

@pepesoler 

Sí, parece que se cruzaron!

Sí, podemos cerrar el hilo. Espero que siga funcionando bien! Muchas gracias! 

ResponderCitar
Respondido : 06/11/2020 11:16 am
Página 1 / 2