Найти тему

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

Оглавление

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

Drupal 8 - Media Library

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

Что это даст?

  • Можно предварительно загружать картинки к будущим статьям.
  • Можно повторно использовать одну и ту же картинку в разных статьях.
  • Можно оперативно заменить одну картинку на другую.
  • Можно использовать видео вместо картинок или вместе с ними.
  • Экономим место — меньше файлов.
  • Встроенный механизм загрузки и поиска по ранее загруженным картинкам.
  • Не требуются дополнительные модули для управления вставкой видео.

Включение Media Library

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

-2

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

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

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

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

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

-3

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

-4

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

-5

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

-6

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

-7

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

-8

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

-9

Media library:

-10

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

-11

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

-12

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

-13

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

-14

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

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

-15

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

-16

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

-17

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

-18

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

-19

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

-20

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

-21

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

-22

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

-23

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

-24

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

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

-25

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

-26

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

-27

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

-28

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

-29

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

-30

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

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

-31

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

-32

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

Источник:
https://internet-lab.ru/drupal8_image_to_media

Если вам понравилась статья, то ставьте 👍🏻 каналу.
Пишите комментарии, задавайте вопросы, подписывайтесь.