Премиум плагин "Блоки внимания"

Премиум плагин "Блоки внимания"
Автор блога
Андрей WPM

Андрей WPM

Плагин для выделения текста на сайте.

Всем привет, дорогие вебмастера! Сегодня хочу представить вам свой плагин, для выделения текста на страницах сайта красивыми блоками и цветным акцентированием. Получились, своего рода, блоки внимания, которые несомненно привлекут внимание ваших читателей.

Эти блоки и цветные выделители, в первую очередь разрабатывались для собственного использования (для этого блога). Но в последствии, я решил написать этот плагин, чтобы и вы смогли без проблем пользоваться ими на своих проектах.

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

 

Демонстрация блоков внимания (WPM).

Первый блок зелёного цвета. Обычно им выделяют какой-то положительный блок информации. Например какой-то рекомендательный список или подсказку.

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

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

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

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

Вспомогательный блок с зелёным "лайком". Помогает подсказать, что контент в этом блоке рекомендуемого характера. Это может быть сноска на статью или сайт и т.д.

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

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

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

 

Демонстрация выделителей текста.

Я решил не останавливаться на блоках внимания и разработал цветные выделители текста. Те кто читают популярные сайты, такие как VC или SEONews, понимают о чём я. На самом деле, выделение текста достаточно удобная функция, которая поможет акцентировать внимание читателя на какой-то определённой фразе или даже на слове.

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

Но и это ещё не всё!

 

Демонстрация подчёркивания текста.

Кроме выделения текста, на моей практике часто требуется выделить определённое слово как-то не навязчиво, но в то же время как-то выделить. И подчёркивание этого слова – это самый оптимальный вариант. Поэтому, такой функционал тоже присутствует в плагине.

Имеются четыре основных цвета: синий, красный, жёлтый и зелёный. Я думаю именно эти цвета, максимально смогут выделить слова по своему контексту. Но опять же, их использовать не обязательно в определённом контексте. Вы в праве ими пользоваться где и как хотите. ok

 

Как пользоваться плагином (WPM).

Так как я старался писать плагин с минимально возможным количеством кода (для максимального быстродействия), есть некоторые моменты, о которых вы должны быть в курсе. Сразу хочу успокоить любителей Gutenberg'а, плагин работает прекрасно и с ним тоже.

 

Инструкция для классического редактора.

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

кнопки в классическом редакторе вордпресс
Новый ряд кнопок блоков внимания в Classic Editor

Порядок выделения текстовых блоков, выделителей и подчёркиваний один и то же:

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

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

 

Инструкция для блочного редактора.

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

add_blocks_gutenberg
Использование блоков внимания (WPM) в Gutenberg

Почему нет специальных блоков для Гутенберга?

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

Классический редактор не исчезнет из блочного ещё долгое время, поэтому можете не переживать. Тем более, я не планирую останавливаться на этой версии. И об этом ниже.

 

Админка плагина блоков внимания.

После активации плагина, в меню появится новый пункт "WPM Блоки". На этой странице вы найдёте инструкцию как пользоваться плагином и выбирать пакеты стилей для блоков (сейчас это в разработке).

админка плагина блоков внимания WPM
Админка плагина блоков внимания WPM с инструкциями

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

 

Технические характеристики плагина.

 

Поддержка тегов p, img, div и шорткодов.

Итак, что можно выделять этими блоками?

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

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

 

Подключение стилей плагина в footer.

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

 

Без подключений к базе данных.

Отсутствие подключений к базе данных ( в первой версии их нет вообще ). Начиная со второй и дальше, возможно придётся воспользоваться, потому что по другому никак. unknw Но, до этого ещё нужно дойти.

 

Лицензия и техническая поддержка.

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

Версионная лицензия – Представляет собой архив с плагином и бесплатные обновления в рамках купленной версии. Чтобы перейти на следующую версию, необходимо будет оплатить половину стоимости обычной лицензии заново. Так же, в неё входит бесплатная техническая поддержка. И самое главное, нет ограничений на количество доменов. Вы в праве купить версию плагина и использовать его на всех своих сайтах. Единственное условие, не выставлять плагин в паблик, и не перепродавать архив.

Безграничная лицензия – Купив один раз безграничную лицензию, вы будете получать все обновления плагина бесплатно. Так же, присутствует бесплатная техническая поддержка и неограниченное количество доменов. Условие только одно, не выставлять в паблик и не перепродавать архив.

Пример подсчета в лицензиях: Если вы купили лицензию версии 1.0.0, то все промежуточные обновления, а именно 1.0.1, 1.1.0, 1.2.1 и так далее для вас бесплатные. Следующая версия считается с 2.0.0 и дальше до 3.0.0. После выхода следующей версии, предыдущая версия будет продолжать поддерживаться и обновляться (для тех, кому данного функционала будет достаточно).


Базовая лицензия ( 500 рублей )

Обновления в рамках текущей версии

Неограниченное количество доменов

Бесплатная техническая поддержка

Введите промокод в поле комментарий

С промокодом оплачиваете 450 рублей

 

Купить лицензию [ v: 1.0.0 ]

Продление лицензии ( 250 рублей )

Переход на следующую версию

Неограниченное количество доменов

Бесплатная техническая поддержка

Введите промокод в поле комментарий

С промокодом оплачиваете 225 рублей

 

Обновить до [ v: 1.0.0 ]

 

Безграничная лицензия ( 1500 рублей )

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


 

Партнёрская программа для вебмастеров.

Приглашаю блогеров, вебмастеров и владельцев сайтов принять участие в партнёрской программе. Вы можете монетизировать свой ресурс, рекомендуя этот плагин своим читателям. Даже если у вас нет собственного сайта, вы всё равно сможете участвовать и зарабатывать. Ниже опишу весь процесс сотрудничества.

Процесс отслеживания будет производиться следующим образом:

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

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

  • Скидка для покупателя по промокодам – 10%.
  • Комиссия вебмастера – 20% с любой продажи.

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

При покупке любой темы или плагина от WPShop с промокодом на -15%, вы получаете в подарок премиум плагин "Блоки внимания WPM". Сразу же после покупки плагина или темы напишите мне на почту blog[@]wpmaster.kz и я вам предоставлю архив со своим плагином бесплатно.

Андрей WPM
Опубликовал - Андрей WPM

Друзья, блогу нужна ваша поддержка. Если вам понравилась статья или она вам помогла решить задачу, поделитесь ею в одной из соцсетей. Этим вы поможете дальнейшему развитию. Всем активистам - спасибо!


CTRL+D



Вопросы не по теме статьи, задавайте в разделе "Флудилка".

avatar
1000
  Подписаться  
Уведомление о