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

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

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

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

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

папки
  • Save

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

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

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

Создание типа материала портфолио
  • Save

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

поле изображение
  • Save

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

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

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

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

поле ссылка
  • Save

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

поля
  • Save

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

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

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

обложка
  • Save

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

поле категория
  • Save

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

фильтр
  • Save

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

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

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

Сергей

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

Вам также может понравиться...

Популярные записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Share via
Copy link