Создаем простой слайдер в Drupal 8
Устанавливаем и включаем модуль slick views:
composer require drupal/slick_views ; drush en slick_views -y ; drush en slick_ui -y
Композер сам найдет и установит дополнительные модули: slick, slick ui.
Заходим на страницу Отчет о состоянии:
/admin/reports/status
Slick требует установки библиотек.
В терминале заходим в папку libraries, что в корне сайта.
cd ~/user/site/libraries
Если ее нет, то создаем.
mkdir ~/user/site/libraries
Переходим на страницу каждой библиотеки, нажимаем кнопку Clone or download и копируем путь:
Находясь в папке libraries, клонируем библиотеки:
git clone https://github.com/dinbror/blazy.git ;
git clone https://github.com/kenwheeler/slick.git
Заходим на страницу настроек модуля Slick и делаем дубликат шаблона.
/admin/config/media/slick
Меняем название и машинное имя и сразу же сохраняем. Для простого слайдера стандартных настроек достаточно.
Создаем новое представление и меняем формат с Неформатированный список в Slick Carousel.
Нажимаем галку Vanilla Slick, меняем Optionset main на созданный ранее Slider и сохраняем.
В настройках представления указываем что выводить, сколько и как:
Я вывожу статьи, две штуки в режиме отображения анонс.
Сохраняем представление.
Результат в теме Bartik
Вот и все. Если вам нужна карусель из нескольких столбцов или даже рядов, то вы можете самостоятельно в настройках Optionset поменять их количество.
Настройка мобильного меню в Drupal 8 / Responsive and off-canvas menu
Рассмотрим один из самых простых способов создать мобильное меню в Drupal 8. Для этого используем модуль Responsive and off-canvas menu.
Устанавливаем через Composer:
composer require drupal/responsive_menu ; drush en responsive_menu -y
Скачиваем библиотеку mmenu.
cd ~/site_root/libraries/ ; git clone https://github.com/FrDH/jQuery.mmenu.git && mv jQuery.mmenu mmenu
Правильней было бы ставить библиотеку через композер, но мы сэкономим время и просто клонируем библиотеку в папку libraries.
Переходим на страницу настроек модуля «Responsive Menu»:
/admin/config/user-interface/responsive-menu
В разделе OFF CANVAS указываем машинное имя меню.
Если нужна «Основная навигация» — оставляйте main.
Остальные настройки можно оставить по умолчанию.
Переходим на страницу «Схема блоков»:
/admin/structure/block
Располагаем в нужном регионе гамбургер:
Название блока с гамбургером — Responsive menu mobile icon
Переходим на главную страницу и нажимаем на гамбургер.
На ширине 320px мобильное меню будет выглядеть так
Базовая настройка Sublime Text 3
Я использую саблайм только если нужно очень быстро отредактировать какой-нибудь файл, либо что-то поправить на удаленном сервере. Во всех остальных случаях, советую пользоваться PHPStorm.
Устанавливаем Package Control
Tools → Install Package Control…
Устанавливаем плагины
В меню: Preferences → Package Control
И выбираем Install Package
Устанавливаем следующие расширения:
- Emmet — позволит не писать код вручную;
- SCSS — если используете этот препроцессор;
- SFTP — для того чтобы иметь возможность подключаться к удаленным серверам.
В принципе все. Оказалось куда короче, чем я ожидал.
Если вы используете Sublime для разработки на друпал или верстки — пишите: какие еще полезные вещи можно внедрить.
Да будет срач
Нагло стащил с редит https://www.reddit.com/r/ProgrammerHumor/comments/su3ngy/wha...
Поиграем в бизнесменов?
Одна вакансия, два кандидата. Сможете выбрать лучшего? И так пять раз.