Close

Как добавить иконку в меню сайта на Вордпресс

Существует несколько способов добавления иконок в меню. Я рассмотрю вариант с добавлением картинки в .png расширении. Для этого мне понадобиться:

  • навести курсор мыши на конкретный заголовок в меню.
  • правой кнопкой вызвать контекстное меню и перейти во вкладку «Просмотр кода элемента»
  • В открывшейся панели для разработчиков, я увижу название css класса этого заголовка, что-то вроде .menu-item-120 — у каждого пункта меню свой уникальный номер.
  • Далее, остается  добавить немного кода в style.css, прописать в нем ссылку на картинку размером где-то 24-24 px и отступ около 30 px. Например:
.menu-item-120
{
background: url(ссылка на картинку)no-repeat left;
padding-left: 30px;
}

 


Поделитесь статьей «Как добавить иконку в меню сайта на Вордпресс»

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Автор: Stas Zygar

Привет! С наступившим новым годом! Всем счастья.