Як додати іконки для елементів меню wordpress

Як ви помітили, у мене на сайті для кожного елемента меню (для кожної категорії) використовується своя іконка. Це дуже зручно при перегляді категорій відвідувачем. І запам`ятовується в такому вигляді набагато краще. Щоб не додавати вручну ці іконки - я використовую плагін. І в цьому уроці я розповім що це за плагін, як встановити вподобану іконку для кожної категорії на сайті. Також розповім про кілька сервісів, де я шукаю іконки.

Як додати іконки для елементів меню WordPress?

почнемо

Додати іконки для елементів меню можна двома способами:
1. Вручну (редагуючи вихідний код вашої теми).
2. За допомогою плагіна.

Другий спосіб значно легше, тому його ми і розглянемо.

Плагін для додавання іконки називається Category and Page Icons. Викачуємо його, встановлюємо і активуємо:

Після чого потрібно зробити легку настройку плагіна.

Налаштування плагіна

Після активації плагіна в адмін-панелі WordPress зліва під елементів «Коментарі» з`явиться ще один «Icons»:

Відео: Як вставити картинку в меню WordPress

Спочатку внесемо деякі настройки для цього плагіна. Для цього натисніть на останню посилання «Налаштування»:

Відео: контекстне меню Додавання пунктів, іконок-Створення каскадного меню

Відео: WordPress меню (створення та налаштування) - випадає користувача меню (WordPress для чайників)

У першому рядку (блакитна стрілка) задаєте шлях де будуть зберігатися іконки. Також хочу звернути увагу на розмір іконок. Я їх ставив квадратні (однакові по ширині і висоті), але це на ваш розсуд:

Додавання іконок

Все готово до того, щоб почати додавати іконки для елементів меню.

Щоб перейти для додавання іконок, ще раз тиснемо зліва в меню на пункт «Icons» і завантажуємо нашу першу іконку з допомогою кнопки «Виберіть файли»:

Іконка може завантажитися, але при цьому не з`явитися нижче. Тому оновлюємо цю сторінку (тиснемо F5 або ж на елемент меню «Icons» зліва).

Як правило, завжди завантажується дві іконки: в початковому розмірі і, з заданими розмірами в налаштуваннях. Якщо вам більше не потрібна іконка в вихідному її розмірі, тоді можете її видаляти (просто натиснувши на кнопку «Видалити» поруч з іконкою).

Зараз переходимо до пункту «Add icons to Categories»:

Тут все дуже просто: потрібно лише для певної категорії вибрати зі списку потрібну іконку:

Після всіх змін не забудьте натиснути на кнопку «Зберегти зміни»!

Де брати іконки?

Іноді виникає проблема з пошуком іконок. Для цього я даю вам посилання не деякі сервіси з пошуком (англійською) іконок онлайн:

• Flat Icons
• IconFinder
• Icon Archive

висновки

Я розглянув цікавий плагін, який дозволяє налаштовувати іконки для категорій, при цьому не чіпаючи вихідний код самої теми. Плюс іконок в тому, що вони асоціюють певну категорію з яким-небудь зображенням.

Успіхів!

З повагою, Юрій Німець