Россия
Москва
8 (495) 100-44-35

Пример страницы

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

Оглавление

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

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

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

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

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

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

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

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

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

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

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

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

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

Списки

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

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

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

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

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

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

Цитаты

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

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

Источник, 2017

Изображение

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

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

Подпись к изображению

Слайдер

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

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

Галерея

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

Таблица

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

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

Файлы

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

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

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

Оставьте свой номер телефона
и получите бесплатную консультацию 

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

Ссылки

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

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

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

Читать далее

Карточки

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

Пирожные

Производим и продаем вкусные пирожные

 

Торты

Печем торты на свадьбы и дни рождения. Делаем их с душой.

Отзыв

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

Егор Мальцев
Веб разработчик

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

Егор Мальцев
Веб разработчик

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

Шаги

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

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

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

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

Информация

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

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

Кнопка

Добавляйте кнопки на страницу.

Иконка + текст

Выберите этот блок для того, чтобы более гибко управлять контентом.

Банковский перевод по реквизитам

Мы выставляем счет, вы его оплачиваете в вашем банке. Такие платежи обычно проходят в течении 2-3 рабочих дней. Отправьте нам копию платежной квитанции на info@company.com и мы начнем работу до поступления денег на счет.

Описания

Банковский перевод по реквизитам

Мы выставляем счет, вы его оплачиваете в вашем банке. Такие платежи обычно проходят в течении 2-3 рабочих дней. Отправьте нам копию платежной квитанции на info@company.com и мы начнем работу до поступления денег на счет.

Главная

Спойлер

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

При клике на этот заголовок развернется нижняя часть

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

При клике и на этот заголовок тоже развернется нижняя часть

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

Вопросы и ответы

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

Заголовок вопроса

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

Заголовок вопроса

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

Далеко-далеко за словесными горами в стране гласных

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

Далеко-далеко за словесными горами в стране гласных

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

Сео заголовок страницы

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

На заголовок деревни Алфавит и на подзаголовок своего переулка Строчка. Грустный риторический вопрос скатился по его щеке и он продолжил свой путь.

По дороге встретил текст рукопись. Она предупредила его: «В моей стране все переписывается по несколько раз. Единственное, что от меня осталось, это приставка «и». Возвращайся ты лучше в свою безопасную страну». Не послушавшись рукописи, наш текст продолжил свой путь. Вскоре ему повстречался коварный составитель. Вскоре ему повстречался коварный составитель рекламных текстов, напоивший его языком и речью и заманивший в свое агенство, которое использовало его снова и снова в своих проектах.

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля