Меню

Поставьте плагин для выделения текста на WordPress

Случается, нужно вывести отдельным блоком определенный текст, важность которого хочется подчеркнуть, а доступный функционал визуального редактора WordPress не позволяет этого сделать. Здесь незаменим простенький плагинчик WP-Note. Можно как обычно скачать архив, залить его через админку, либо найти через поиск, установить, активировать.

После проделанных операций возникает закономерный вопрос о правилах использования плагина для выделения текста на WordPress. Предлагаю внимательно прочесть остальную часть статьи.

Плагин для выделения текста WP-Note: как его использовать

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

[important]Чтобы вывести текст в окошке светло-бежевого фона с ключиками слева, нужно прописать его между тегами important. Таким образом выделяют ключевую информацию.[/important]

[note]Наглядно проинформировать о важности содержания, которое не лишним было бы записать, можно, заключив "печатную мысль" в теги note. Блок нежно-голубого цвета, помеченный закладкой на листочке блокнота, натолкнет на мысль хорошо запомнить это место.[/note]

[tip]Нежно-бирюзовое окошко с горящей лампочкой непременно притянет взоры к информации, которая просто "горит", даст понять, насколько необходимо изучить предложенный материал. Отвечает за вывод парный тег tip.[/tip]

[help]Вопросы и ответы на них, подсказки, справочные материалы целесообразно располагать рядом с вопросительным знаком. Сразу будет понятно, что здесь таится ответ на очень важный вопрос. Ответственный за такой вывод текста парный тег help.[/help]

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

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

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

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

    • Анна, очень приятно! Спасибо за добрые слова :) . Я сама с трудом нашла информацию об этом, поисковики выдавали вообще не то, что мне нужно было. Пришлось покопаться, конечно есть и другие варианты выделения текста в статье (без значков), но и это тоже неплохое решение.

  2. Cпасибо большое за статью и за возможность скачать плагин выделения. Я сам искал подобное, но безуспешно, сначала хотел выделять текст с помощью html - кодов, но это не всегда удобно особенно на моем хостинге. Я уже воспользовался вашим уроком и установил у себя плагин. Желаю удачи! Александр.

    • Александр, сама потратила кучу времени, чтобы откопать информацию — все попадалось вообще не по моему запросу! Спасибо за пожелания, взаимно! :)

  3. Надежда! Здравствуйте, я давеча написал небольшую статью о вашем плагине и сослался на вас, кроме этого расписал некоторые недостатки плагина, почитайте пожалуйста и выскажите свое мнение, если не трудно! Александр.

  4. Я уже читала о таком плагине, но пока не применяю, мне достаточно различный вариаций шрифтов. :???:

    • Кто его знает, может это и правильно, ведь при установке каждого плагина нужно хорошо подумать, а нужен ли он. У меня пока скорость загрузки позволяет немного "побаловаться". Мне он нравится :) .

  5. Надежда у Вас новый дизайн, мне понравилось! И статья хорошая, надо будет использовать данный плагин. Удачи. С уважением Андрей.

    • Андрей, рада Вас видеть! Еще не совсем освоилась, надо довести до ума много мелочей, но я так довольна! Спасибо за отзыв :) . Да, плагин для выделения текста бывает иногда очень кстати!

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

    • Андрей, уважаю Вашу честность. Но дело в том, что Вы имеете право писать о чем угодно, никого не спрашивая. Если считаете, что можете осветить тему интересно и качественно, почему бы и нет? Просто я посчитала лишним расписывать информацию о плагине, о нем итак много написано :) . Сейчас просто меняю концепцию своего блога, не хочу больше подробно описывать каждый плагин, каждую мелочь. Нашла для себя темы поинтереснее :)

  7. Надежда, благодарю Вас за информацию о плагине! Мне как раз нужно было такое решение для блога. Обязательно его себе установлю.

    • Здравствуйте, Ирина! Приятной работы с плагином выделения текста. Он мне очень нравится.

  8. Надежда приглашаю Вас в гости на статью http://telets.com.zp.ua/blog/ukrashenie-statej/ . С уважением Андрей.

  9. А можно ли как-нибудь с помощью изменения кода вставить кнопки плагина в панель написания статьи? Просто я постоянно забываю какие именно нужно ввести теги, от чего приходится снова лезть в поисковики.

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

  10. Спасибо, Надежда!

    Испробовал, красиво смотрится, именно то, что мне и не хватало для блога :)

    • Рада, что мой блог приносит пользу. Я пользуюсь плагином для выделения особых мест в статье, получается очень красиво. Правда, теперь сменила тему на платную, она немного обрезает поле. Навеное, буду отказываться от него, заменяя все простым кодом. Все никак руки не доходят.

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

  12. Спасибо за статью и плагин. То, что искал. Очень просто и быстро.

    • Рада, что плагин подошел. Приятной работы, Валентин!

  13. Надежда, дам вам один очень полезный бесплатный совет о том, чтобы блоки для выделения текста WP-Note выглядели более привлекательно (сейчас у них отрезается сайдбаром левая часть. Итак по шагам:

    1. Откройте для редактирования файл http://incomeeasily.ru/wp-content/plugins/wp-note/style.css

    2. Найдите в нем следующие параметры (которые соответствуют блокам по их расположению сверху):

    .noteimportant
    .noteclassic
    .notetip
    .notehelp
    .notewarning

    3. Добавьте в конце каждого из них следующую строчку перед закрывающей скобой: margin-left: 9px;

    Например:

    .noteimportant {
    background-color: #FFC;
    background-image: url(images/important.png);
    margin-left: 9px;
    }

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

    • Большое спасибо, Максим! Раньше у меня стояла бесплатная тема и все было именно так, как Вы говорите. Потом поставила эту и она не поддерживает почти никакие плагины. Попробую проделать то, что Вы говорите, надеюсь поможет.

  14. Можно на «ты». Если ничего не поможет, просто пришлите мне этой файл и я вышлю обратно уже готовый.

    • Хорошо, Максим, будем на "ты". Поковыряюсь сначала сама. Если не разберусь, буду просить помощи.

  15. Видимо, не получилось поправить.

    • Маким, мне даже стыдно стало. Просто еще руки не дошли, но я обещаю исправиться.

    • Максим, спасибо за готовый файл. Полечила плагин, все работает. Супер. I love You!

    • Да не за что.

    • Решение проблемы безвозмездно, то есть даром, как минимум достойно благодарности. Поэтому есть за что.

Здесь вы можете оставить отзыв

* Текст комментария
* Обязательные для заполнения поля

Внимание: все отзывы проходят модерацию.