TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

WordPress – автоматически удаляем высоту (height) изображений благодаря jQuery

1 259

height — css атрибут изображения указывающий высоту картинки, данный атрибут весьма полезен, но вместе с атрибутом wedith (ширина изображения на блоге) растягивает или стягивает картинку на мобильных устройствах. В этой статье пойдет речь о том как удалить атрибут высоты из всех изображений сайта не прибегая к ручному удалению.

Для чего нужен скрипт:

Так получилось что CMS WordPress при вставке изображений на страницы, записи, виджеты и т.д., по умолчанию вставляет в ссылку изображения атрибуты ширины и высоты, что в свою очередь очень хорошая штука, так как дает понимание браузерам как отображать картинку. Но в случае с адаптивным интерфейсом эти атрибуты могут сыграть злую шутку, ведь именно за счет них картинка при открытии записи на мобильном устройстве растягивается или стягивается.

Скрипт:

Для адекватного отображения уже имеющихся картинок на сайте нам придет на помощь данный скрипт:

Что делает скрипт:

Скрипт удаляет из изображений атрибут высоты (height), оставляя атрибут ширины (wedith) за счет чего картинка будет отображаться красиво и в нормальном размере на любых устройствах.

Данный скрипт необходимо установить в файл header.php сразу после открывающегося тега <head>.

Ка выглядит картинка по умолчанию на блоге при просмотре записи блога на мобильном телефоне:

WordPress - автоматически удаляем высоту (height) изображений благодаря jQuery

Вот как выглядит картинка после применения скрипта:

WordPress - автоматически удаляем высоту (height) изображений благодаря jQuery

Скрипт оригинал находится здесь (удаляет и высоту и ширину): http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/

Источник записи: https://mediadoma.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее