Hoe WordPress menupictogram CSS toevoegen?Installeer WP Navigation Icon Font Plugin

WordPressHoe voeg ik menupictogram CSS toe?

Installeer WP Navigation Icon Font Plugin

nieuwe mediamensen doenSEOHet is om de website te optimaliseren en de gebruikerservaring te verbeteren.

U kunt pictogramlettertypen toevoegen aan uw WordPress-website, die erg mooi zijn en responsive design WP-themasjablonen ondersteunen.

Pictogramlettertypen en pictogrammen in kleine afbeeldingsindeling zijn verschillend:

• Ondersteuning retina-display.
• kanonbeperktvergroten.
• Personaliseer de items in het navigatiemenu afzonderlijk als pictogramlettertypen.

Het specifieke effectdiagram kan worden bekeken:Chen WeiliangHet navigatiemenu van de blog.

Hoe pictogramlettertypen te gebruiken?

Stap 1:Installeer de plug-in

• WP-achtergrond → Plug-ins → Plug-ins installeren → Zoek naar "Font Awesome 4-menu's", download en installeer en schakel in;
• U kunt ook rechtstreeks van de website downloaden en na het uploaden uploaden of installeren via FTP.

Stap 2:Pictogramlettertypen vinden

Open de officiële website van het pictogramlettertype en zoek het pictogram dat we nodig hebben▼

• die u kunt laten zien als u op het pictogram klikt <i class =“fa fa-home”> </ i>Kopieer fa fa-home.
• Als de naam van het startpictogram thuis is, moeten we invoeren in "Menu CSS-klasse" fas fa-home

Stap 3:Menu-invoer CSS-klasse lettertypepictogram

• WP-achtergrond → Uiterlijk → Menu, ga naar de pagina met menu-instellingen.
• een menu-item selecteren en bewerken,
• Plak in de CSS-klasse de naam van het pictogramlettertype dat we zojuist hebben gekopieerd (fa fa-home)

• (De werking van andere pictogrammen is hetzelfde)
• Klik tenslotte op opslaan.

注意 事项

Als u geen CSS-klassen hebt in het deelvenster Menu-items bewerken, kunt u de "Weergaveopties" in de rechterbovenhoek openen en inToon geavanceerde eigenschappen van het menu, selecteer "CSS-klasse" ▼

• Natuurlijk is deze pictogramlettertypebibliotheek niet beperkt tot gebruik in het navigatiemenu, zolang de bijbehorende pictogramcode maar wordt toegevoegd aan de overeenkomstige positie van de themasjabloon.