

Si te fijas en el menú secundario, recuadrado en rojo, en la figura 1; y también a la derecha del todo del menú principal, aparecen sendos iconos: el del RSS y una lupa.
A continuación se indica cómo se han añadido esos iconos en ambos menús.

Vamos a poner un icono únicamente como opción del menú. Iremos entonces a la definición de esa opción en Apariencia>Menús. Crearemos un enlace personalizado y escribiremos lo siguiente en el campo “Etiqueta de navegación”:
<span class="dashicons dashicons-search"></span>
Ese código mostrará la lupa en el menú como una opción. Si quieres que al hacer clic el usuario entre en una página, rellena la URL correspondiente en el campo “URL”.
A veces, el icono aparece desplazado hacia abajo o hacia arriba. Si eso sucede, añade un margin-top negativo o positivo respectivamente o bien directamente con un style (no recomendado) o bien mediante una clase en el archivo CSS del theme. Puedes añadir una clase específica para esa opción en el campo “Clase CSS (opcional)”. Si no ves ese campo, revisa los campos visibles activando la pestaña “Opciones de pantalla” (en la parte superior de la página) y dentro del apartado “Mostrar propiedades avanzadas de menú”.
<span style="margin-top: -2px;" class="dashicons dashicons-search"></span>
Si como en el caso del icon RSS no quieres llevar a ninguna página, escribe # en el campo “URL”.
Si quieres añadir un icono delante de todas las opciones del menú, utiliza el código siguiente.
<span style="margin-top: -2px;" class="dashicons dashicons-search"></span> Búsqueda
Deja una respuesta