Делаем контент стильным с помощью плагина WP-Note |

Время чтения: 4 мин.

Как сделать, чтобы однообразный по оформлению текст, стал более стильным и разнообразным? Как выделить какие-то части (блоки) текста? На эти вопросы дает ответ плагин WP-Note.

Сам плагин очень легкий, не требует никаких настроек и вполне может использоваться для повышения читабельности текста, внутренней перелинковки и повышения информативности контента. Он подходит для любых версий WP, начиная с 1.5. Я покажу его использование и работу на WP 3.3.1.

 

Плагин находится в репозитории WordPress. Однако он уже 2 года не обновлялся, сайт автора исчез и поэтому я закачал его свой сервер. Скачать его можно ЗДЕСЬ. [Плагин скачан уже 298 раз(а)]

 

Плагин заархивирован в формате zip, поэтому его можно закачивать прямо из админки сайта (вкладка «Плагины» — «Добавить новый»). Закачиваете его к себе на сайт, активируете. Никаких новых вкладок в админке не появится, т.к. плагин не требует никаких настроек, он уже полностью готов к работе. Это – несомненное достоинство плагина.

 

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

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

Для использования возможностей плагина WP-Note необходимо вставить в текст один из шорткодов — note,important,tip,warning и help. Все остальное плагин сделает сам.

При написании (редактировании) любой статьи определяет фрагмент текста, который мы хотели бы выделить и перед ним и после него вставляем шорткоды:

Шорткоды в коде статьиРис.1

Вставлять шорткоды можно как и в визуальном редакторе, так и во вкладке html. На скриншоте показано, что я вставил шорткоды в 2 местах. Посмотрим как это выглядит на сайте:

Вставки-блоки в статьеРис.2

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

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

Перед тем, как перейти к редактированию плагина, осмотрим на все возможные варианты таких вставок:

[note]Заметки (примечание, пояснение).

Для получения такой вставки используйте шорткод note[/note]

 

[important]Важно!

Для получения такой вставки используйте шорткод important[/important]

 

[tip]Совет

Для получения такой вставки используйте шорткод tip[/tip]

 

[warning]Внимание! (предупреждение)

Для получения такой вставки используйте шорткод warning[/warning]

 

[help]Помощь

Для получения такой вставки используйте шорткод help[/help]

Где можно использовать такие блоки -вставки? Для этого подойдет не всякая статья: если  у Вас в статье много разных картинок, графиков, таблиц, то лучше обойтись без них, иначе статья станет слишком пестрой. Но если статья представляет из себя только один сплошной текст, то такие вставки очень сильно повысят ее читаемость и информативность.

А можно ли вставлять вставку во вставку? Можно, если хотите — попробуйте.

А теперь о редактировании. Фон надо изменять в файле style.css. Открываете его в Total Commander с использованием блокнота-редактора notepad++:

Рис.3

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

Чтобы изменить картинку, надо зайти в папку images и заменить файл картинки на другой, заранее подготовленный, и с тем же именем.

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

P.S. Я как-то все больше беспокоился о безопасности сайта, а вот недавно прочитал несколько статей о замках, обычных дверных замках, и  стало немного  не по себе. Вы знаете, что такое  бампинг-ключ и антибампинг.? Если говорить коротко, то бампинг-ключи вскрывают практически любой замок, кроме специально созданных с учетом бампинга. И потому очень популярна сейчас стала услуга антибампинга — люди хотят сохранить свое имущество. Перейдите по ссылке,  почитайте и подумайте — а какой у Вас замок?

Сегодня ссылки будут не такие жирные, но их будет три и они все достаточно важные.

[share-locker locker_ theme=»grey» message=»Чтобы увидеть ссылки, кликните по любой кнопке!» facebook=»true» likeurl=»CURRENT» google=»true» googleurl=»CURRENT» tweet=»true» tweettext=»» tweeturl=»CURRENT» follow=»true» linkedin=»true» linkedinurl=»CURRENT»]

Форум про поисковые системы, поисковую оптимизацию и заработок в интернете http://semsocial.ru. тИЦ 20, PR-2. Необходимо: зарегистрироваться, указать сайт в Личном кабинете в разделе Профиль

Рейтинг блогов http://blograte.ru/. тИЦ 130, PR-4. Необходимо: кнопка «Добавить блог», заполнить форму и отправить на модерацию.

Рейтинг блогов http://www.epochta.ru/rating/. тИЦ 70, PR-4. Необходимо: кнопка «Добавить блог», заполнить форму и отправить на модерацию

[/share-locker]

 

Похожие записи по этой теме: