Cómo agregar un icono de inicio en lugar de texto en el menú de WordPress

Question

Cómo agregar un icono de inicio en lugar de texto en el menú de WordPress

23 dic 2013, 11:44:33

Vistas: 32.7K

Votos: 0

Necesito agregar una imagen "home.png" como botón de inicio en lugar de texto, por ejemplo Ejemplo de menú WordPress con icono de inicio

Busqué esta pregunta en Google y encontré una manera, pero no funcionó. El método mencionado en esos sitios es:

Habilitar la clase CSS en opciones de pantalla en Apariencia>>Menú
Escribir una clase "home-icon"
En style.css insertar esta clase. Escribí el código como

.home-icon{ background-image:url(images/home.png); }

Seguí este sitio pero esto no funcionó para mí. ¿Cuál es el problema en este método? ¿O hay otras ideas alternativas?

Zammuuz

788

menús página de inicio icono

Comentarios

¿Colocaste el icono respectivo home.png en la carpeta de imágenes?

Maruti Mohanty

23 dic 2013 11:52:40

Sí... está en la carpeta de imágenes dentro de mi carpeta del tema

Zammuuz

23 dic 2013 11:56:05

Entonces ¿puedes verificar con una herramienta como Firebug si realmente estás obteniendo la imagen o no, y también verificar los permisos de la imagen?

Maruti Mohanty

23 dic 2013 12:48:37

No estoy obteniendo la imagen. Pero la clase "home-icon" se muestra con otras clases del menú de inicio.

Zammuuz

30 dic 2013 07:19:30

Visualiza la página, luego mira el código fuente y copia la URL de la imagen home.png. Pégala en tu navegador y comprueba si obtienes la imagen, de lo contrario podrías tener un error en tu ruta

TomC

2 ene 2014 12:45:14

Todas las respuestas a la pregunta

Para ocultar la etiqueta "INICIO" de la navegación de WordPress utilizo:

//cambia el 105 por el ID de tu página de inicio
 #menu-item-105 span {
 display:none;
 }

Y para el icono utilizo el plugin de WordPress "Iconic Navigation"

Bamz Springfield

54

10 abr 2015 22:03:14

Zammuuz 788 · Accepted Answer · 2014-01-02T12:27:14Z

Resolví el problema utilizando un plugin llamado Nav Menu Images

Zammuuz

788

2 ene 2014 12:27:14