WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

Адаптация больших картинок на WP

Мне необходимо подключить изображения.

В index.php пишу <img src = /assets/img/1.jpg />.

Проблема в том, что в стилях у меня разная адаптация под разные устройства, т. е разные размеры одного изображения.

В реалности изображение имеет размер 1200х1200px. Когда я в index.php пишу эту строчку (верхняя которая), на экране картинка не подстраивается под адаптивные размера, а подключается какая есть 1200х1200px. Как мне нужно написать, чтобы картинка подстроилась под адаптивность?

0
id433211235
1 месяц назад
  • 0
    Andrew475 america-xix.ru
    id433211235 1 месяц назад

    Мне нужно сделать адаптация картинки в WP, а не в html.html ие у меня стоят в css как @media

    id433211235 1 месяц назад

    То есть почему то wp текст видит и масштабирует его как в css @media, а картинки не видит и не адаптирует как в css @media

    Andrew 1 месяц назад

    Вам нужно почитать современную литературу про адаптивность сайта, медиа-запросы и как это всё работает.

    Медиа-запросы слушает браузер устройства посетителя сайта, а не CMS, работающая на сервере где-то далеко в галактике.

    Именно браузер, а не WordPress, "текст видит и масштабирует его как в css @media".

    И чтобы браузер мог решить, какую картинку показать посетителю в зависимости от ширины экрана его устройства, и придуманы атрибут srcset тега img и пара тегов picture-source.

    Если тег img в шаблоне формируется стандартными функциями WordPress и заполнение атрибута srcset не запрещено, то атрибут заполняется автоматически ссылками на изображения всех зарегистрированных размеров. После ссылки указывается условие, в зависимости от которого браузер выбирает ту или иную ссылку.

    Вы можете зарегистрировать нужное количество размеров картинок под нужное количество значений ширины окна браузера. И тогда при загрузке картинки в медиа-библиотеку WordPress создаст копию картинки под каждый зарегистрированный размер.

    id433211235 1 месяц назад

    Кажется поняла, сейчас попробую)

    id433211235 1 месяц назад

    Да, спасибо, теперь все норм)

    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация