Мы работаем каждый день

404 Такой страницы нет
Войти на сайт

Мы работаем каждый день

Демо записи 4

Демо записи 4

Эта страница создана для демонстрации блоков и элементов, которые используются на сайте, и служит руководством для всех, кто работает над ним. Дизайнеры и технологи отрабатывают здесь стили, чтобы добиться приемлемых результатов в различных сочетаниях блоков и элементов. Контент-менеджеры и редакторы используют страницу в качестве справочника по верстке типовых страниц. Здесь же рассказывается о некоторых общих правилах оформления контента.

H2. Многострочный заголовок, длина которого иногда бывает так некстати. Да, он действительно многострочный

Типовые элементы оформляются в панели управления через визуальный редактор. Чтобы контент-менеджеру было легче в них ориентироваться, их количество лучше свести к необходимому минимуму.

H3. Делаем заголовки нарочито длинными, чтобы убедиться в правильном интерлиньяже

Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вдали от всех живут они в буквенных домах на берегу Семантика большого языкового океана. Маленький ручеек Даль журчит по всей стране и обеспечивает ее всеми необходимыми правилами.

H3. В первую очередь нас интересуют интерлиньяж и отступы, но не стоит забывать и про сам заголовок. Это достаточно важно

Эта парадигматическая страна, даже всемогущая пунктуация не имеет власти над рыбными текстами, ведущими безорфографичный образ жизни. Однажды одна маленькая строчка рыбного текста по имени Lorem ipsum решила выйти в большой мир грамматики.

H4. Заголовок четвертого уровня

Заголовок используется только для вспомогательной информации. Пример — блок «Контактная информация», который внутри дробится по отделам компании.

H2. Несколько двухстрочных
заголовков

H4. Для проверки их сочетания:
интерлиньяж и отступы

H3. Однако, в реальной ситуации подобных скоплений
заголовков лучше избегать

Если за заголовком более низкого уровня сразу следует заголовок более высокого, это нарушает композиционную связность элементов оформления и логику повествования. Поэтому после заголовка должен следовать текст (или иной контент), который этот заголовок и подчиненные ему подзаголовоки, если они есть, озаглавливают.

Списки

Ненумерованный список

  • Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
  • Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
  • Если пункты списка короткие, но являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей спику вводной фразой, он должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта точка).

Нумерованный список

  1. Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
  2. Если пункты списка длинные и представляют собой развернутые предложения, они должны начинаться с прописной буквы и заканчиваться точкой.
  3. Если пункты списка короткие, но являются самостоятельной законченной конструкцией и грамматически тесно связаны с предшествующей спику вводной фразой, он должны начинаться со строчной буквы и заканчиваться точкой с запятой (в конце последнего пункта точка).

Оформление текста

Наиболее простыми способами выделения информации являются полужирное и курсивное начертания.

Цитаты

Используйте курсивное выделение внутри цитаты для выделения информации об источнике.

Великий Оксмокс предупреждал ее о злых запятых, диких знаках вопроса и коварных точках с запятой, но текст не дал сбить себя с толку. Он собрал семь своих заглавных букв, подпоясал инициал за пояс и пустился в дорогу.

Источник, 2017

Изображение

Изображение может быть статичным.

Или открываться в модальном окне. Для этого при вставке изображения выберите Ссылка → Медиафайл.

Длинная подпись к изображению, которая тянется на несколько строк. Лучше так не писать.

Слайдер

Слайдер изображений. Нажмите Добавить медиафайл → Создать галерею, затем отметьте «Показывать в виде слайдера».

product
Подпись к изображению
product
Длинная подпись к изображению, которая тянется на несколько строк. Лучше так не писать.
product

Галерея

Галерея создается в визуальном редакторе — Добавить медиафайл → Создать галерею.

Таблица

НазваниеЕд. изм.Значение
Диаметр корпусамм1000
Высотамот 1 до 15
Производительностьм³/часдо 5000
Напормдо 100

Файлы

Создайте немаркированный список из ссылок на файлы. Иконка с расширением подтянется автоматически. Размер файла и описание не должны быть ссылкой.