[акция] Заголовок страницы. Может быть достаточно длинный. Даже переносится на три строки.

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

Оглавление

Оглавление заполняется само на основе H2 и H3 заголовков статьи.

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

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

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

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

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

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

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

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

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

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

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

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

Списки

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

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

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

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

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

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

Цитаты

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

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

Источник, 2017

Изображение

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

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

Слайдер

Добавьте блок «Слайдер», чтобы изображения можно было листать.

Галерея

Выберите в визуальном редакторе блок «галерея» и добавьте нужные фотографии. Выберите Ссылка → Медиафайл, если хотите, чтобы увеличенные фотографии открывались во всплывающем окне.

Таблица

Вы можете сделать простую таблицу или добавить ей эффекта «зебры», выделив каждую четную строку в свойствах блока (стили → полосы).

Файлы

Выберите блок файлы, нажмите на иконку карандаша, чтобы отредактировать его и добавьте файлы на страницу.

Обратная связь

Добавьте в конце странице блок в обратной связью для того, чтобы увеличить вовлеченность пользователя. После выбора блока «Обратная связь» внесите любые изменения в текст, чтобы он правильно показывался на сайте.

Отправляя форму вы соглашаетесь с политикой конфиденциальности

Ссылки

Можно добавлять ссылки в виде карточек на внутренние разделы сайта или на другие ресурсы.

Следующая запись

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

Карточки

Добавляйте карточки и публикуйте в них любой контент для того, чтобы выделить главное.

Отзыв

Добавляйте отзывы или прямую речь прямо в статью. Отзывы могут быть с аватаркой или без.

Шаги

Покажите, что должен сделать пользователь по шагам.

1. Оставьте заявку на сайте

2. Выберите нужный цвет и размер

3. Дождитесь курьера и оплатите товар после примерки!

Информация

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

Спойлер

Прячьте текст под спойлером, чтобы статья выглядела компактнее.