Сниппеты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

---

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цитата

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

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