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


0. Обзор Drupal 8. Что нового?

Всем, привет! Вышла новая версия CMS Друпал номер 8. Разработка этой версии началась сразу как вышла 7ая версия друпала в 2011 году. За это время 8ая версия далеко ушла от 7ой версии.

Друпал 8 позволит Вам быстро создать сайт вашей компании, небольшой портал или интернет-магазин, только используя стандартные модули. Конечно на момент выхода Drupal 8 немного дополнительных модулей, но довольно скоро их портируют с 7го друпала на 8ой. Так что уже через 2-3 месяца после выхода Drupal 8.0 вы сможете использовать его для своего сайта.

Cразу после установки друпала все материалы (страницы и статьи) публикуются на главной странице. Фактически после установки это блог, который можно будет расширить до чего Вам угодно.

Управление контентом

В Drupal 8 сверху у Вас будет удобная панель управления.

Страницы администрирования включаются во всплывающих окнах:

 

 

Если Вы нажмете Содержимое и потом на Добавление материала, то у Вас появится форма добавления материала:

add content

 

После добавления материалов на сайте, их сокращенная версия отображается на главной странице. При добавление статьи (Article) Вы можете вставить картинку, прописать теги, использовать визуальный редактор CKEditor для правки текста (как в LibreOffice Writer или в MS Word).

добавление статьи

 

В результате на главной странице у Вас будет блог:

друпал 8 блог

 

В друпал 8 сделана очень удобная система управления контентом. Мы уже видели страницу Содержимое, где можно посмотреть все материалы сайта с фильтрами. Но можно также редактировать контент прямо с сайта, просто наведите на нужный текст и вы увидите значок редактирования:

редактирование друпал 8

 

И правим все что нужно прямо на сайте:

 редактирование друпал 8

 

Теперь можем править все прямо в тексте статьи! Это удобно для людей, которые еще мало знакомы с друпалом.

Меню

Нужные страницы можно вынести в меню. В друпале в меню можно добавлять сразу при добавлении материалов.

в меню

 

Теперь у нас в меню появилась новая ссылка:

меню друпал 8

Мы также можем без труда добавить новое меню:

друпал 8 меню

 

Теперь можно добавлять в наше новое меню страницы. Каждое меню выводится на странице как блок в нужном нам регионе.

 

меню друпал 8

Поля

 Одна из приятных особенностей друпала, это добавление полей ко всему чему угодно: материалы, пользователи, комментарии и так далее. Также как и в 7ом друпале модули работы с полями в ядре 8го друпала.

Блоки

В друпал 8, как и в других версиях друпала, есть управление блоками. Через блоки можно выводить текст, меню, новости и любые другие материалы и данные сайта. В друпал 8 блоки - такие же сущности, как и материалы, комментарии, пользователи и им можно добавлять поля и разделять на типы блоков.

 

Блоки друпал 8

 

Пользователи

 Работа с пользователями такая же, как и в 7ом друпале. Можно управлять правами доступа и ролями как нам угодно:

друпал пользователи

 

Комментарии

 Комментарии такие же как и в 7ом друпале.

 

Работа с изображениями

 Так же, как и 7ой версии, в 8ом друпале в ядре есть модули для работы с изображениями.

Views

 Views теперь в ядре! Этот конструктор запросов и вывода всего что угодно используется на подавляющем большинстве сайтов, поэтому теперь он входит в состав drupal 8.

И многие другие дополнительные модули

 О них мы поговорим в уроках и статьях.

 

Что нового?

Друпал использует некоторые библиотеки Symfony2 и Zend Framework 2

Все сторонние библиотеки теперь размещаются в папке:

/core/vendor

Ядро друпала для удобства тоже убрали в отдельную папку:

/core

Среди библиотек можно найти такие популярные библиотеки как:

twig - простой, быстрый и удобный шаблонизатор используемый в symfony2 (вместо PHPTemplate 7го друпала).

doctrine - удобная библиотека для работы с базой данных. Эту библиотеку можно сравнить со Views в друпале. Она позволяет без особого труда добавлять новые поля, использовать связи многие-ко-многим, выводить из базы данные.

маршрутизация из symfony2 (http-kernel, http-foundation, routing) - маршрутизация в symfony2 очень удобная. Все принципы изложены на одной странице, вы можете ознакомиться с ними здесь: http://symfony.com/doc/current/book/routing.html

EventDispatcher (Диспетчер событий) - библиотека для работы с событиями. Фактически тоже самое, что делает модуль Rules в друпале.

Autoloader (Автоподгрузка) - Друпал 8 вобрал в себя почти 10,000 файлов! Чтобы все это не грузилось при открытии одной страницы нужно подгружать только то, что действительно необходимо для генерации страницы. Это и должны выполнять библиотеки symfony2.

Использование библиотек точечное, используются (возможно пока) только 3 библиотеки: zend feed, zend stdlib, zend escaper.

То, что в drupal 8 используется symfony 2, значит:

1) Время разработки следующей версии друпала займет меньше времени. Разработчикам друпала больше не нужно будет писать часть функционала Drupal,  этим займутся разработчики CMF Symfony.

2) Symfony2 требует PHP 5.3.3, а это значит, что очень многие хостинги с 5.2 и меньше просто не позволят установить друпал. Так что вам придется просить своего хостера обновить ПО.

 Друпал адаптирован под мобильные устройства.

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

drupal 8 on phone

 

drupal 8 on phone

 

 

 Статья будет обновляться как найду что-нибудь и интересное в друпал 8. А пока буду делать полный курс по Drupal 8.

 

 

drupalbook.ru

Вопросы по друпал 8 от 09-10-2016

Установил DRUPAL8\Adaptive theme\Sub theme.

Установил фото-галерею на основе Colorbox (работает) 

1) нужно упорядочить отображение миниатюр - сделать равномерно по всей странице 

Я создал контент тип Фотогалерея и добавил в него поле Фото, теперь фото выводятся по умолчанию в столбец как обычные div'ы. 

друпал 8

Используем этот модуль, чтобы сгенерировать подтему для Adaptive Theme:

https://www.drupal.org/project/at_tools

 И генерируем новую тему, я назову ее drupalbook.

/admin/appearance/at_generate

Если при генерации указать вот эти настройки, то можно будет использовать  SASS и иметь базовые настройки цветов через админку.

drupal 8

 

 Настройки можно посмотреть в Оформление - Настройки - Название твоей темы:

друпал 8

 

Если ты зайдешь в папку

/styles

То здесь ты увидешь разные папки sass и css. Если ты не собираешься использовать SASS, то проще писать стили css папке напрямую. Если у тебя настроен Compass или другой компилятор SASS, то лучше всего писать стили в sass папке и потом компилировать из него CSS. Но в принципе можно пока не разбираться с SASS, а сразу писать в css папку стили. Давай писать стили в файл:/styles/css/custom.css

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

друпал

Выделяем наши картинки и смотрим класс:

друпал 8

В данном случае у меня класс field-type-image__figure, поэтому мы будем обращаться к классу таким образом чтобы указать стили только для фотографий в этом типе материала Фотогалерея:

.field-name-field-photo .field-type-image__figure { display: inline-block; margin-right: 10px; margin-bottom: 10px; }

Естественно название поля может быть другим, так что название класса может поменяться. Пишем наш код в custom.css. Не забудь отключить агрегацию CSS здесь:

/admin/config/development/performance

Теперь фотогалерея выравнилась:

drupal 8 photo

2)  как менять цвет выделения шрифта на странице, цвет фона основных страниц, заливка фона?

В самой теме Adaptive theme немного настроек, все придется писать через CSS

body { background: #eee; font-family: "Helvetica Neue", Arial, Sans-Serif; } 

3) слайдшоу на основе views slideshow: создать, настроить, разместить в верхней части сайта (пробовал по инструкциям http://drupalbook.ru/drupal/455-views-slideshow-vyvod-jquery-slaydshou-i-karuseley-cherez-views не выхоит)   

 Лучше использовать Flex Slider. Допустим я уже имею тип материала Фотогалерея, теперь нужно добавить модуль Flex slider. Включать нужно будет модули Flex Slider и Flex Slider Views.

Теперь создаем View.

/admin/structure/views/add

Drupal slideshow

Когда будешь добавлять поле Фото, нужно убрать Множественное отображение поля:

друпал 8

Это позволит выводить фото как отдельный слайд. Заголовок ноды можно убрать из полей и выводить только картинку. Также в поле Фото можно выбрать стиль отображение (размер) картинки.

Для отображения нужно выбрать формат Flex slider:

Drupal 8

Сохраняем вью.

Теперь заходим в Структура - Схема блоков и выводим наш блок в нужный регион.

 Flex slider должен заработать, единственно нужно будет подправить CSS для стрелок:

drupal 8

4) установка модуля гугл-карты в контакты

Тут надо решить сначала что это будет за гугл карта. Если это один офис и адрес к нему, то можно просто через конструктор карт создать карту и вставить код карты в блок. В интернете довольно много конструкторов карт, вот один из них:

http://embedgooglemaps.com/ru/ 

google map

 Просто копируем этот код и вставляем в блок. Только нам нужно будет включить модуль PHP 

https://www.drupal.org/project/php

Он позволит вставить javascript код в блок, чтобы он не отфильтровывался.

друпал 8 google map

И потом вставляем блок карты, как обычный блок друпала через Схема блоков - Разместить блок (в нужном регионе)

drupal 8

Есть простые модули для 8го друпала, для гугл карт:

https://www.drupal.org/project/simple_gmap

 На друпал можно делать карты с помощью модуля Views и Location Map, Gmap:

https://www.drupal.org/project/locationmaphttps://www.drupal.org/project/gmap 

5) привязка домена, загрузка сайта на google cloud platform

Здесь на видео показано как добавить зоны для google cloud platform:

Но у каждого регистратора доменов свои админки и там нужно эти зоны прописать. Если возникнут трудности пиши.

6) защита от хакерских атак

Чтобы защититься от взлома нужно обновлять друпал и модули, хотя бы критические обновления безопасности. Они обычно красным подсвечиваются на странице обновлений.

Нужно отключить FTP если он не нужен или есть SSH на сервере.

Нужно сделать сложные пароли, чтобы нельзя было их просто подобрать. Лучше всего сгенерировать пароль.

Нужно развернуть git и бекапы сайта, чтобы можно было быстро развернуть код, файлы и базу данных сайта на другом сервере или восстановить на текущем.

В остальном есть еще модуль Security review:

https://www.drupal.org/project/security_review

 Но он больше как список того что нужно проверить.

Есть модуль hacked, который может показать какие из модулей были изменены после взлома:

https://www.drupal.org/project/hacked

 

 

drupalbook.ru

0. Обзор Drupal 8. Что нового?

Всем, привет! Вышла новая версия CMS Друпал номер 8. Разработка этой версии началась сразу как вышла 7ая версия друпала в 2011 году. За это время 8ая версия далеко ушла от 7ой версии.

Друпал 8 позволит Вам быстро создать сайт вашей компании, небольшой портал или интернет-магазин, только используя стандартные модули. Конечно на момент выхода Drupal 8 немного дополнительных модулей, но довольно скоро их портируют с 7го друпала на 8ой. Так что уже через 2-3 месяца после выхода Drupal 8.0 вы сможете использовать его для своего сайта.

Cразу после установки друпала все материалы (страницы и статьи) публикуются на главной странице. Фактически после установки это блог, который можно будет расширить до чего Вам угодно.

Управление контентом

В Drupal 8 сверху у Вас будет удобная панель управления.

Страницы администрирования включаются во всплывающих окнах:

 

 

Если Вы нажмете Содержимое и потом на Добавление материала, то у Вас появится форма добавления материала:

add content

 

После добавления материалов на сайте, их сокращенная версия отображается на главной странице. При добавление статьи (Article) Вы можете вставить картинку, прописать теги, использовать визуальный редактор CKEditor для правки текста (как в LibreOffice Writer или в MS Word).

добавление статьи

 

В результате на главной странице у Вас будет блог:

друпал 8 блог

 

В друпал 8 сделана очень удобная система управления контентом. Мы уже видели страницу Содержимое, где можно посмотреть все материалы сайта с фильтрами. Но можно также редактировать контент прямо с сайта, просто наведите на нужный текст и вы увидите значок редактирования:

редактирование друпал 8

 

И правим все что нужно прямо на сайте:

 редактирование друпал 8

 

Теперь можем править все прямо в тексте статьи! Это удобно для людей, которые еще мало знакомы с друпалом.

Меню

Нужные страницы можно вынести в меню. В друпале в меню можно добавлять сразу при добавлении материалов.

в меню

 

Теперь у нас в меню появилась новая ссылка:

меню друпал 8

Мы также можем без труда добавить новое меню:

друпал 8 меню

 

Теперь можно добавлять в наше новое меню страницы. Каждое меню выводится на странице как блок в нужном нам регионе.

 

меню друпал 8

Поля

 Одна из приятных особенностей друпала, это добавление полей ко всему чему угодно: материалы, пользователи, комментарии и так далее. Также как и в 7ом друпале модули работы с полями в ядре 8го друпала.

Блоки

В друпал 8, как и в других версиях друпала, есть управление блоками. Через блоки можно выводить текст, меню, новости и любые другие материалы и данные сайта. В друпал 8 блоки - такие же сущности, как и материалы, комментарии, пользователи и им можно добавлять поля и разделять на типы блоков.

 

Блоки друпал 8

 

Пользователи

 Работа с пользователями такая же, как и в 7ом друпале. Можно управлять правами доступа и ролями как нам угодно:

друпал пользователи

 

Комментарии

 Комментарии такие же как и в 7ом друпале.

 

Работа с изображениями

 Так же, как и 7ой версии, в 8ом друпале в ядре есть модули для работы с изображениями.

Views

 Views теперь в ядре! Этот конструктор запросов и вывода всего что угодно используется на подавляющем большинстве сайтов, поэтому теперь он входит в состав drupal 8.

И многие другие дополнительные модули

 О них мы поговорим в уроках и статьях.

 

Что нового?

Друпал использует некоторые библиотеки Symfony2 и Zend Framework 2

Все сторонние библиотеки теперь размещаются в папке:

/core/vendor

Ядро друпала для удобства тоже убрали в отдельную папку:

/core

Среди библиотек можно найти такие популярные библиотеки как:

twig - простой, быстрый и удобный шаблонизатор используемый в symfony2 (вместо PHPTemplate 7го друпала).

doctrine - удобная библиотека для работы с базой данных. Эту библиотеку можно сравнить со Views в друпале. Она позволяет без особого труда добавлять новые поля, использовать связи многие-ко-многим, выводить из базы данные.

маршрутизация из symfony2 (http-kernel, http-foundation, routing) - маршрутизация в symfony2 очень удобная. Все принципы изложены на одной странице, вы можете ознакомиться с ними здесь: http://symfony.com/doc/current/book/routing.html

EventDispatcher (Диспетчер событий) - библиотека для работы с событиями. Фактически тоже самое, что делает модуль Rules в друпале.

Autoloader (Автоподгрузка) - Друпал 8 вобрал в себя почти 10,000 файлов! Чтобы все это не грузилось при открытии одной страницы нужно подгружать только то, что действительно необходимо для генерации страницы. Это и должны выполнять библиотеки symfony2.

Использование библиотек точечное, используются (возможно пока) только 3 библиотеки: zend feed, zend stdlib, zend escaper.

То, что в drupal 8 используется symfony 2, значит:

1) Время разработки следующей версии друпала займет меньше времени. Разработчикам друпала больше не нужно будет писать часть функционала Drupal,  этим займутся разработчики CMF Symfony.

2) Symfony2 требует PHP 5.3.3, а это значит, что очень многие хостинги с 5.2 и меньше просто не позволят установить друпал. Так что вам придется просить своего хостера обновить ПО.

 Друпал адаптирован под мобильные устройства.

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

drupal 8 on phone

 

drupal 8 on phone

 

 

 Статья будет обновляться как найду что-нибудь и интересное в друпал 8. А пока буду делать полный курс по Drupal 8.

 

 

drupalbook.ru

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

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

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

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

# Regions regions: header: 'Header' content: 'Content' footer: 'Footer'

Машинное имя региона должно состоять из букв и чисел, можно использовать нижнее подчеркивание, в принципе все как в переменных PHP. Читаемое имя можно указывать в ковычках или без если нет пробелов, но лучше всеже кавычки ставить всегда. Читаемое имя региона отображается в админке, а машинное имя используется в шаблоне page.html.twig.

 Добавляем вывод региона в page.html.twig

Весь вывод регионов находится в переменной page. Для того чтобы вывести нужный регион, нужно вывести часть переменной page. Используйте машинное имя региона для вывода, например у нас регион header:

header: 'Header'

Поэтому мы используем машинное имя header:

{{ page.header }}

Вы можете выводить любой регион из вашего theme.info.yml файла в любом месте шаблона page.html.twig.

Стандартные региона Drupal 8

Вы можете всегда обращаться к официальной документации: page.html.twig

page.header: для вывода вашей шапки сайта.

page.primary_menu: для вывода главного меню сайта.

page.secondary_menu: для вывода дополнительного меню.

page.highlighted: для вывода информации над контентом.

page.help: для вывода справки.

page.content: обязательный регион для вывода контента сайта.

page.sidebar_first: первый сайдбар.

page.sidebar_second: второй сайдбар.

page.footer: подвал сайта.

page.breadcrumb: хлебные крошки сайта. 

 Вы можете использовать стандартные регионы друпала, можете добавлять свои, главное следите чтобы название региона соответствовало его нахождению в page.html.twig.

drupalbook.ru

2.4. Blog, CKEditor - блог на Drupal 8.

Модуль блог теперь не включен в ядро друпала и его можно скачать со страницы модуля:

https://www.drupal.org/project/blog

Устанавливается он также как и все остальные модули.

Друпал 8 это уже готовая платформа для блога, вам нужно только включить модуль CKEditor, для более удобного редактирования. Включите его, если он не включен.

Теперь нужно настроить модуль CKEditor, заходим в Меню - Настройка - Text format and editors и нажимает настройки для Обычного текста.

Давайте выберем использование CKEditor для этого формата ввода.

plain text

Обычный текст (plain text) предназначен для всех типов пользователей и в нем по умолчанию не выводятся html-теги, если вы хотите использовать оформление текста в своем блоге, то лучше создать еще один формат ввода, например Текст с HTML.

добавить формат ввода

Пишем название нашего нового формата ввода и выбираем роли, которые будут использовать этот формат ввода, также нужно выбрать использование ckeditor'а:

новый формат ввода

Дальше нужно будет настроить фильтры.

форматы ввода

Нам нужно выбрать Ограничить разрешённые в содержании HTML-теги, чтобы пользователи не могли вставить не нужные нам html-теги. Нам не нужно выбирать Показывать любой HTML как обычный текст, потому что фильтровать все-таки будет формат ввода Простой текст (plain text). Все остальные фильтры вы можете выбирать на свое усмотрение.

Еще один важный момент, форматы ввода применяются сверху вниз. То есть если мы анонимные пользователи, то мы не можем использовать Текст с HTML, но авторизированный пользователь может, поэтому нам важно, чтобы у авторизированного по умолчанию появлялся формат ввода Текст с HTML. Поэтому Текст с HTML, мы ставим в начало списка.

форматы ввода

 

 

Все теперь можно создавать материалы через визуальный редактор.

ckeditor

Еще можно добавить кнопки в наш визуальный редактор. Вернитесь в настройку формата Текст с HTML и перетащите нужные иконки кнопок в панель Active toolbar:

кнопки CKEditor

Теперь нам осталось сделать так, чтобы все новые статьи выводились на главной странице. Давайте зайдем в редактирование типа материала Статья (или другого вашего типа материала):

публиковать на главной

Нам важно чтобы стояла эта галочка, это позволит публиковать все новые материалы на главной странице.Теперь нужно в настройках сайта поставить, чтобы на главной выводились все наши ноды. Сначала включим модули Views, Views UI, именно Views выводит в друпал 8 все материалы на главную страницу.

После того как мы включили модули Views и Views на странице Информация о сайте нужно выставить путь главной страницы /node :

настройки сайта

Ну вот и все блог готов, все анонсы материалов будут публиковаться на главной странице. В следующем уроке мы разберемся с категориями наших сообщений, чтобы можно было задавать рубрики нашего блога.

блог на друпал 8

В предыдущих версиях друпал для блога использовался отдельный модуль блог:

https://drupal.org/project/blog

 

drupalbook.ru

Видеокурс "Разработка сайтов на CMS Drupal 8"

Всем, Привет! Мы группа веб-разработчиков drupalbook.ru. Помимо разработки сайтов мы занимаемся созданием видеоуроков по CMS Drupal, HTML, CSS, Javascript, jQuery, PHP. Свои уроки мы выкладываем на youtube-канале:https://www.youtube.com/user/SiteMadeRuНа rutracker.org:http://rutracker.org/forum/viewtopic.php?t=4039808А также в своей группе вконтакте:https://vk.com/sitemade

Скоро выходит новая версия CMS Drupal 8. Мы хотим подготовить полноценный видеокурс о том, как создавать сайты на Drupal 8. Мы записали уже более 100 видеоуроков по созданию сайтов на Drupal 6 и Drupal 7. На наших наработках сделаны десятки сайтов:drupalbook.ru/project/blogВ этот раз мы хотим, чтобы это были не просто отдельные уроки, а цельный курс, с помощью которого люди могли бы сделать себе сайт компании или интернет магазин посмотрев только этот видеокурс.

Планируемый список уроков:

0. Обзор Drupal 8. Что нового?1. Установка и русификация Drupal 8. Видео1.1. Инсталяционные профайлы. Видео1.2. Установка модулей на Drupal 8. Видео    1.2.1. Обновление модулей и ядра Drupal 8.1.3. Русификация Drupal 8. Видео1.4. Установка темы оформления на Drupal 8. Темы конструкторы. Видео1.5. Выбор хостинга, покупка доменного имени. Перенос сайта на хостинг.2. Базовые возможности Drupal 8.2.1. Материалы сайта, типы материалов, ноды. Видео2.2. Пользователи, роли и разрешения. Видео2.3. Comment - Комментарии. Видео2.4. Blog, CKEditor - блог на Drupal 8. Видео2.5. Taxonomy - Таксономия, словари и термины. Видео2.6. Block - Регионы и блоки. Видео2.7. Field, Entity - работа с полями и сущностями. Видео2.8. Image - Работа с изображениями, пресеты. Видео2.9. Views - конструктор вывода материала. Новостная лента на Drupal 8. Видео2.10. Colorbox - Создание простой фотогалереи на Drupal 8. Видео2.11. Forum - Создание форума на Drupal 8. Видео2.12. Menu. Меню в Друпал 8. Видео 

3. Drupal 8 Конфигурация3.1. Настройка учетной записи. Видео3.2. Система. Информация о сайте. Видео3.3. Интерфейс пользователя. Ярлыки. Видео3.4. Работа с содержимым. Текстовые форматы. Видео3.5. Мультимедиа. Стили изображений. Видео 3.6. Поиск и метаданные. ЧПУ для друпал. Видео3.7. Разработка. Логи, Кеш, Режим обслуживания, Управление конфигурацией. Видео3.8. Регион и язык. Перевод Друпал на другой язык. Видео3.9. Веб-службы. Видео 

4. Конструкторы Drupal 8.4.1. Contact - Конструктор форм. Форма обратной связи. Видео 4.2. Display Suite - Конструктор вывода нод. Видео4.3. Panels, Page Manager - Конструктор вывода страниц. Создание главной страницы. Видео4.4. Paragraphs - Конструктор landing page. Видео4.5. Views - Конструктор вывода материалов. Вывод блоков и страниц.   4.5.0. Обзор модуля Views. Видео   4.5.1. Views Фильтры и сортировка. Видео   4.5.2. Views exposed фильтры и сортировка. Доска объявлений на Drupal 8. Видео   4.5.3. Views Аргументы (контекстные фильтры). Видео   4.5.4. Views Связи (Relations). Видео   4.5.5. Views slideshow - вывод jQuery-слайдшоу и каруселей через Views. Видео     4.5.5.1. Подключаем jQuery OwlCarousel к Drupal 8 Views. Видео   4.5.6. Дополнительные настройки Views. Видео   4.5.7. Агрегация данных во Views. Видео4.6. Rules - управление бизнес-логикой сайта. 4.7. Webforms - мощный конструктор форм. Видео

5. Drupal Commerce - модуль интернет магазина для Drupal 8.5.1. Загрузка и установка Drupal Commerce.5.2. Базовая настройка Drupal Commerce. Основные сущности Drupal Commerce.5.3. Создание и управление категориями и подкатегориями.5.4. Создание и управление товарами.5.5. Создание и управление заказами.5.6. Создание атрибутов товара.5.7. Настройка корзины.5.8. Настройка оформления заказа.5.9. Настройка доставки.5.10. Интеграция с системами оплаты.5.11. Feeds - Импорт продукции из текстовых файлов.6. Drupal 8 и SEO.6.1. SEO Checklist - записная книжка по SEO.6.1. Metatags quick - Мета-теги для страниц.6.2. XML sitemap, Sitemap - XML карта сайта. HTML карта сайта.6.3. Page Title - Заголовки страницы.6.4. Pathauto - Генерация читаемых URL.6.5. Микроформаты в Drupal 8.7. i18n - Интернационализация на Drupal 8.7.1. Установка одновременно нескольких языков на сайт.7.2. Интернационализация Типов материалов.7.3. Интернационализация Меню.7.4. Интернационализация Таксономии.7.5. Интернационализация Views.8. Темизация Drupal 8.8.1. Темы ядра Drupal 8.  8.1.1. Создание темы на основе Zen Drupal 88.2. Из чего состоит тема Drupal 8. Обзор темы Stark.8.3. Создание своей Drupal 8 темы на основе темы Stable.8.4. Twig - новый шаблонизатор для Drupal.8.5. Работа с CSS в Drupal 8. Breakpoints, responsive настройки в теме Drupal 8.8.6. Работа с шаблонами в Drupal 8. Какие есть шаблоны в ядре Drupal 8.8.7. Работа с регионами и блоками в Drupal 8.8.8. Работа с jQuery в Drupal 8. Что такое  behaviors?8.9. Темизация Views Drupal 8. Создаем owl carousel слайдшоу с thumbnails.9. Продвинутая темизация Drupal 8.9.1. Темы конструкторы Drupal 8.9.2. Создание темы на основе Bootstrap. Настраиваем PhpStorm, LESS Compiler для работы с нашей темой. Видео  9.2.1. Создание темы на основе Bootstrap. Компиляция SASS через Gulp. Видео9.3. Отключаем кеш в Drupal 8. Вывод debug информации в шаблоне. Видео9.4. Подготавливаем мобильную версию сайта на теме Bootstrap на Drupal 8. Видео9.5. Верстаем блок services с колонками bootstrap9.6. Галерея Isotope для Drupal 89.7. Блок с youtube видео Drupal 89.8. Блок с twitter в Drupal 89.9. Блок с социальными иконками Drupal 89.10. Слайдшоу для Drupal 89.11. Форма обратной связи Webform Drupal 89.12. Верстаем футер сайта, Pixel Perfect верстка

10. Drupal Ubercart - создание интернет магазина на Drupal 8.10.1. Установка и настройка Drupal Ubercart.10.2. Сравнение Drupal Ubercart и Drupal Commerce.10.3. Каталог Ubercart. Категории и подкатегории.10.4. Управление товарами в Ubercart.10.5. Настройка корзины в Ubercart.10.6. Настройка оформления заказа в Ubercart.10.7. Личный кабинет пользователя и администратора Ubercart.10.5. Атрибуты товаров в Ubercart. 10.8. Настройка доставки в Ubercart.10.9. Настройка оплаты в Ubercart. 

11. Социальные сети на Drupal 8.

11.1. Private Messages - Личные сообщения.11.2. Страница профайла пользователя.

11.3. Organic groups - Сообщества пользователей.

11.4. События, календарь событий.

11.5. User Relationships, Flag Friend - Добавление в друзья.

11.6. Фотогалереи пользователей.

11.7. Видеогалереи пользователей.

11.8. Поиск по пользователям, сообществам, событиям. 

12. Разработка модулей для Drupal 8.12.1. Установка Drush 8 на Open Server.12.2. Что такое hook в Drupal 8?12.3. Создаем кастомный Drupal 8 модуль 12.4. Роутинг в Drupal 8. Выводим страницу через наш модуль.12.5. Плагины в Drupal 8. Выводим блок.12.6. Работа с формами в Drupal 8. Добавляем форму администрирования.12.7. Работа с полями в Drupal 8. Создаем свои тип поля, widget, formatter для вставки видео с Youtube. 12.8. Что такое services и dependency injection?12.9. Работа с базой данных в Drupal 8. 

Приложение.Инструкция как пользоваться консолью.Инструкция как пользоваться Git.Список полезных Drush команд.Composer в Drupal 8. Вывод последних твитов из Twitter.

С Уважением, группа веб-разработчиков drupalbook.ru

drupalbook.ru

8.1. Темы ядра Drupal 8.

В Drupal 8 используется новый шаблонизатор Twig. Поэтому все темы были переделаны под него. Давайте зайдем и посмотрим что лежит в папке /core/themes

Здесь у нас есть шаблонизатор Twig;  темы-конструкторы classy, stable, stark; готовые темы bartik, seven.

Шаблонизатор Twig

Drupal 8 вобрал в себя часть библиотек Symfony:

https://symfony.com/

В том числе и Twig. Это позволило переписать друпал не с нуля, а с уже готовой маршрутизацией и шаблонизатором, файлами YML и другими библиотеками Symfony и Zend Framework.

Чтоже такого делает Twig и почему его не было в 7ом друпале? Twig разделяет логику сайта на PHP и оформление сайта на HTML. Он заставляет верстальщика не использовать PHP-код в шаблоне, а это значит нельзя написать запрос к базе данных, нельзя подгрузить пользователя, ноду или термин через PHP код. Нужно передавать уже готовые переменные в шаблон и выводить их через Twig. Подробнее о Twig'е мы поговорим в следующей статье данного раздела.

Тема конструктор Classy

 Это базовая тема, она представляет собой набор стилизованных элементов, которые используют темы Seven и Bartik. На этой теме конструкторе не стоит делать под тему, она служит для упрощения разработки тем в ядре сайта.

drupal 8 classy

Тема конструктор Stable

А с этой темой конструктором мы поработаем плотно. Я планирую сделать статьи и видео, как создавать свои темы оформления для Drupal 8 на основе этой темы. Эта тема похожа на тему Zen, она простая и имеет минимум настроек. 

Именно на этой темы мы будем делать под тему в этой статье 8.3. Создание своей темы Drupal 8 на основе темы Stable.

Тема конструктор Stark

Если на теме Stable имеет смысл делать подтему, то тема Stark нужна только для ознакомительных целей, именно тему Stark мы будем разбирать в статье 8.2. Из чего состоит тема Drupal 8

drupal 8 stark

Базовая тема Bartik

drupal 8 bartik

Эта та же тема что и 7ом друпале, только переделанная через Twig и еще больше адаптивная:

 drupal 8 bartik

Тема админки Seven

drupal 8 seven

Тема Seven также перекочевала из 7го Друпала. И также как и Bartik намного приятнее под телефон и планшет:

drupal 8 seven adaptive

Теперь вам будет просто и удобно постить новости в Друпал блог прямо с телефона.

Стоит также отметить новое меню в друпале, оно адаптивное и не мешает при верстке сайта, как мешал Toolbar или Admin menu.

drupalbook.ru


Prostoy-Site | Все права защищены © 2018 | Карта сайта