Настройка адаптивных изображений в Drupal

Люди выходят в интернет с разных устройств с разным разрешением экрана: планшетов, компьютеров, ноутбуков, смартфонов. Сайт должен отображаться на каждом из них так, чтобы пользователю было удобно им пользоваться. В системе управления сайтом Drupal предусмотрены адаптивные стили изображения, чтобы решить эту проблему.

Включение модуля

Для включения модуля, отвечающего за адаптивные изображения, нужно кликнуть левой кнопкой мыши на строку «Расширения» в верхнем меню панели администрирования. В разделе ядро нужно найти строку «Responsive Image», рядом с названием должна стоять галочка. Установка расширения Responsive Image в Drupal Если галочки не стояло, то расширение ещё не установлено и кнопки «Настройте» для перехода к настройкам не будет. Для установки расширения прокрутите страницу вниз и нажмите кнопку "Установить".

Для перехода к настройкам расширения надо нажать на описание модуля, а затем кликнуть кнопку «Настройте». Настройка расширения Responsive Image в Drupal Откроется окно настроек: Список адаптивных стилей в Drupal Перейти к настройкам адаптивных стилей также можно другим способом. В верхнем меню нужно нажать кнопку «Конфигурация», а затем выбрать пункт «Адаптивные стили изображений» в разделе «Мультимедиа».

Управление адаптивными стилями

Для добавления нового адаптивного стиля надо нажать кнопку «Добавить адаптивный стиль изображений». В открывшемся окне нужно задать метку стиля, выбрать группу точек и выбрать резервный стиль, представляющий собой наименьший размер изображений, который планируется использовать. Добавление адаптивного стиля в Drupal После нажатия на кнопку «Сохранить» откроется окно редактирования этого стиля. Оно отличается от предыдущего наличием раздела 1X VIEWPORT SIZING. Здесь у пользователя есть на выбор три опции:
  • не использовать контрольные точки;
  • выбрать единственный стиль изображения;
  • выбрать несколько стилей.
Выбор размеров изображений для стиля в Drupal Администратор может выбрать из тех стилей, которые уже были созданы. О том, как это сделать, мы писали в предыдущей статье "Стили изображений в Drupal".

Для применения настроек нужно нажать кнопку «Сохранить». Вернуться к настройкам можно в любой момент, для этого нужно напротив соответствующего стиля нажать кнопку «Редактировать» в столбце «Операции».
MouseDC.ru - хостинг, виртуальный хостинг, покупка доменов, проверка доменов, WHOIS, курсы создания сайтов, вебинары по созданию, курсы разработки сайтов, доработка сайтов, сопровождение сайтов, разработка сайтов, техподдержка сайтов
Была ли эта статья полезна? Есть вопрос?
Cмотрите другие статьи: