Перейти к основному содержанию

Drupal 8 — заменяем в статье Image на Media

Drupal 8

Заменим во всех статьях стандартную картинку на объект media. Данную операцию поможет сделать новый модуль Media Library. Он появился в drupal 8.6 на уровне ядра. С появлением этого модуля у нас есть возможность работать с media-объектами "из коробки".

Drupal 8 - Media Library

Предлагаю подробную инструкцию с картинками. Данную операцию провёл на своём блоге inernet-lab.ru.

Что это даст?

  1. Можно предварительно загружать картинки к будущим статьям.
  2. Можно повторно использовать одну и ту же картинку в разных статьях.
  3. Можно оперативно заменить одну картинку на другую.
  4. Можно использовать видео вместо картинок или вместе с ними.
  5. Экономим место - меньше файлов.
  6. Встроенный механизм загрузки и поиска по ранее загруженным картинкам.
  7. Не требуются дополнительные модули для управления вставкой видео.

Включение Media Library

Переходим в расширения, фильтруем модули по слову "media". Находим модули Media и Media library, включаем галки и устанавливаем модули.

media

Добавляем новый тип Media

После включения модуля автоматически создаётся несколько типов медиа:

  • File
  • Image
  • Audio file (local)
  • Video file (local)
  • Remote video

Меня бы устроил тип Image, но он добавляет ссылку на картинку, при клике на которую открывается большое изображение. Я собираюсь рулить эмблемами статей, ссылка на большое изображение мне просто не нужна. Можно отредактировать тип Image, но лучше я создам новый тип, вдруг, Image мне ещё потом пригодится.

Переходим в Администрирование > Структура > Типы медиа:

media

Нажимаем кнопку + Добавить тип медиа. Указываем название, у меня это "Эмблема статьи". Описание - "Эмблема к статье". Источник медиа - "Image".

media

Добавляем новый тип медиа:

media

Редактируем его. Переходим во вкладку Управлении полями: у меня одно поле — Image.

media

Переходим во вкладку Управление отображением формы, Default настраиваем согласно картинке, не забываем поставить галку в расширенных параметрах отображения:

media

Media library тоже настраиваем согласно картинке:

media

Переходим во вкладку Управление отображением, Default:

media

Media library:

media

Переходим в Администрирование > Содержимое > Media:

media

Тыкаем в кнопку + Добавить медиа.

media

Кликаем "Эмблема статьи". Указываем название, загружаем картинку к статье, указываем альтернативный текст. Есть дополнительные параметры, с ними сами разберётесь.

media

Сохранить. Картинка загрузилась. Теперь у нас есть возможность загружать картинки к статьям. Я пока обойдусь одной картинкой. Можно загрузить несколько штук для нескольких статей.

media

Добавляем статьям новое поле Media

Переходим в Администрирование > Структура > Типы материалов:

media

Находим тип материала "Статья" > Управления полями:

media

Добавляем новое поле Media.

media

Ставим метку media и сохраняем. Настраиваем поля.

media

Редактируем добавленное поле, ставим галку на типе связи "Эмблема статьи".

media

Сохраняем настройки. Видим новое поле Media:

media

Переходим во вкладку Управление отображением формы, настраиваем Media.

media

Переходим во вкладку Управление отображением > Default, настраиваем Media.

media

Переходим во вкладку Управление отображением > RSS,  Оставляем по умолчанию.

media

Переходим во вкладку Управление отображением > Default, настраиваем Media.

media

Добавляем эмблему в статье

Редактируем первую статью:

media

У статьи есть картинка, такую же картинку мы добавляли как медиа. Ниже есть форма для вставки медиа, кликаем Browse media:

media

Выбираем нашу медийную картинку, Select media. Вставляем, сохраняем. Смотрим на статью.

media

В тизере статьи отображается две идентичные эмблемы, одна как поле image, вторая как media. Переходим внутрь статьи.

media

Видим похожую картину. Проверяем что нигде нет лишних заголовков и ссылок. Снова редактируем статью.

media

Удаляем старую картинку.

media

Заменяем эмблемы во всех статьях

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

media

Про вставке media в статье теперь доступно больше картинок. Доступны фильтры для быстрого поиска.

media

После того, как все статьи будут отредактированы - можно удалить старое поле Image из типа материала "Статья". Чем раньше внедрите media в материалы, тем меньше телодвижений.

Теги

 

Похожие материалы

Drupal 9 — Class ReCaptcha\ReCaptcha not found

Один из посетителей смог написать мне сообщение о том, что на сайте не работает контактная форма. За что ему большое спасибо. Открываю браузер в режиме инкогнито, пишу сам себе, — действительно, ошибка.

Теги

Drupal — модуль Metatag

В какой-то момент времени я задумался над оптимизацией поисковой выдачи для сайта. Яндекс вебмастер настойчиво напоминал о том, что у меня на сайте нет метатегов Description. Вот хлебом не корми - дай Description. Решить проблему с отсутствием метатегов поможет модуль Metatag. Этот модуль автоматически подставляет метаданные на странички сайта, что улучшает отображение контента в результатах поисковой выдачи. Кроме того, модуль позволяет вставлять специальные метатеги для социальных сетей. Конечно, ему нужно будет в этом помочь грамотными настройками, - обязательно настроим. Модуль использует tokens.

Теги