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

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

Установите плагин 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-классы» в разделе «Дополнительные свойства» меню «Отображение» . ▼

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