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

Com puc afegir CSS a una icona de menú de WordPress ?

Instal·leu WP Navigation Icon Font Plugin

Per als professionals dels nous mitjans , el SEO consisteix a optimitzar llocs 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.

Per veure representacions detallades, consulteu el menú de navegació del blog de Chen Weiliang .

Com utilitzar els tipus de lletra d'icones?

Pas 1: Instal·leu el complement

• 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.

Pas 2: Troba les 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

Pas 3: Introduïu la icona de la font CSS 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 veieu les classes CSS al panell del menú Edita, podeu obrir "Opcions de visualització" a la cantonada superior dreta i seleccionar "Classes CSS" a la secció Propietats avançades del menú Visualització . ▼

• 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.