Come aggiungere l'icona del menu di WordPress CSS?Installa WP Navigation Icon Font Plugin

hood.discountCome aggiungere l'icona del menu CSS?

Installa WP Navigation Icon Font Plugin

nuovi mediaLe persone fannoGestione SEOServe per ottimizzare il sito web e migliorare l'esperienza dell'utente.

Puoi aggiungere caratteri icona al tuo sito Web WordPress, che sono molto belli e supportano modelli di temi WP dal design reattivo.

I caratteri delle icone e le icone in formato immagine piccolo sono diversi:

• Supporta la visualizzazione della retina.
• può无限Ingrandire.
• Personalizza le voci del menu di navigazione individualmente come caratteri Icona.

È possibile visualizzare il diagramma dell'effetto specificoChen WeiangMenu di navigazione del blog.

Come utilizzare i caratteri delle icone?

1 ：Installa plugin

• Sfondo WP → Plugin → Installa plugin → Cerca "Font Awesome 4 Menu", scarica, installa e abilita;
• Puoi anche scaricare direttamente dal sito Web, quindi caricare o installare tramite FTP dopo il caricamento.

2 ：Trova caratteri icona

Apri il sito Web ufficiale del carattere dell'icona e trova l'icona di cui abbiamo bisogno▼

• che puoi mostrare quando fai clic sull'icona <i class =“fa fa-home”> </ i>Copia fa fa-casa.
• Se il nome dell'icona della home è home, allora dobbiamo entrare in "Menu CSS Class" fas fa-home

3 ：Icona del carattere della classe CSS di input del menu

• Sfondo WP → Aspetto → Menu, entra nella pagina delle impostazioni del menu.
• selezionare e modificare una voce di menu,
• Nella classe CSS, incolla il nome del carattere dell'icona che abbiamo appena copiato (fa fa-home) ▼

• (Il funzionamento delle altre icone è lo stesso)
• Infine fai clic su Salva.

注意 事项

Se non hai classi CSS nel pannello Modifica voci di menu, puoi aprire le "Opzioni di visualizzazione" nell'angolo in alto a destra e inMostra le proprietà avanzate del menu, seleziona "Classe CSS" ▼

• Naturalmente, questa libreria di font per icone non è limitata all'uso nel menu di navigazione, a condizione che il codice dell'icona corrispondente venga aggiunto alla posizione corrispondente del modello del tema.