Come aggiungere un'icona home al posto del testo nel menu WordPress

23 dic 2013, 11:44:33
Visualizzazioni: 32.7K
Voti: 0

Ho bisogno di aggiungere l'immagine "home.png" come pulsante home invece del testo, per esempio esempio di menu WordPress con icona home

Ho cercato questa domanda su Google e ho trovato un metodo, ma non ha funzionato. Il metodo menzionato in quei siti è:

  1. Abilitare la classe CSS nelle opzioni schermo in Aspetto>>Menu
  2. Scrivere una classe "home-icon"
  3. Nel file style.css inserire questa classe. Ho scritto il codice come:

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

Ho seguito questo sito ma non ha funzionato per me. Qual è il problema in questo metodo? O ci sono altre alternative?

5
Commenti

Hai inserito l'icona corrispondente home.png nella cartella delle immagini?

Maruti Mohanty Maruti Mohanty
23 dic 2013 11:52:40

Sì..è nella cartella images all'interno della mia cartella del tema

Zammuuz Zammuuz
23 dic 2013 11:56:05

Allora puoi verificare con uno strumento come Firebug se stai effettivamente ottenendo l'immagine o meno, e controlla anche i permessi dell'immagine

Maruti Mohanty Maruti Mohanty
23 dic 2013 12:48:37

non riesco a visualizzare l'immagine. ma la classe "home-icon" viene mostrata insieme alle altre classi del menu home.

Zammuuz Zammuuz
30 dic 2013 07:19:30

Visualizza la pagina, poi visualizza il codice sorgente e copia l'URL dell'immagine home.png. Incolla quell'URL nel tuo browser e verifica se riesci a vedere l'immagine, altrimenti potresti avere un errore nel percorso

TomC TomC
2 gen 2014 12:45:14
Tutte le risposte alla domanda 2
0

per nascondere l'etichetta "HOME" dalla navigazione di WordPress uso

//cambia 105 con l'id della tua home
 #menu-item-105 span {
 display:none;
 }

e per l'icona uso il plugin WordPress "Iconic Navigation"

10 apr 2015 22:03:14
0

ho risolto il problema utilizzando un plugin chiamato nav-menu images

2 gen 2014 12:27:14