Як додати CSS значка меню WordPress?Установіть WP Navigation Icon Font Plugin

WordPressЯк додати CSS значка меню?

Установіть WP Navigation Icon Font Plugin

нові ЗМІлюди роблятьSEOЦе оптимізація веб-сайту та покращення взаємодії з користувачем.

Ви можете додати шрифти значків на свій веб-сайт WordPress, які є дуже красивими та підтримують адаптивний дизайн шаблонів тем WP.

Шрифти значків і значків у форматі маленького зображення відрізняються:

• Підтримка дисплея Retina.
• Можнанеобмеженийзбільшити.
• Персоналізуйте елементи навігаційного меню окремо як шрифти значків.

Діаграму конкретного ефекту можна переглянутиЧень ВейлянНавігаційне меню блогу.

Як використовувати шрифти значків?

第 1 步:Встановіть плагін

• WP background → Плагіни → Установити плагіни → Знайдіть «Font Awesome 4 Menus», завантажте та встановіть та ввімкніть;
• Ви також можете завантажити безпосередньо з веб-сайту, а потім завантажити або встановити через FTP після завантаження.

第 2 步:Знайдіть шрифти значків

Відкриваємо офіційний сайт шрифту іконок і знаходимо потрібну нам іконку▼

• які ви можете показати, натиснувши піктограму <i class =“fa fa-home”> </ i>Копіювати fa fa-home.
• Якщо назва домашньої піктограми home, тоді нам потрібно ввести «Меню CSS Class» fas fa-home

第 3 步:Значок шрифту класу CSS для введення в меню

• Фон WP → Вигляд → Меню, увійдіть на сторінку налаштувань меню.
• вибір і редагування пункту меню,
• У клас CSS вставте назву шрифту піктограми, яку ми щойно скопіювали (fa fa-home) ▼

• (Робота інших значків така сама)
• Нарешті натисніть зберегти.

注意 事项

Якщо у вас немає класів CSS на панелі «Редагувати пункти меню», ви можете відкрити «Параметри відображення» у верхньому правому куті та вПоказати розширені властивості меню, виберіть «Клас CSS» ▼

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