Адаптация больших картинок на WP
Мне необходимо подключить изображения.
В index.php пишу <img src = /assets/img/1.jpg />.
Проблема в том, что в стилях у меня разная адаптация под разные устройства, т. е разные размеры одного изображения.
В реалности изображение имеет размер 1200х1200px. Когда я в index.php пишу эту строчку (верхняя которая), на экране картинка не подстраивается под адаптивные размера, а подключается какая есть 1200х1200px. Как мне нужно написать, чтобы картинка подстроилась под адаптивность?
https://wp-kama.ru/id_13564/atributy-scrset-sizes.html
Мне нужно сделать адаптация картинки в WP, а не в html.html ие у меня стоят в css как @media
То есть почему то wp текст видит и масштабирует его как в css @media, а картинки не видит и не адаптирует как в css @media
Вам нужно почитать современную литературу про адаптивность сайта, медиа-запросы и как это всё работает.
Медиа-запросы слушает браузер устройства посетителя сайта, а не CMS, работающая на сервере где-то далеко в галактике.
Именно браузер, а не WordPress, "текст видит и масштабирует его как в css @media".
И чтобы браузер мог решить, какую картинку показать посетителю в зависимости от ширины экрана его устройства, и придуманы атрибут srcset тега img и пара тегов picture-source.
Если тег img в шаблоне формируется стандартными функциями WordPress и заполнение атрибута srcset не запрещено, то атрибут заполняется автоматически ссылками на изображения всех зарегистрированных размеров. После ссылки указывается условие, в зависимости от которого браузер выбирает ту или иную ссылку.
Вы можете зарегистрировать нужное количество размеров картинок под нужное количество значений ширины окна браузера. И тогда при загрузке картинки в медиа-библиотеку WordPress создаст копию картинки под каждый зарегистрированный размер.
Кажется поняла, сейчас попробую)
Да, спасибо, теперь все норм)