Люди выходят в интернет с разных устройств с разным разрешением экрана: планшетов, компьютеров, ноутбуков, смартфонов. Сайт должен отображаться на каждом из них так, чтобы пользователю было удобно им пользоваться. В системе управления сайтом Drupal предусмотрены адаптивные стили изображения, чтобы решить эту проблему.
Включение модуля
Для включения модуля, отвечающего за адаптивные изображения, нужно кликнуть левой кнопкой мыши на строку «Расширения» в верхнем меню панели администрирования. В разделе ядро нужно найти строку «Responsive Image», рядом с названием должна стоять галочка.
![Установка расширения Responsive Image в Drupal](/upload/learning/cms/drupal/318/1.jpg)
Если галочки не стояло, то расширение ещё не установлено и кнопки «Настройте» для перехода к настройкам не будет. Для установки расширения прокрутите страницу вниз и нажмите кнопку "Установить".
Для перехода к настройкам расширения надо нажать на описание модуля, а затем кликнуть кнопку «Настройте».
![Настройка расширения Responsive Image в Drupal](/upload/learning/cms/drupal/318/2.jpg)
Откроется окно настроек:
![Список адаптивных стилей в Drupal](/upload/learning/cms/drupal/318/3.jpg)
Перейти к настройкам адаптивных стилей также можно другим способом. В верхнем меню нужно нажать кнопку «Конфигурация», а затем выбрать пункт «Адаптивные стили изображений» в разделе «Мультимедиа».
Управление адаптивными стилями
Для добавления нового адаптивного стиля надо нажать кнопку «Добавить адаптивный стиль изображений». В открывшемся окне нужно задать метку стиля, выбрать группу точек и выбрать резервный стиль, представляющий собой наименьший размер изображений, который планируется использовать.
![Добавление адаптивного стиля в Drupal](/upload/learning/cms/drupal/318/4.jpg)
После нажатия на кнопку «Сохранить» откроется окно редактирования этого стиля. Оно отличается от предыдущего наличием раздела 1X VIEWPORT SIZING. Здесь у пользователя есть на выбор три опции:
- не использовать контрольные точки;
- выбрать единственный стиль изображения;
- выбрать несколько стилей.
![Выбор размеров изображений для стиля в Drupal](/upload/learning/cms/drupal/318/5.jpg)
Администратор может выбрать из тех стилей, которые уже были созданы. О том, как это сделать, мы писали в предыдущей статье "
Стили изображений в Drupal".
Для применения настроек нужно нажать кнопку «Сохранить». Вернуться к настройкам можно в любой момент, для этого нужно напротив соответствующего стиля нажать кнопку «Редактировать» в столбце «Операции».