Рефакторинг темы: отступы, размеры, шрифт, контекстное меню
Описание
Второе большое обновление темы коснулось базового шрифта, основного цвета, полей и отступов, отображения материалов и комментариев, а также списков материалов.
Из наиболее видимых изменений стоит отметить следующие:
- Размер шрифта в материалах увеличен до 16px для улучшения читаемости
- Базовым шрифтом установлен «IBM Plex Sans»
- Шрифтом для сниппетов кода выбран «IBM Plex Mono»
- Цвет ссылок в материалах установлен в значение #0678dd — это новый фирменный цвет drupal.ru
- Изменены цвета текста, заголовков в списках, ссылок материалов.
- Переработана страница материала
- Переработан список комментариев к материалу
- Переработано меню материала и комментария для улучшения пользовательского взаимодействия
- Переработано отображение таксономии материала
- Изменен внешний вид сниппетов.
- Изменен внешний вид цитат
- Переработаны списки материалов (страницы и блоки раздела «Трекер»)
- Переработана страница «Блог» в профиле пользователя
- В профиль пользователя добавлена страница «Комментарии», отображающая все комментарии пользователя
Кардинальные изменения были внесены в php-, html- и lesscss-код шаблонов страниц, списков и элементов:
- Переработаны поля и отступы в материалах, комментариях, списках материалов, элементах для согласованности их внешнего вида. Размеры полей и отступов построены на базе сетки 5×5px.
- В шаблонах материала, комментария и списков для css-классов применена BEM-like нотация с состояниями вида
.is-*
. - Унифицирован html- и lesscss-код, отвечающий за стили материалов, комментариев и списков.
- Там где возможно, стили были переписаны с использованием Flexbox и CSS Grid.
- Удалено большое количество устаревшего и неиспользуемого кода
Инструкция
- Импортировать представления с заменой
- Включить новый блок «Интересное» в регион «Frontpage Content»
- Поместить обновленный файл аватара по-умолчанию в директорию default/files/
- Изменить стиль изображений «avatar» на 25x25px
- Обновить стили avatar и avatar_profile
- Включить модуль field_group
- Создать для материала вида «Запись в блог» на вкладке «Управление отображением» на вкладках «По умолчанию» и «Анонс» группу group_taxonomy (метка «Таксономия»): 7.1. Вид группы: «HTML-элемент» 7.2. Элемент: «ul» 7.3. Показать метку: «нет» 7.4. Дополнительные классы CSS: «node__taxonomy» 7.5. Переместить в группу поля в следующем порядке - Версия Drupal - Модули и темы - Тип материала - Форумы
- Для материала вида «Запись в блог» включить view mode «Анонс» на вкладке «Отображение комментария» 8.1. На вкладке «Анонс» для поля «Комментарий» установить формат «Обрезанный текст» и значение 600
- Изменить заголовок блока «Последние публикации» на «Новые материалы»
- Изменить заголовок страницы «Последние публикации» на «Новые материалы»
Экспортированные представления:
- tracker_featured.view.txt
- tracker_my.view.txt
- tracker_new.view.txt
- tracker.view.txt (обновлено)
- user_blog.view.txt (обновлено)
- user_comments.view.txt (обновлено)
Скриншоты
1. Список материалов в блоке «Интересное» на главной странице
2. Список материалов в блоке «Последние публикации» (мобильный)
3. Список материалов на странице «Трекер» (десктоп)
4. Список материалов на странице «Последние публикации»
5. Материал с комментариями
6. Страница профиля
7. Список материалов пользователя
8. Список комментариев пользователя
Анимация
-
Новое меню материала (мобильный) https://dump.video/i/WzvFmo.mp4
-
Новое меню комментария (мобильный) https://dump.video/i/uZ60Po.mp4
TBC