WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru Получай пассивный доход от сайта с помощью браузерных PUSH уведомлений

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

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

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

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

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

0
id433211235
15 дней назад
  • 0
    Andrew378 america-xix.ru
    id433211235 14 дней назад

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

    id433211235 14 дней назад

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

    Andrew 13 дней назад

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

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

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

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

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

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

    id433211235 13 дней назад

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

    id433211235 13 дней назад

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

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