Основные настройки
Шрифт
Futura PT
Размер заголовков - 24px, начертание semibold
Размер подзаголовков (для проектов и работ) - 14px, начертание normal
Размер основного текста - 18px, начертание normal
Отступы
Отступ от самого первого блока в разрешении от 980px до ∞ - 7.0
Отступ от самого первого блока в разрешении 0px до 980px - 1.0
Отступ снизу и сверху у последующих блоков - 0.5 (суммарно должно получиться 1.0 между блоками)
Модульная сетка
У нас 8-колончатая сетка, это обязательно нужно проверять в блоках, в настройках блока слева она выглядит так:
Futura PT
Размер заголовков - 24px, начертание semibold
Размер подзаголовков (для проектов и работ) - 14px, начертание normal
Размер основного текста - 18px, начертание normal
Отступы
Отступ от самого первого блока в разрешении от 980px до ∞ - 7.0
Отступ от самого первого блока в разрешении 0px до 980px - 1.0
Отступ снизу и сверху у последующих блоков - 0.5 (суммарно должно получиться 1.0 между блоками)
Модульная сетка
У нас 8-колончатая сетка, это обязательно нужно проверять в блоках, в настройках блока слева она выглядит так:
Исключение - страницы "Ссылки" и "Новости", в них оставляем 12-модульную сетку для лучшего отображения блока:
Внесение изменений
Как добавить проект/работы/коллаборации (на примере проектов)
Заходим в папку "Русская версия. Проекты" и полностью копируем страницу любого проекта: Настройки - Действия - Дублировать страницу
Заходим в папку "Русская версия. Проекты" и полностью копируем страницу любого проекта: Настройки - Действия - Дублировать страницу
Переименовываем проект на новое название
В блоках изменяем информацию о старом проекте на новую. Можно использовать разные блоки для изображений, главное - помнить про отступы 0.5 сверху и снизу в блоке.
После того, как мы изменили всю информацию (текст, картинки, ссылки, если есть), нажимаем кнопку "Опубликовать" и даем адрес нашему проекту.
В проектах используем такой шаблон адреса:
Русская версия - название_проекта_на_английском_с_нижним_подчеркиванием_project
В проектах используем такой шаблон адреса:
Русская версия - название_проекта_на_английском_с_нижним_подчеркиванием_project
Английская версия - название_проекта_на_английском_с_нижним_подчеркиванием_project_eng
Все сохраняем.
Заходим во вкладку "Проекты" - "Контент":
Заходим во вкладку "Проекты" - "Контент":
Нажимаем на кнопку "Добавить элемент", загружаем картинку, название и год проекта
В графе "Ссылка" нажимаем "Выбрать страницу" и выбираем страницу нашего нового проекта
Делаем все то же самое с английской версией:
- Дублируем страницу одного из проектов на английском
- Переименовываем страницу и наполняем ее на английском языке, сохраняя настройки блоков
- Публикуем страницу с новым адресом
- В Projects - Контент добавляем элемент - новый проект с картинкой, названием и годом и выбираем страницу с нужным проектом.
- Нажимаем в настройках сайта кнопку "Опубликовать все страницы"
Очень важно! После того, как все страницы будут опубликованы, возвращаемся на русскую и английскую версии проекта и в меню оставляем ссылки на эти же страницы - на русскую и английскую версию. Если их не оставить, языки будут переключаться некорректно и вести на другую страницу.
Для этого на странице нового проекта нажимаем в блоке меню "Контент":
Для этого на странице нового проекта нажимаем в блоке меню "Контент":
Во вкладке Языки оставляем ссылки на русскую и английскую версии.
Снова нажимаем "Опубликовать все страницы".
То же самое делаем с английской версией страницы проекта.
То же самое делаем с английской версией страницы проекта.
Как добавить видео в блок
Подробная инструкция о том, как вставить в блок видео с Youtube, находится здесь.
Как убрать висячие предлоги
В описаниях проектов и в биографии много текста. В веб-дизайне есть правило - строчка текста не может заканчиваться предлогом/союзом и т.д. Чтобы этого избежать, просто добавляем между предлогом и следующим словом без пробелов. После публикации страницы эти предлоги и союзы будут переноситься вместе с последующим словом на другую строчку. Как это выглядит в режиме редактирования:
Подробная инструкция о том, как вставить в блок видео с Youtube, находится здесь.
Как убрать висячие предлоги
В описаниях проектов и в биографии много текста. В веб-дизайне есть правило - строчка текста не может заканчиваться предлогом/союзом и т.д. Чтобы этого избежать, просто добавляем между предлогом и следующим словом без пробелов. После публикации страницы эти предлоги и союзы будут переноситься вместе с последующим словом на другую строчку. Как это выглядит в режиме редактирования:
Как добавить фавикон
Заходим в Настройки сайта → SEO → Favicon. Загружаем фавикон, который хотим видеть в браузере. Фавикон можно загрузить в формате .ico, .png и .jpg. Рекомендованный размер изображения — 32x32px.
Заходим в Настройки сайта → SEO → Favicon. Загружаем фавикон, который хотим видеть в браузере. Фавикон можно загрузить в формате .ico, .png и .jpg. Рекомендованный размер изображения — 32x32px.
Чек-лист
Что проверить после внесенных изменений?
- Корректность размеров и начертания шрифта, отступов
- Публикацию всех страниц
- Корректность отображения мобильной версии
- Корректность ссылок в меню, в том числе на переключение языков
- Все ли изображения подписаны, если подпись требовалась галерее из нескольких изображений
- Корректность отображения картинок, заголовка и описания в бейджике для соцсетей и в seo (Настройки страницы)