Як дадаць CSS значка меню WordPress?Усталюйце WP Navigation Icon Font Plugin

WordPressЯк дадаць значок меню CSS?

Усталюйце WP Navigation Icon Font Plugin

новыя СМІлюдзі робяцьSEOГэта аптымізацыя вэб-сайта і паляпшэнне карыстацкага досведу.

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

Шрыфты значкоў і значкоў у малым фармаце малюнка адрозніваюцца:

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

Дыяграму канкрэтнага эфекту можна праглядзецьЧэнь ВэйлянМеню навігацыі блога.

Як выкарыстоўваць шрыфты значкоў?

Крок 1:Усталюйце убудову

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

Крок 2:Знайдзіце шрыфты значкоў

Адкрываем афіцыйны сайт шрыфта значкоў і знаходзім патрэбны нам значок▼

• якія вы можаце паказаць, націснуўшы на значок <i class =“fa fa-home”> </ i>Копія fa fa-home.
• Калі назва значка "Дом" - "Дом", нам трэба ўвесці "Клас CSS меню" fas fa-home

Крок 3:Значок шрыфта класа CSS уводу меню

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

• (Аперацыя іншых значкоў такая ж)
• Нарэшце націсніце захаваць.

注意 事项

Калі ў вас няма класаў CSS на панэлі "Праўка элементаў меню", вы можаце адкрыць "Параметры адлюстравання" ў правым верхнім куце і ўПаказаць пашыраныя ўласцівасці меню, выберыце «Клас CSS» ▼

• Вядома, гэтая бібліятэка шрыфтоў значкоў не абмяжоўваецца выкарыстаннем у меню навігацыі, пакуль адпаведны код значка дадаецца ў адпаведную пазіцыю шаблону тэмы.