Иконка меню блога для привлечения внимания читетеля

иконка менюИконка меню, будь оно горизонтальное или вертикальное,привлекает внимание читателя. Эта иконка как бы задерживает взгляд. цепляет его... Результатом является дополнительное время пребывания на блоге. Что соответственно, прибавляет вес Вашему ресурсу.

Мелочь? Но работает...

Я уже писала о плагине, который помогает добавить иконки к рубрикам Вашего сайта. Сегодня обсудим еще один плагин. Он универсален. И устанавливает иконки в любое меню.

Найдете вы его в библиотеке плагинов WordPress. Он так и называется - menu ikons.

установка

После активации его настройки Вы найдете в опции блога - Внешний вид - Меню.

меню

И при  настройке и создании меню, Вы и выбираете иконки. Очень хорошо, если шаблон вашего сайта поддерживает несколько меню. В этом случае  Вы можете создать и главное меню с иконками. И меню - рубрики, либо содержание, которое поместите в сайдбар. Я покажу вам весь процесс на своем "кофейном" блоге.

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

плагин настройки

Очень важно, что бы Вы пометили чек бокс Image. В этом случае Вы сможете загружать изображения в формате png в Медиабиблиотеку и устанавливать их в виде иконок.

Рубрики на "кофейном блоге" я отобразила  в виде - "Темы бесед". Выбираю это меню и под каждой темой вижу дополнительную ссылку - Иконка: выбрать.

выбор

 

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

все

На скриншоте обратите внимание на выделенную справа заметку. Очень часто css стили шаблона вашего блога не дают возможность отображения дополнительных иконок. В этом случае надо установить предложенный плагин

Итак, продолжаем выбор иконки.

настройки иконки

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

Пройдемся по пунктам

  1. Скрыть текст меню. Если я выберу - скрыть, то вместо заголовка с иконкой, оставлю только иконку.
  2. Выбираю позицию иконки - до ссылки или после. Я выбираю - до.
  3. Выравнивание. Иконка может находиться на уровне ссылки, немного выше, либо ниже. откройте настройку, поиграйтесь с возможностями. И обратите внимание на то, что все изменения будут отображаться на предпросмотре.
  4. Размер шрифта. Здесь Вы можете увеличить или уменьшить размер иконки. Выбор за Вами

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

Если Вам после просмотра, что-то не понравилось, Вы можете зайти в меню и просто удалить иконку.

Вот что получилось у меня на сайте.

Все эти манипуляции мы проделали с использованием функции  Dashicons. Но если Вы правильно настроили плагин, то пр выборе иконок слева появляется дополнительные функции, где Вы сможете работать и с загруженными картинками в медиабиблиотеку

image

и другими опциями.

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

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Плагины Word Press, , Permalink

2 комментариев к Иконка меню блога для привлечения внимания читетеля

  1. Галина says:

    Ирина, спасибо за статью — видела на блогах, да и у вас стоят иконки, а не знала, как это делается. теперь знаю. Много полезного вы даете своим подписчикам. Спасибо.

Добавить комментарий