Cómo configurar iconos para el menú de navegación de WordPress

En pocas palabras, utilice un complemento para lograrlo. Pruebe este complemento Font Awesome 4 Menus,

1. en la búsqueda de la página: Menús Font Awesome 4, descargar e instalar y habilitar.

2. Backend de WP--Apariencia--Menú, ingrese a la página de configuración del menú, seleccione y edite un elemento del menú, ingrese un nombre de selector de fuente de icono en la clase CSS, como se muestra en la figura:

Si no hay una clase CSS en el panel de elementos del menú de edición, puede abrir "Opciones de visualización" en la esquina superior derecha y marcar "Opciones de visualización" en las propiedades avanzadas del menú de visualización.

Si no hay una clase CSS en el panel de elementos del menú de edición, puede abrir las "Opciones de visualización" en la esquina superior derecha y marcar "Clase CSS" en las propiedades avanzadas del menú de visualización.

El nombre del selector de fuente del ícono, puedes verlo abriendo esta página: http://fortawesome.github.io/Font-Awesome/icons/

Toca uno que Piense en una fuente de icono adecuada, algo como esto aparecerá a continuación:

lt;i class="fa fa-home" gt;lt;/igt;

Simplemente agregue el menú CSS clase Introduzca fa fa-home.

Esta biblioteca de fuentes de íconos no se limita a su uso en menús de navegación. También se puede mostrar siempre que se agregue el código de ícono correspondiente en la ubicación adecuada en la plantilla del tema.