Команда WpShop вновь презентовала новинку — плагин WpRemark для WordPress (по этой ссылке — скидка 15%), с помощью которого можно создавать сотни вариантов блоков внимания. Достаточно задать необходимые параметры в графическом редакторе, чтобы получить уникальный дизайн блока. Статьи, рекламные тексты, обзоры — неполный список того, где можно применять плагин. В чём преимущества плагина, как с ним работать, как приобрести — разбираем «на пальцах» в обзоре.
Преимущества и недостатки WpRemark
Продемонстрируем на примерах, насколько разнообразным может быть дизайн блоков, и одновременно укажем плюсы/минусы плагина.
Работает в классическом редакторе, и в Gutenberg.
Уникальные иконки, которые нарисованы дизайнером WpShop. Вы можете выбрать одну из десятков, или загрузить свою картинку по URL-адресу.
Визуальный редактор с гибкими настройками внешних и внутренних отступов, выравнивания, тени, цветов, с возможностью добавить свои дополнительные CSS-стили.
Справится любой человек, без знания CSS, JS. В WpRemark более 30 интуитивных настроек, с помощью которых можно «нарисовать» блок для сайтов разных тематик: авто, сад и огород, животные, игры, гаджеты и пр.
Можно задать фиксированный отступ слева и/или справа, если не хотите, чтобы блок располагался на всю ширину статьи.
Озаглавив блок WpRemark, вы сделаете его эффектнее, и привлечете больше внимания. Курсив, жирный шрифт, буквы в верхнем регистре — креатив на любой вкус.
Плагин постоянно дорабатывается, поэтому держите руку на пульсе и обновляйте его. Разработчики обещают добавлять всё больше крутых функций и готовых шаблонов (пресетов) для блоков внимания.
Блоки внимания можно использовать не только в статьях, но и где-нибудь на лендинге, для описания преимуществ или характеристик.
В Гутенберге плагином WpRemark пользоваться удобнее, чем в классическом редакторе. В первом случае все изменения отображаются сразу, во втором — нужно нажать кнопку «ОК», чтобы увидеть их. Не очень удобно, что нет предпросмотра для классического редактора. Надеемся, разработчики что-нибудь придумают)
Как установить?
WpRemark необходимо заказать и оплатить со скидкой 15% на официальном сайте WpShop. После чего на e-mail придёт уведомление об оплате, лицензионный ключ и ссылка для скачивания плагина. После скачивания zip-архива перейдите в админ-панель своего WordPress-сайта, и в разделе «Плагины» загрузите данный архив, установите плагин. В меню слева найдите такой пункт 
, кликните, и введите лицензионный ключ, ранее высланный на почту:
Как настраивать?
Настройки плагина для Gutenberg и классического редактора идентичны. В первом случае они располагаются справа в панели на вкладке «Блок», во втором — на верхней панели в виде значка треугольника с восклицательным знаком.
Настройки:
- Готовые пресеты — это блоки, выбрав которые, вы получите готовый дизайн. Останется только подредактировать его под свои нужды, добавить текст, заголовок при необходимости.
- Иконка. Настройки: выбор из готовых вариантов от дизайнера WpRemark, загрузка собственной картинки по URL, цвет, размеры, отступ, положение (справа, слева, по центру — масса вариантов).
- Фон: произвольный цвет или картинка (с повторением или без).
- Рамка: толщина, цвет, стиль (одинарная, двойная, пунктирная), с одной, двух, трёх или четырёх сторон.
- Тень (по желанию): сдвиг по горизонтали/вертикали, размытие и растяжение, непрозрачность.
- Заголовок (по желанию): выравнивание, цвет, начертание (курсив, жирный, регистр, подчеркивание), размер шрифта, высота строки.
- Настройки шрифта для основного текста в блоке WpRemark: размер, выравнивание, стиль, высота строки. цвет.
- Расширенные: внутренний/внешний отступ, скругление углов, выбор HTML-тега (div или blockquote), вывод стилей (в <head> или «возле блока», если нужно вывести его, например, в подвале или сайдбаре).
Примеры готовых пресетов
Больше готовых блоков внимания можно получить, если в меню админки Вордпресс найти пункт «Пресеты», который находится здесь: 
Лидер WpShop Сергей Олейников обещает, что таких готовых решений по мере развития плагина будет становиться всё больше. Если у вас есть свои идеи — пишите в поддержку, и предлагайте их. А пока посмотрим, какие есть интересные варианты пресетов в WpRemark на текущий момент.
Пример блока внимания. Доступен в разных цветах и с разными иконками.
С помощью этого пресета можно создавать пошаговые инструкции. Благо, в подборке иконок есть цифры от 0 до 9.
Ещё один симпатичный блок со скруглёнными углами и двойной рамкой. Кстати, если нажать на кнопку «Импортировать» возле пресета в разделе меню Wpremark, то он автоматически добавится в список готовых блоков в редакторе записи/страницы. Если тут же кликнуть «Шорткод», то скопируется такой код с параметрами. Вставляйте его в нужное место — и наслаждайтесь результатом.
Что может быть в этом блоке внимания? Например, сообщение о том, что какой-то контент закрыт для общего доступа, и чтобы его получить, нужно выполнить одно или несколько условий (поделиться статьей с друзьями в соцсетях, подписаться на рассылку и прочее).
Кстати, можно вставлять в блок WpRemark HTML-теги, чтобы разбить длинный текст на абзацы или вставить картинку с помощью тега img:
Цена
На текущий момент WpRemark можно заказать со скидкой 15% для читателей wrart.ru, но скоро цена поднимется.
- Для одного домена — 970 825 рублей;
- Для 3х доменов — 1940 1649 рублей;
- Для неограниченного количества сайтов — 2480 2108 рублей.
В пакеты входят неограниченные обновления WpRemark и 1 год приоритетной поддержки бесплатно.
