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

Hoe voeg ik CSS toe aan een menu-icoon in WordPress ?

Installeer WP Navigation Icon Font Plugin

Voor professionals in de nieuwe media draait SEO om het optimaliseren van websites en het verbeteren van de gebruikerservaring.

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.

Voor gedetailleerde afbeeldingen kunt u het navigatiemenu op de blog van Chen Weiliang raadplegen .

Hoe pictogramlettertypen te gebruiken?

Stap 1: Installeer de plugin

• 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: Zoek naar pictogramlettertypen

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: Voer het CSS-lettertypepictogram in het menu in.

• 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 je CSS-klassen niet ziet in het menu 'Bewerken', kun je 'Weergaveopties' rechtsboven openen en 'CSS-klassen' selecteren in het gedeelte 'Geavanceerde eigenschappen' van het menu 'Weergave' . ▼

• 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.