Drupal book: видео, статьи о Drupal 8 и Drupal 7

9.9. Блок с социальными иконками Drupal 8

В этом видео мы сделаем блок с социальными иконками, используя иконки Font Awesome.

PSD макет:
http://drupalbook.ru/sites/default/files/blueasy-freebie.zip

Исходный код:
https://github.com/Drupalbook/bootstrap

Демо:
http://dev-blueasy.pantheonsite.io/

 

9.8. Блок с twitter в Drupal 8

Twitter

В этом видео мы стилизуем блок с последними твитами.

PSD макет:
http://drupalbook.ru/sites/default/files/blueasy-freebie.zip

Исходный код:
https://github.com/Drupalbook/bootstrap

Демо:
http://dev-blueasy.pantheonsite.io/

 

Статья о настройках Twitter app:

9.6. Галерея Isotope для Drupal 8

jQuery Isotope

В этом видео мы разберем как подключить jQuery Isotope плагин и сделаем фотогалерею:

https://isotope.metafizzy.co/

PSD макет:
http://drupalbook.ru/sites/default/files/blueasy-freebie.zip

Исходный код:
https://github.com/Drupalbook/bootstrap

Демо:
http://dev-blueasy.pantheonsite.io/

 

Composer в Drupal 8. Вывод последних твитов из Twitter.

PHP Composer

Для установки модулей и библиотек лучше всего использовать composer. Composer - это менеджер библиотек, он позволяет управлять зависимостями одних библиотек, модулей, от других библиотек, модулей. Если у модуля есть зависимость от библиотеки, то composer автоматически скачать эту библиотеку при установке модулей. С одной стороны composer усложняет установку модулей, но с другой нам становится проще в плане установки библиотек, потому что теперь они будут скачивать и подключаться сами.

Для того чтобы скачать и установать composer перейдите на официальный сайт:

9.5. Верстаем блок services с колонками bootstrap

В этом видео мы продолжим верстать главную страницу на Bootstrap тему Drupal 8 из PSD. Сейчас мы сверстаем блок услуг.

PSD макет:
http://drupalbook.ru/sites/default/files/blueasy-freebie.zip

Исходный код:
https://github.com/Drupalbook/bootstrap

Демо:
http://dev-blueasy.pantheonsite.io/

6.1. SEO Checklist - записная книжка по SEO.

Drupal 8 SEO Checklist

Первое что стоит сделать, приступая к продвижению сайта на Drupal, это установить модуль SEO Checklist:

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

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

6. Drupal 8 и SEO.

Drupal 8 SEO

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

9.4. Подготавливаем мобильную версию сайта на теме Bootstrap на Drupal 8.

PSD макет:

http://drupalbook.ru/sites/default/files/blueasy-freebie.zip

Исходный код:

https://github.com/Drupalbook/bootstrap

Демо:

http://dev-blueasy.pantheonsite.io/

Open Sans шрифт:

Страницы