Pregunta sobre Autoptimize de Wordpress:

Control deslizante Todo lo que no funcione como un tapón / deslizador de carrusel de búhos

Un usuario preguntó 👇

Es posible que haya visto mi pregunta en el foro de soporte de Anything Slide. Me sorprendió verte comentar mi hilo de preguntas. (https://wordpress.org/support/topic/logos-slider-not-working-on-microsoft-edge-browser/#post-11660792)

¿Podría verificar si hay algún problema, ya que no puedo mostrar las diapositivas en el navegador Edge y el navegador Chrome aparentemente ya que el propietario del plugin no dijo nada, por favor?

Como dije en otro hilo, agregué wp-content / plugins / slide-anything / owl-carousel / owl.carousel.min.js al cuadro de exclusión de JS pero aún no se muestra.

(@optimizingmatters)

Hace 1 año, 7 meses

No solo tiene un AO, sino también AsyncJS, por lo que ese podría ser el caso aquí. Intente deshabilitar AsyncJS ahora, vea si funciona de esa manera y si no, vea si el problema es con CSS o JS deshabilitándolos por segundos. Si JS está buscando errores de JS en la consola del navegador. Siéntete libre de informar

honesto

(@kikib)

Hace 1 año, 7 meses

Resolví el problema. No es la SEC ni la JS.

La pestaña «Optimizar imágenes» en la imagen. La opción «Optimizar imágenes sobre la marcha y servirlas desde CDN Shortpixel global». se marcó una casilla de verificación y cuando la desmarqué, se mostraron los logotipos.

¿Cómo puedo arreglar esto?

(@optimizingmatters)

Hace 1 año, 7 meses

errr … ¿estás seguro? porque la optimización de la imagen del sistema operativo no está activa en el sitio y está muy rota, con muchos errores de JS en la consola?

(@kikib)

Hace 1 año, 7 meses

Todo lo que sé es que los logotipos / imágenes se mostraron cuando desmarqué la casilla.

También revisé el navegador de la consola en Edge y no veo ningún error en él.

Pensé que ya habías arreglado el error con imágenes de fondo.

(@optimizingmatters)

Hace 1 año, 7 meses

vuelva a comprobar el sitio ahora, no más errores de JS en la consola del navegador, así que supongo que reconfiguró * algo *? 🙂

re. la diapositiva no funciona; Tendré que verlo roto (también dígame en qué parte de la página específicamente debo mirarlo) para poder entender qué se rompe por cualquier motivo.

re. “El error de las imágenes de fondo”; que yo sepa, no existe tal cosa en este momento, no 🙂

(@kikib)

Hace 1 año, 7 meses

De acuerdo, volví a marcar la casilla y volví a marcar en Edge Browser, pero las imágenes siguen ahí. Creo que debería esperar hasta que Shortpixel optimice los logotipos y los vuelva a servir desde CDN.

La página que contiene las diapositivas está en http://test.idssite.com/

(@optimizingmatters)

Hace 1 año, 7 meses

Está bien, por favor envíame un ping cuando se rompa y comparte una imagen para saber dónde debería estar mirando. Sin embargo, no podré probar en Edge, pero si entiendo correctamente, ¿también se rompió en Chrome?

(@kikib)

Hace 1 año, 7 meses

Se rompió de nuevo. Todavía no he podido ver nada en Chrome. Creo que la página ni siquiera actualizó su código. Me aseguré de borrar el caché de la página. Pero puedo ver que rompió Firefox y Edge.

Tras la inspección, las imágenes de fondo se mostraron así url(https://cdn.shortpixel.ai/client/q_lossy,ret_img/"http://test.idssite.com/wp-content/uploads/2019/02/dellcolor.png")

(@optimizingmatters)

Hace 1 año, 7 meses

¡Ajá! eso se debe a que sus imágenes originales están configuradas como


background-image:url("http://test.idssite.com/wp-content/uploads/2019/03/breastcarecenterslogo.png");

pie en eso


background-image:url("https://test.idssite.com/wp-content/uploads/2019/03/breastcarecenterslogo.png");

o


background-image:url(https://test.idssite.com/wp-content/uploads/2019/03/breastcarecenterslogo.png);

y todo debería estar bien.

honesto

(@kikib)

Hace 1 año, 7 meses

¿Cómo?

En la diapositiva Slide Anything, solo la agrego como imagen de fondo en cada diapositiva. Es posible que deba ponerme en contacto con el plugin Slider. Algo sobre eso….

(@optimizingmatters)

Hace 1 año, 7 meses

Bien, no dudes en mantenerme informado. Si es necesario, puedo proporcionarle un fragmento de código pequeño como base de trabajo, pero lo ideal es que esto se solucione en la raíz 🙂

(@kikib)

Hace 1 año, 7 meses

Sí, dame un fragmento de código. 🙂

(@optimizingmatters)

Hace 1 año, 7 meses

Bien, esto debería funcionar, pero no lo probé porque no tengo la computadora de desarrollo conmigo;

add_filter( 'autoptimize_filter_imgopt_normalized_url', 'fix_quot' );
function fix_quot( $url_in ) {
    return str_replace( '"', '', $url_in )
}

(@kikib)

Hace 1 año, 7 meses

Funciona.

Además, olvidaste el ; después de la declaración de nuevo en función. Ya lo puse en código. Solo tomo la nota por temor a que alguien esté buscando una solución a un problema como este.

Código final:

add_filter( 'autoptimize_filter_imgopt_normalized_url', 'fix_quot' );
function fix_quot( $url_in ) {
    return str_replace( '"', '', $url_in );
}

(@optimizingmatters)

Hace 1 año, 7 meses

ah, maldita sea el punto y coma, bueno, lo corrigiste y mencionaste aquí a otros 🙂

¿Algún comentario de los desarrolladores de diapositivas?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *