Вопросы по друпал 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/locationmap
https://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

 

 

Комментарии

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

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.

помогите пожалуйста с вопросом поворота изображения

помогите пожалуйста с вопросом поворота изображения в drupal 8 

Загружаю на сайт фото с фотоапппарата никон д 5200 jpg и все время горизонтально переворачивает хоть ск эдитор.

C восьмеркой не уверен как

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

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

Можно сделать пресет с помощью Image styles, который будет переворачивает изображение. В body можно вставить картинку вместе с пресетом с помощью модуля Insert:

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

решение

Короче в Паинте обращаю изображение то есть меняю лево на право и все работает.

http://alimovav.pp.ua/node/37

Есть инструкция как поставить CKEDITOR ROTATE? 

http://ckeditor.com/addon/imagerotate