Мне интересно, есть ли простой способ верхней остановки WordPress, автоматически жестко кодирующий избранные атрибуты высоты и ширины изображения, кроме использования регулярных выражений ...
Поскольку я использую гибкую сетку для своего проекта (а кто нет!), Это вызывает некоторые странные проблемы с изображением.
images
post-thumbnails
Ричард Суини
источник
источник
srcset
атрибут.Вы можете удалить атрибуты width и height, отфильтровав выходные данные
image_downsize
функции, найденной вwp-includes/media.php
. Для этого вы пишете свою собственную функцию и запускаете ее через файл functions.php вашей темы или как плагин.Пример:
Удалить
width
иheight
атрибуты.Присоедините новую функцию к
image_downsize
крючку:Также не забудьте правильно масштабировать изображения в вашем CSS:
Надеюсь, это поможет вам.
Ура,
источник
srcset
,sizes
и другие атрибуты изображений отзывчивых к сожалению. :( Это мое текущее решение, которое перестраивает атрибуты обратно: gist.github.com/cibulka/8e2bf16b0f55779af590472ae1bf9239Вы можете использовать
post_thumbnail_html
фильтр для удаления атрибута:Поместите это в свой
functions.php
файлисточник
Вы можете отменить встроенные стили / атрибуты с помощью
!important
:Это не самое чистое решение, но оно решает вашу проблему.
источник
wp-post-image
не был включен в мои изображения. Вместо этого у меня было что-то вродеwp-image-26
. Мне пришлось использовать другой селектор, но идея сработала.Лучшее решение - поместить jquery в нижний колонтитул
источник
CSS решение:
Это позволяет адаптивным изображениям работать должным образом, при этом вы сохраняете атрибуты width и height в элементе img, что, вероятно, лучше для старых браузеров, производительности и / или для прохождения валидаторов HTML.
PHP решение:
Это предотвратит добавление атрибутов ширины / высоты на всех вновь добавленных носителях в редакторе WP (через «Добавить носитель»). К вашему сведению, это также может повлиять на заголовки ваших изображений!
источник