Как добавить иконку меню WordPress в CSS?Установите плагин WP Navigation Icon Font

WordPressКак добавить значок меню CSS?

Установите плагин WP Navigation Icon Font

новые средства массовой информациилюди делаютSEOЭто оптимизация сайта и улучшение пользовательского опыта.

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

Иконочные шрифты и значки в формате маленького изображения различаются:

• Поддержка дисплея сетчатки.
• å ¯ä »¥无限увеличить.
• Персонализируйте элементы меню навигации по отдельности в виде шрифтов Icon.

Конкретную диаграмму эффекта можно посмотретьЧен ВэйлянМеню навигации блога.

Как использовать иконочные шрифты?

第 1 步 ：安装 插件

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

第 2 步 ：Найти шрифты значков

Открываем официальный сайт иконочного шрифта и находим нужную нам иконку▼

• который вы можете показать, нажав на значок <i class =“fa fa-home”> </ i>Скопируйте фа-фа-дом.
• Если имя домашнего значка дома, то нам нужно войти в «Класс меню CSS». fas fa-home

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

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

• (Действие других иконок такое же)
• Наконец, нажмите «Сохранить».

注意 事项

Если у вас нет классов CSS на панели «Редактировать элементы меню», вы можете открыть «Параметры отображения» в правом верхнем углу и вПоказать дополнительные свойства меню, выберите "Класс CSS" ▼

• Конечно, эта библиотека шрифтов значков не ограничивается использованием в меню навигации, если соответствующий код значка добавлен в соответствующую позицию шаблона темы.