Drupal 8.x

4.5.5. Views slideshow - вывод jQuery-слайдшоу и каруселей через Views.

В 7ом друпале было много модулей для интеграции разных jQuery слайдшоу с друпал. Наверно самым популярным и удобным был Views Slideshow. В 7ой версии модуля Views Slideshow был один недостаток, он был не responsive. Сейчас в 8ой версии это поправили, поэтому давайте сделаем слайдшоу именно на Views Slideshow.

Для начала вам нужно будет скачать и установить сам модуль Views Slideshow, также нужно будет включить подмодуль Views Slideshow Cycle:

4.3. Panels, Page Manager - Конструктор вывода страниц. Создание главной страницы.

Мы уже разобрались с модулем Display Suite, который позволяет организовать вывод типа материала в несколько колонок.

Теперь мы расмотрим модули Page Manager и Panels, они позволяют вывести в колонки не только тип материла, но и дополнительные блоки на странице. Это особенно удобно для главной страницы сайта, где мы размещаем различные анонсы новостей, блогов, статей.

Скриншот

8.9. Темизация Views Drupal 8. Создаем owl carousel слайдшоу с thumbnails.

Очень часто нас не устраивает шаблон Views, поэтому мы можем переопределить шаблоны для Views. К сожалению пока нет UI для поиска нужного шаблона во Views, но мы можем использовать паттерны для переопределения шаблонов.

Подробнее про темизацию Views смотрите в этом видео:

4.5.5.1. Подключаем jQuery OwlCarousel к Drupal 8 Views

9.10. Слайдшоу для Drupal 8

8.7. Работа с регионами и блоками в Drupal 8.

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

  • Добавить данные о регионе в файл theme.info.yml
  • Отредактировать page.html.twig, добавив в него вывод нового региона

Добавляем данные о регионе в файл drupalbook.info.yml

Все регионы объединены ключем regions:

1.2.1. Обновление модулей и ядра Drupal 8.

Очень часто для модулей и ядра Drupal 8 выходят обновления. Не все обновления стоит ставить, главное обращать внимания на обновления безопасности. Друпал подсвечивает сообщения о таких обновлениях красным цветом:

друпал обновления

8.6. Работа с шаблонами в Drupal 8. Какие есть шаблоны в ядре Drupal 8.

Мы уже рассмотрели, что в 8ом друпале у нас встроен Twig и как им пользоваться. В этой статье мы разберем как работать с шаблонами друпала, какие есть шаблоны в теме Stable, как переопределять шаблоны Stable и как переопределять шаблоны различных сущностей друпала.

Итак, давайте начнем с шаблонов темы Stable, перейдем в папку templates темы Stable:

скриншот

Шаблоны разбиты по функциональному признаку:

8.5. Работа с CSS в Drupal 8. Breakpoints, responsive настройки в теме Drupal 8.

В прошлых уроках мы уже подключили CSS к нашей теме. Для этого мы указали в файле drupalbook.info.yml:

libraries:
  - drupalbook/global-styling

Дальше мы создали файл drupalbook.libraries.yml, где уже указали какой файл CSS подключать:

global-styling:
  version: 1.x
  css:
    theme:
      css/style.css: {}
      css/print.css: { media: print }

С этого момента мы подробно разберем как работать с CSS в нашей теме.

8.4. Twig - новый шаблонизатор для Drupal.

Если вы откроете файл шаблона page.html.twig темы Stable:

/core/themes/stable/templates/layout/page.html.twig

То вы обнаружите, что он отличается от шаблона Drupal 7 page.tpl.php, во-первых, расширением и во-вторых, обилием фигурных скобок {}. Это все из-за того что в Drupal 8 используется шаблонизатор Twig.

8.3. Создание своей Drupal 8 темы на основе темы Stable.

Начиная с этой статьи мы будем делать свою тему на друпале. В этом разделе учебника мы разберем основы темы на друпале, где что лежит, как подключать и использовать CSS, JavaScript. Делать свою тему мы будем на основе темы-конструктора ядра Stable. Если вы хотите изучать друпал, то Stable отличное начало. Не стоит начинать с Bootstrap, у вас будут постоянно возникать вопросы и ошибки. В следующем разделе учебника мы уже с багажом умений созданий темы для Drupal 8, возьмемся и за Bootstrap.

Страницы

Подписка на RSS - Drupal 8.x