1) нужно упорядочить отображение миниатюр - сделать равномерно по всей странице
Я создал контент тип Фотогалерея и добавил в него поле Фото, теперь фото выводятся по умолчанию в столбец как обычные div'ы.
Используем этот модуль, чтобы сгенерировать подтему для Adaptive Theme:
https://www.drupal.org/project/at_tools
И генерируем новую тему, я назову ее drupalbook.
/admin/appearance/at_generate
Если при генерации указать вот эти настройки, то можно будет использовать SASS и иметь базовые настройки цветов через админку.
Настройки можно посмотреть в Оформление - Настройки - Название твоей темы:
Если ты зайдешь в папку
/styles
То здесь ты увидешь разные папки sass и css. Если ты не собираешься использовать SASS, то проще писать стили css папке напрямую. Если у тебя настроен Compass или другой компилятор SASS, то лучше всего писать стили в sass папке и потом компилировать из него CSS. Но в принципе можно пока не разбираться с SASS, а сразу писать в css папку стили. Давай писать стили в файл:
/styles/css/custom.css
Для того чтобы узнать для какого класса нужно написать стили, нужно открыть DOM-инспектор на кнопку F12 и кликнуть по стрелке, чтобы выделить нужный нам потом элемент:
Выделяем наши картинки и смотрим класс:
В данном случае у меня класс 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
Теперь фотогалерея выравнилась:
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
Когда будешь добавлять поле Фото, нужно убрать Множественное отображение поля:
Это позволит выводить фото как отдельный слайд. Заголовок ноды можно убрать из полей и выводить только картинку. Также в поле Фото можно выбрать стиль отображение (размер) картинки.
Для отображения нужно выбрать формат Flex slider:
Сохраняем вью.
Теперь заходим в Структура - Схема блоков и выводим наш блок в нужный регион.
Flex slider должен заработать, единственно нужно будет подправить CSS для стрелок:
4) установка модуля гугл-карты в контакты
Тут надо решить сначала что это будет за гугл карта. Если это один офис и адрес к нему, то можно просто через конструктор карт создать карту и вставить код карты в блок. В интернете довольно много конструкторов карт, вот один из них:
http://embedgooglemaps.com/ru/
Просто копируем этот код и вставляем в блок. Только нам нужно будет включить модуль PHP
https://www.drupal.org/project/php
Он позволит вставить javascript код в блок, чтобы он не отфильтровывался.
И потом вставляем блок карты, как обычный блок друпала через Схема блоков - Разместить блок (в нужном регионе)
Есть простые модули для 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
Комментарии
Добавить комментарий
СПАСИБО, ИВАН!
СПАСИБО, ИВАН!
помогите пожалуйста с вопросом поворота изображения
помогите пожалуйста с вопросом поворота изображения в 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