Com afegir la icona de menú de WordPress CSS?Instal·leu WP Navigation Icon Font Plugin

WordPressCom afegir la icona de menú CSS?

Instal·leu WP Navigation Icon Font Plugin

nous suportsla gent ho faSEOEs tracta d'optimitzar el lloc web i millorar l'experiència de l'usuari.

Podeu afegir tipus de lletra d'icones al vostre lloc web de WordPress, que són molt bonics i admeten plantilles de temes WP de disseny sensible.

Els tipus de lletra d'icones i les icones en format d'imatge petit són diferents:

• Suport de la pantalla retina.
• llaunail·limitatengrandir.
• Personalitzeu els elements del menú de navegació individualment com a fonts d'icones.

Es pot veure el diagrama d'efectes específicsChen WeiliangMenú de navegació del bloc.

Com utilitzar els tipus de lletra d'icones?

Cap 1 步：Instal·leu el connector

• Fons WP → Connectors → Instal·la connectors → Cerca "Font Awesome 4 Menus", descarrega, instal·la i activa;
• També podeu descarregar-lo directament des del lloc web, després carregar-lo o instal·lar-lo mitjançant FTP després de carregar-lo.

Cap 2 步：Cerca fonts d'icones

Obriu el lloc web oficial del tipus de lletra de la icona i cerqueu la icona que necessitem▼

• que podeu mostrar quan feu clic a la icona <i class =“fa fa-home”> </ i>Còpia de fa-home.
• Si el nom de la icona d'inici és casa, hem d'introduir a "Menú CSS Classe" fas fa-home

Cap 3 步：Icona de tipus de lletra de classe CSS d'entrada al menú

• Fons WP → Aparença → Menú, entreu a la pàgina de configuració del menú.
• seleccionar i editar un element del menú,
• A la classe CSS, enganxeu el nom de la font de la icona que acabem de copiar (fa fa-home) ▼

• (El funcionament de les altres icones és el mateix)
• Finalment, feu clic a desar.

注意 事项

Si no teniu classes CSS al tauler Edita els elements del menú, podeu obrir les "Opcions de visualització" a l'extrem superior dret i aMostra les propietats avançades del menú, seleccioneu "Classe CSS" ▼

• Per descomptat, aquesta biblioteca de fonts d'icones no es limita a utilitzar-la al menú de navegació, sempre que s'afegeixi el codi d'icona corresponent a la posició corresponent de la plantilla del tema.