Создание водяного знака / Drupal 8

Устанавливаем модуль Image Effects:

composer require drupal/image_effects ; drush en image_effects -y

Закачиваем водяной знак. Я положу его в папку:

sites/default/files/custom/watermark/test-watermark.png
Так выглядит мой водяной знак
Создание водяного знака / Drupal 8 Разработка, Программирование, IT, Программист, Вотермарки, Обучение, Урок, Drupal, Backend, Web, Web-программирование, Учеба, Длиннопост

Создаем или редактируем стиль изображения. Добавляем новый эффект «Водяной знак».

Создание водяного знака / Drupal 8 Разработка, Программирование, IT, Программист, Вотермарки, Обучение, Урок, Drupal, Backend, Web, Web-программирование, Учеба, Длиннопост

Выстраиваем следующие настройки:

Создание водяного знака / Drupal 8 Разработка, Программирование, IT, Программист, Вотермарки, Обучение, Урок, Drupal, Backend, Web, Web-программирование, Учеба, Длиннопост

Рисунок водяного знака: Путь к файлу водяного знака;

Watermark resize: Я ставлю только ширину, высота высчитывается автоматически;

Положение: По центру по умолчанию.


Сохраняем.


Не забываем присвоить этот стиль изображения нужному изображению. В моем случае — это картинка анонса новости.

Создание водяного знака / Drupal 8 Разработка, Программирование, IT, Программист, Вотермарки, Обучение, Урок, Drupal, Backend, Web, Web-программирование, Учеба, Длиннопост

Результат:


До:

Создание водяного знака / Drupal 8 Разработка, Программирование, IT, Программист, Вотермарки, Обучение, Урок, Drupal, Backend, Web, Web-программирование, Учеба, Длиннопост

После:

Создание водяного знака / Drupal 8 Разработка, Программирование, IT, Программист, Вотермарки, Обучение, Урок, Drupal, Backend, Web, Web-программирование, Учеба, Длиннопост
Другие посты об образовательной платформе ищите по тэгу GeekBrains. Всю необходимую информацию и отзывы ищите в нашем специальном разделе. Там вы найдёте все актуальные курсы GeekBrains.