Відкрити меню

Як додати іконки в меню сайту на WordPress – плагін Menu Icons

Мої найщиріші вітання, шановне товариство! Подивіться на меню цього блогу – правда класно виглядає? Реалізувати такі іконки в пунктах меню я хотів уже давно і все пробував зробити це без використання плагінів. Але … виставити цю красу самим лишень кодом можна, та мені здалось, що то буде надто складно описати та розказати, при чому – шаблони у всіх різні, з різними методами верстки і щоб уникнути проблем та непорозумінь, я вирішив відшукати універсальний плагін. На мій подив, такий застосунок знайшовся відразу – це плагін Menu Icons.

Іконки для меню

Додаток простий, функціональний та, що дуже важливо, активно підтримується розробниками. Останнє оновлення було буквально два тижні тому і робота цього плагіна протестована на WordPress 4.0. Великим плюсом Menu Icons я можу відмітити те, що додаток має доволі об’ємний пакет іконок, які і виглядають стильно, і підійдуть практично під будь-який дизайн. Інсталяцію Menu Icons розглядати ми не будемо, гадаю всі знають як це робиться, давайте подивимось на можливості цього застосунку.

Після того, як Ви встановите та активуєте плагін, йдете в пункт “Дизайн-Меню”, де ми і будемо Menu Icons налаштовувати.

Menu Icons

Обираємо наше меню, відкриваємо будь-який пункт і бачимо в налаштуваннях цього пункту нову опцію Icon: Select.

Icon: Select

Коли ми натиснемо Select, то перед нами з’явиться вікно, аналогічне тому, яке ми бачимо при додаванні зображень в статті. Тут ми можемо обрати іконки або з наборів плагіна Menu Icons, або завантажити власні в медіабібліотеку.

Іконки

Обираємо бажану іконку і знову бачимо знайомий міні-редактор, де можна виставити розмір, вирівнювання, позицію і т.д. Тиснемо Select.

Вибір іконки

Тепер ми бачимо в нашому пункті меню обрану іконку і просто зберігаємо зміни самого меню.

Зберігаємо меню

Потім йдемо на блог і милуємось новим виглядом нашого меню)). Виглядає, як на мене, досить гарно, стильно та цікаво.

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

Що стосується власних іконок з медіабібліотеки, то тут також потрібно бути обережними і шукати набори одного стилю, інакше це буде виглядати не дуже професійно.

Такі іконки зараз дуже поширені в преміум-шаблонах, існують навіть цілі сервіси (наприклад: http://fontawesome.io/icons), які спеціально займаються розробкою таких елементів, тому, на мою думку, це класна штука.

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

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

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

Та повернемось до нашого плагіна Menu Icons. Завантажити його можна з офіційної бібліотеки плагінів для WordPress:

https://wordpress.org/plugins/menu-icons

Або просто встановити з панелі керування, з результатів пошуку. Всі плагіни там беруться також з цієї бібліотеки.

Нехай Ваші ресурси отримають неповторний вигляд, цікавого Вам дня та великої кількості вдячних відвідувачів.

Шануйтеся!

Нічого цікавогоТак собіНормальноДобреЧудово (Голосів: 4, середній: 5,00 з 5)
Loading...
Обговорення: 20 коментарів
  1. Pavlofox сказав:

    Класно виглядає, і відгуки на сторінці завантаження хороші.

    Відповіcти
    1. Олег Волощук сказав:

      Ага, здавалося б – дрібничка, але змінює візуальний вигляд в кращу сторону суттєво 🙂

      Відповіcти
  2. Ivan сказав:

    Да, прикольна штука. Взяв в закладки!

    Відповіcти
  3. Оксана Скоц сказав:

    Гарно виглядає, стильно. Буду мати час – спробую. А ось про це – “щоб підписи у футерах мали закінчений вигляд”- можна трішки детальніше)))

    Відповіcти
    1. Олег Волощук сказав:

      Та все просто. Щоб не зливались лінки, щоб не залишались рекламні посилання, щоб лінки на вхід/вихід та копірайт, як приклад, були одного розміру та одним шрифтом і т.д.

      Відповіcти
  4. Оксана Скоц сказав:

    Спробувала) Хороший плагін. Головне – усе дуже просто. У Вас особливо стильно виглядає.

    Відповіcти
    1. Олег Волощук сказав:

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

      Відповіcти
      1. Оксана Скоц сказав:

        Але ж текст також білий і його не змінити. Я не сказала, що я не задоволена результатом. Просто у мене не так кидається в очі.

        Відповіcти
        1. Олег Волощук сказав:

          Чому ж? Все можна змінити. Але у мене також колір тексту білий.

          Відповіcти
  5. remix2903 сказав:

    Хороша штука, треба буде собі додати.)

    Відповіcти
  6. MrVigner сказав:

    Виглядає таки гарно 🙂 Але я б обрав спосіб “вручну” 😀 Правда на жодному з моїх сайтів меню не дуже підходяще для іконок, принаймні чомусь так здається…

    Відповіcти
  7. Мирослав сказав:

    Вчора глянув на Ваш сайт і сподобалось оформлення меню. Зранку порився в інтернеті і знайшов plugin menu image. Одразу поставив, але там немає бази з іконками, треба докачувати самостійно, проте є цікава функція-появи іконки меню при наведенні. Щойно почитав Вашу статтю і переставив на menu icons. Котрий плагін кращий-не знаю 🙂

    Відповіcти
    1. Олег Волощук сказав:

      Ну Вам вирішувати))) Мені особисто Menu Icons дуже подобається.

      Відповіcти
  8. Валентина сказав:

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

    Відповіcти
    1. Олег Волощук сказав:

      Валя, тема не риба і зіпсуватись не може, іконки просто так зникнути не могли, шукайте десь помилку в своїх діях. Що стосується плагіна – ну не може такого бути, щоб він не відповідав опису в статті, я його встановив зовсім недавно і скрінщоти робив саме з нього.

      Тим більше, от користувачі ставлять і все окей, Оксана Скоц наприклад, поставила і проблем ніяких немає.

      Відповіcти
      1. Валентина сказав:

        Все чудово,просто одну кнопочку не натиснула,спасибі Олег за роз’яснення

        Відповіcти
  9. Serpiko сказав:

    Доброго дня, Олег! Дякую за плагін – дуже актуально для мене зараз! Саме на виході декілька сайтів. Успіху.

    Відповіcти
    1. Олег Волощук сказав:

      Та немає за що, користуйтесь, для цього блог і існує 🙂

      Відповіcти
  10. Антон сказав:

    Дякую за рекомендацію.
    Я з Вашою допомогою сайт створив )) Урааааа!

    Відповіcти
    1. Олег Волощук сказав:

      Ну от бачите як чудово 🙂

      Відповіcти

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

© 2017 Блог Олега Волощука · Копіювання матеріалів сайту без дозволу заборонено
Авторство підтверджено Google