Общие настройки
Ширина сайта
Рекомендуемый цвет сайта
Индивидуальный цвет сайта
R
G
B
#
Шрифт сайта
System
Open Sans
PT Sans
Roboto
Пользовательский
System
Размер шрифта
Открывание всплывающих окон
Открывание поиска по сайту
Панель управления
Цвет подвала
Настройки меню
Заливка меню
Фиксированная шапка
Варианты шапок
Главная страница
Расположение блоков
Преимущества магазина
Мы рекомендуем
Промо баннер узкий
Каталог товаров
Промо баннеры
Отзывы
Бренды / Производители
Адреса магазинов
Подписка на акции
Популярные товары
Новости, обзоры, акции
О компании
Настройка баннеров
Вид главного баннера
Разделы
Вид списка новостей
Вид списка акций
Вид списка статей
Вид списка сотрудников
Вид списка лицензий и сертификатов

Сниппеты: как оформить текст, чтобы его было удобно читать

Инструкция
Время на прочтение: 4 мин
Сниппеты: как оформить текст, чтобы его было удобно читать

Сегодня мы расскажем, как можно самостоятельно красиво оформить любой текст на сайте, используя готовые сниппеты.


Что такое сниппеты

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

Заходите на сайт, как администратор, включайте режим правки. Переходите к странице, где будете форматировать или писать текст. Через всплывающую панель заходите в визуальный редактор, в правой части панели открывайте сниппеты и начните перетаскивать их мышью на страницу. Обещаем, вам понравится.

Сейчас в нашем решении несколько сниппетов, вот они:

  • Изображение с текстом слева
  • Изображение с текстом справа
  • Изображение по центру
  • Нумерованный список
  • Маркированный список
  • Врезка текста
  • Врезка текста с делителем
  • Врезка текста на фоне
  • Цитата

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


Текст + изображение

Лучше 1 раз увидеть, чем сто раз услышать. Для добавления текста, иллюстрированного изображениями можно использовать снипеты  “Изображение с текстом слева” и “Изображение с текстом справа”, а также сниппет “Изображение по центру”, которые можно вставить в любой текст. 

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

Сниппет: изображение с текстом слева
Источник фото: в этом поле можно указать источник
Изображение с текстом слева

В этом поле, как правило, приводится текст, который иллюстрирует фотография. Обратите внимание, что лучше использовать изображение с соотношением сторон 600 на 380 пикселей. 

Сниппет: изображение с текстом справа
Источник фото: в этом поле можно указать источник

Изображение с текстом справа


Поле для подзаголовка

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

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

Этот сниппет придется кстати при подготовке обзоров, статей и отчетов с мероприятий. Рекомендуемый размер для фото 1200 на 560 пикселей.


Сниппет: изображение по центру
Источник фото: здесь можно указать источник фотографии или автора

Упорядоченный список

Если в тексте вам нужно сделать акцент на количестве пунктов, перечислении используйте синиппеты “Нумерованный список” и “Маркированный список”. В нумерованном списке пункты будут пронумерованы, а в маркированном? - Правильно! Промаркированы.

Применение нумерованного списка позволит:

  1. Систематизировать информацию
  2. Наглядно представить несколько видом перечислений
  3. Расставить нужные акценты
    1. Особенно если таких акцентов много
    2. Эти акценты иерархичны
    3. И могут быть представлены в виде списка
  4. Повысить читабельность текста

Когда список внушителен рекомендуется делать нумерованные списки. Когда же нужно выделить 3-5 преимуществ товара, то используйте маркированный список, который выглядит вот так:

  • Гарантия качества
  • Бесплатная доставка
  • Кэшбэк от суммы покупок
  • Обмен и возврат в течение 50 дней

Врезка текста

Просмотр страниц заключается прежде всего в поиске ключевых слов и фраз. Хорошо составленные, продуманные врезки, расставленные по тексту, играют роль неформального конспекта или содержания страницы. Они сообщают, о чем говорится в каждом разделе текста, выделяют главную мысль, а если они не буквальные, то это может заинтриговать.

Хорошо составленные, продуманные врезки, расставленные по тексту, играют роль неформального конспекта или содержания страницы.

Обратите внимание, что когда большое количество текста не проиллюстрировано, его становится утомительно читать. Сразу вспоминаем сниппет "Изображение по центру" и вставляем его. 

Название или описание изображения
Источник фото: агенство новостей ART

Врезка текста с делителем

В любом случае, врезки помогают вам принять решение, какие части текста прочитать, какие - просмотреть, а какие - пропустить.

Основная мысль текста


Хорошо составленные, продуманные врезки, расставленные по тексту, играют роль неформального конспекта или содержания страницы.

Врезка текста на фоне

Это еще одна разновидность текстовой врезки с делителем, выполненной на цветном фоне. Напомним, что просмотр страниц заключается прежде всего в поиске ключевых слов и фраз. 

Главная мысль


Просмотр страниц заключается прежде всего в поиске ключевых слов и фраз

Хорошо составленные, продуманные врезки, расставленные по тексту, играют роль неформального конспекта или содержания страницы.

Цитата

Здесь много описывать не нужно. Просто берем и добавляем цитату в нужный нам текст.

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

Сказал один великий ученый в XIX веке.
Теги
Рассказать друзьям

Документы

xlsx
3291cf4081bcc5f8e4ca3c853b26b432.xlsx
Скачать: XLSX, 9.5 КБ
pdf
bb51004b8b047885ad273a0fc7165ab4.pdf
Скачать: PDF, 178.2 КБ
docx
a8a41340bc4a8bf7cb0c6612acc9beae.docx
Скачать: DOCX, 11.6 КБ

Привязанные товары

Интересные новости

Интересные акции

Наши редакторы

Корнишина Ирина
Корнишина Ирина
Руководитель отдела продаж
Разрабатывает стратегию продвижения компании на российском и мировом рынке.
Email: info@redsign.ru
Тел: +7 000 000 00 00
Борисов Станислав
Борисов Станислав
Директор по развитию
Благодаря Станиславу в нашей линейке представлены все популярные немецкие производители техники.

Комментарии

Загрузка комментариев...
Мой город
+7 (8412) 00-00-00
Без выходных 09:00-22:00
г. Санкт-петербург
ул. Морских пехотинцев, д. 128