Me pregunto si hay una manera simple de detener WordPress automáticamente codificando automáticamente los atributos de altura y anchura de la imagen, aparte de usar expresiones regulares ...
Como estoy usando una cuadrícula flexible para mi proyecto (¡quién no!), Esto está causando algunos problemas de imagen funky.
images
post-thumbnails
Richard Sweeney
fuente
fuente
srcset
atributo.Puede eliminar los atributos de ancho y alto filtrando el resultado de la
image_downsize
función que se encuentra enwp-includes/media.php
. Para hacer esto, debe escribir su propia función y ejecutarla a través del archivo functions.php de su tema o como un complemento.Ejemplo:
Eliminar los atributos
width
yheight
.Adjunte la nueva función al
image_downsize
gancho:Además, no olvide escalar las imágenes correctamente en su CSS:
Espero que esto te ayude.
Salud,
fuente
srcset
,sizes
y desafortunadamente , otros atributos de imagen receptiva. :( Esta es mi solución actual, que reconstruye los atributos: gist.github.com/cibulka/8e2bf16b0f55779af590472ae1bf9239Puede usar el
post_thumbnail_html
filtro para eliminar el atributo:Coloque esto en su
functions.php
archivofuente
Puede anular los estilos / atributos en línea con
!important
:No es la solución más limpia, pero resuelve su problema.
fuente
wp-post-image
no estaba incluida en mis imágenes. En cambio, tenía algo asíwp-image-26
. Tuve que usar otro selector pero la idea funcionó.La mejor solución es colocar jquery en el pie de página
fuente
Solución CSS:
Esto permite que las imágenes receptivas funcionen como deberían, mientras que usted mantiene los atributos de ancho y alto en el elemento img, lo que probablemente sea mejor para navegadores antiguos, rendimiento y / o para pasar validadores HTML.
Solución PHP:
Esto evitará la adición de atributos de ancho / alto en cualquier medio recién agregado en el editor de WP (a través de 'Agregar medios'). Para su información, también puede afectar los subtítulos de sus imágenes.
fuente