Drupal 8. Делаем портфолио. Часть № 1.

Итак,  у меня уже установлен Drupal 8 на локальном веб-сервере Laragon(какой сервер значения не имеет, если что).

Шаг 1. Установка модулей и библиотек

Прежде всего нам понадобиться модуль httpss://www.drupal.org/project/shuffle и библиотека Shuffle , также модуль libraries 8.x-3.x. Теперь создадим папку libraries(а в ней уже папку shuffle в корне нашего сайта, чтобы получилось так:

Далее скопируем из папки библиотеки Shuffle файл jquery.shuffle.modernizr.min.js ( который можно найти в папке dist библиотеки) он должен быть скопирован в нашу папку shuffle, должно получиться так: libraries/shuffle/jquery.shuffle.modernizr.min.js.

Шаг 2. Создание типа материала( у меня “проект”)

Итак создадим новый тип материала “проект” со следующими параметрами:

Как видите я уже установил несколько модулей для CEO оптимизации, в частности модуль карты сайта и модуль метатег, но не суть, давайте добавим для начала поле изображение, я назову его обложка так как это будет основное изображение материала:

Теперь перейдем в стили изображений  Главная / Administration /Конфигурация / Media и добавим новый стиль с одноименным названием и параметры которого будут 330 на 330, эффект: Масштабирование и обрезка.

Далее создадим новый словарь таксономии и назовем его категории, в который я добавлю несколько терминов.

Давайте вновь вернемся к нашему типу материала и добавим новое поле “категория” со следующими характеристиками:

Тип поля “Другое…” ( так его перевели на деле это ссылка на сущность) которое ссылается на термины таксономии и имеет возможность НЕОГРАНИЧЕННОЙ – ЭТО ВАЖНО! загрузки.

Я добавил еще поле мета-тегов для поисковой оптимизации, вы же можете добавлять их сколько угодно-на ваш вкус

Шаг 3. Создание страницы с материалами “Портфолио”.

Я добавил несколько работ для визуализации процесса и давайте создадим новое представление с названием “портфолио” где типы материалов, конечно же проект, создаем страницу и выводим её в основное меню сразу же прописывая url -portfolio. В качестве форматера выбираем Shuffle Grid и поля:

Добавим поле изображение и выбираем стиль ранее нами подготовленный у меня это “обложка”, которое ссылается на контент:

Теперь для реализации “фильтра” добавляем поле категория:

В качестве разделителя множественного значения выбираем это”|” , далее заходим в настройки форматера и выбираем в качестве фильтра наше поле, я также выбираю показывать кнопку “Все”.

Сохраняем представление и вот результат:

В следующем посте мы добавим страницу проекта, а вернее просто добавим еще одно поле и настроим существующие.