¿Cómo agregar el icono de menú de WordPress CSS?Instale el complemento de fuente del icono de navegación WP

WordPress¿Cómo agregar el icono de menú CSS?

Instale el complemento de fuente del icono de navegación WP

nuevos medios de comunicaciónla gente haceSEOEs para optimizar el sitio web y mejorar la experiencia del usuario.

Puede agregar fuentes de íconos a su sitio web de WordPress, que son muy hermosas y admiten plantillas de temas de WP de diseño receptivo.

Las fuentes de iconos y los iconos en formato de imagen pequeño son diferentes:

• Soporta pantalla retina.
• 可以无限agrandar.
• Personalice los elementos del menú de navegación individualmente como fuentes de iconos.

El diagrama de efecto específico se puede verchen weiliangMenú de navegación del blog.

¿Cómo usar fuentes de iconos?

Paso 1:Instalar el complemento

• Fondo de WP → Complementos → Instalar complementos → Busque "Font Awesome 4 Menus", descargue e instale y habilite;
• También puede descargar directamente desde el sitio web, luego cargar o instalar a través de FTP después de cargar.

Paso 2:Buscar fuentes de iconos

Abra el sitio web oficial de la fuente del icono y encuentre el icono que necesitamos▼

• que puede mostrar cuando hace clic en el icono <i class =“fa fa-home”> </ i>Copia fa fa-casa.
• Si el nombre del ícono de inicio es hogar, entonces debemos ingresar en "Menú Clase CSS" fas fa-home

Paso 3:Icono de fuente de clase CSS de entrada de menú

• Fondo WP → Apariencia → Menú, ingrese a la página de configuración del menú.
• seleccionar y editar un elemento del menú,
• En la clase CSS, pegue el nombre de la fuente del icono que acabamos de copiar (fa fa-home) ▼

• (El funcionamiento de los demás iconos es el mismo)
• Finalmente haga clic en guardar.

注意 事项

Si no tiene clases de CSS en el panel Editar elementos del menú, puede abrir las "Opciones de visualización" en la esquina superior derecha y enMostrar propiedades avanzadas del menú, seleccione "Clase CSS" ▼

• Por supuesto, esta biblioteca de fuentes de íconos no se limita al uso en el menú de navegación, siempre que se agregue el código de ícono correspondiente a la posición correspondiente de la plantilla de tema.