Блоки внимания служат для усиления контента и улучшения читабельности текстов. В этой статье представлен обзор плагин WPRemark, премиального инструмента для добавления визуальных блоков в посты WordPress.
- В чем плюсы премиум-плагина WPRemark для блоков внимания
- На каких веб-ресурсах стоит устанавливать WPRemark
- Обзор WPRemark: ключевые возможности и настройки плагина
- Какие шаблоны блоков внимания включены в WPRemark
- Как создать красивый блок плюсов и минусов с использованием WPRemark
- Какие еще есть плагины блоков внимания, и чем они отличаются от WPRemark
- Ответы на вопросы пользователей по плагину WPRemark
- Как купить плагин WPRemark со скидкой?
- Где скачать документацию по плагину?
В чем плюсы премиум-плагина WPRemark для блоков внимания
WPRemark от WPShop структурирует, украшает контент и делает сайт непохожим на другие в интернете. Посетители лучше усваивают информацию, когда она преподносится в таком удобном виде. Они часто возвращаются, чтобы читать новые посты. Поисковики фиксируют хорошие поведенческие факторы и поднимают сайт в выдаче.
На каких веб-ресурсах стоит устанавливать WPRemark
Статейное продвижение — один из наиболее актуальных трендов интернет-маркетинга. Раздел со статьями создают сейчас многочисленные информационные порталы и другие ресурсы. Однако не только многостраничникам требуется оформление контента.
Плагин WPRemark подойдет для сайтов разных видов:
Корпоративные ресурсы. Рубрика с новостями компании явно не закрывает потребностей SEO-продвижения в текущих реалиях. Поэтому многие компании открывают на сайте блоговый раздел с экспертными статьями.
Интернет-магазины WooCommerce. Среди покупателей большим спросом пользуются статьи с рейтингами, обзорами и сравнением товаров. Поисковики тоже любят и охотно продвигают такой контент. Ведение раздела со статьями — отличный способ для онлайн-магазинов получать трафик из поисковых систем.
Личные блоги. Несмотря на доминирование блогерских площадок, многие авторы, набрав аудиторию, создают собственные сайты.
Одностраничные сайты. Лендинги используются для продвижения одного конкретного товара или услуги. Для создания продающей структуры одностраничника требуются различные визуальные инструменты, чтобы подчеркнуть преимущества товара.
Визитки и портфолио. Такие сайты создают небольшие компании или частные специалисты для презентации услуг своим клиентам. Здесь также будут уместны красивые виджеты для выделения важной информации.
Блоки внимания WPRemark подойдут сайту абсолютно любой тематики. Приведу несколько примеров:
- юридические порталы;
- медицинские ресурсы;
- сайты о доме и семье;
- ресурсы о красоте и здоровье;
- сайты с отзывами покупателей о товарах;
- автомобильные порталы.
Обзор WPRemark: ключевые возможности и настройки плагина
WPRemark позволяет вставлять визуальные блоки в посты Вордпресс сразу после установки плагина.
При добавлении виджета в блочный редактор Gutenberg доступны следующие настройки:
- Выбор шаблона. При нажатии на вкладку «Пресеты» открывается меню с доступными вариантами виджетов. Чтобы поменять внешний вид плашки, нужно кликнуть на понравившийся пресет.
- Добавление иконки. Доступно из вкладки «Иконки» панели настроек виджета Гутенберг. Вы можете выбрать одну из списка встроенных иконок или загрузить свой вариант. Есть строка поиска, в которую можно вбить название картинки на русском или английском языке. Здесь же можно настроить цвет иконки, ширину, высоту, отступы и положение относительно текста.
- Вид рамки. Чтобы настроить этот параметр, необходимо зайти во вкладку «Рамка». Тут можно управлять отображением рамки снизу, справа, сверху или слева, задавать толщину, стиль и цвет бордера.
- Цвет фона. Настраивается в пункте «Фон». Вы можете выбрать один из стандартных вариантов или задать цвет из палитры. Также можно загрузить фоновое изображение или вовсе отключить отображение фона. Для фоновой картинки можно задать размер, положение и необходимость повтора.
- Отображение тени. В настройках виджета вы можете включить или отключить тень, задать сдвиг по осям X и Y, установить размытие, растяжение и уровень прозрачности. Также тень можно покрасить в любой цвет палитры.
- Заголовок блока. Отличается от основного текста размером и толщиной шрифта. Заголовок можно включить и отключить. Вы можете изменить его положение относительно текста, задать цвет, размер, выделить жирным шрифтом, курсивом, подчеркиванием, сделать все буквы заглавными.
- Текст сообщения. Для текста вы можете задать выравнивание, цвет сообщения и ссылки, размер, высоту строки. Также вы можете сделать выделение жирным шрифтом, курсивом, подчеркиванием.
- Отступы блока. Управлять этими интервалами можно из пункта расширенных настроек. Вы можете поменять внутренние и внешние отступы сверху, снизу, справа и слева. Здесь же (в пункте расширенных настроек) можно задать скругление углов рамки и обрамляющий HTML-тег.
- Свои CSS-стили. Во вкладке «Дополнительно» можно добавить CSS-класс плашки, с помощью которого в дальнейшем вы сможете добавлять свои кастомные стили.
В классическом редакторе такие же настройки открываются при нажатии на кнопку WPRemark, которая появляется в панели инструментов после установки плагина. В дополнение к стандартным настройкам в этом окне можно указать, куда помещать CSS-стили. Для быстрой работы вашего сайта рекомендую задать вывод стилей рядом с плашкой. По умолчанию они попадают в секцию head.
Какие шаблоны блоков внимания включены в WPRemark
Все доступные шаблоны вы можете посмотреть в разделе «Presets» настроек плагина в консоли WordPress. На этой странице всегда подгружаются все актуальные пресеты с сервера WPShop.
При наведении на каждый вариант появляются кнопки:
- Import. Выбранные при нажатии на эту кнопку шаблоны появляются в списках пресетов в классическом и визуальном редакторе.
- Шорткод. После клика на эту кнопку вы сможете вставить соответствующий виджет в классическом редакторе.
Шаблоны визуальных блоков WPRemark делятся по назначению:
- Для привлечения внимания к информации. С иконкой в виде восклицательного знака.
- Для акцентирования на каком-либо вопросе. С иконкой в виде вопросительного знака.
- Для указания на какой-либо запрет. С иконкой в виде красного крестика.
- Для сообщения о правильном способе действия. С иконкой в виде галочки.
- Для информирования. С иконкой в виде буквы «i».
- Для перечисления преимуществ. C иконкой в виде плюса.
- Для указания недостатков. C иконкой в виде минуса.
Как создать красивый блок плюсов и минусов с использованием WPRemark
Замечали на многих сайтах эффектные блоки преимуществ и недостатков? Теперь с помощью редактора Гутенберг и WPRemark вы легко сделаете их на своем сайте.
Приведу подробную инструкцию:
- Создайте или откройте пост в блочном редакторе.
- Отыщите в перечне виджетов Gutenberg блок «Стобцы».
- Выберите двухколоночный вариант с колонками равной ширины.
- В обе колонки вставьте по блоку WPRemark.
- Настройте колонку плюсов слева. Вы можете задать ей зеленый фон, наверх поместить крупную зеленую иконку с плюсом, а в текстовом поле разместить список преимуществ.
- Оформите по аналогии с плюсами колонку недостатков. Для нее подойдет бледно-красный фон, крупная красная иконка с изображением минуса и текст со списком недостатков.
Вот примерно как это будет выглядеть:
Какие еще есть плагины блоков внимания, и чем они отличаются от WPRemark
Платных аналогов WPRemark с таким же богатым функционалом практически нет.
Есть несколько бесплатных вариантов со скромным набором опций:
- Special Text Boxes. Включает несколько шаблонов виджетов внимания, внешний вид которых можно настраивать. По сравнению с WPRemark настройки не такие гибкие, их меньше, и нет своей коллекции иконок.
- WP-Note. При установке модуля на панели инструментов классического редактора появляется несколько кнопок для вставки блоков внимания. Отсутствует возможность изменения внешнего вида, а также нет блока Гутенберг.
- Drop Shadow Boxes. Блоки имеют вид белых плашек с тенью. Настраивать можно только рамку, тень и размер виджетов.
Ответы на вопросы пользователей по плагину WPRemark
Как купить плагин WPRemark со скидкой?
Если хотите получить полностью валидную версию с обновлениями и техподдержкой, приобретайте плагин на официальном сайте разработчика WPShop. Чтобы сэкономить, вы можете найти промокод, который распространяют партнеры компании в своих соцсетях, каналах и блогах.
Где скачать документацию по плагину?
Документация к плагину WPRemark на русском языке размещена на сайте разработчика. Она открыта и доступна в любое время абсолютно всем пользователям.
