Hvordan tilføjes WordPress menuikon CSS?Installer WP Navigation Icon Font Plugin

hood.discountHvordan tilføjer man menuikon CSS?

Installer WP Navigation Icon Font Plugin

nye medierfolk gørSEODet er for at optimere hjemmesiden og forbedre brugeroplevelsen.

Du kan tilføje ikonskrifttyper til dit WordPress-websted, som er meget smukke og understøtter responsive design WP-temaskabeloner.

Ikonskrifttyper og ikoner i lille billedformat er forskellige:

• Understøtter nethindeskærm.
• kanubegrænsetforstørre.
• Tilpas elementerne på navigationsmenuen individuelt som ikonskrifttyper.

Det specifikke effektdiagram kan sesChen WeiliangBlogs navigationsmenu.

Hvordan bruger man ikonskrifttyper?

第 1 步:Installer plugin'et

• WP-baggrund → Plugins → Installer plugins → Søg efter "Font Awesome 4 Menus", download og installer og aktiver;
• Du kan også downloade direkte fra hjemmesiden og derefter uploade eller installere via FTP efter upload.

第 2 步:Find ikonskrifttyper

Åbn den officielle hjemmeside for ikonskrifttypen og find det ikon, vi har brug for▼

• som du kan vise, når du klikker på ikonet <i class =“fa fa-home”> </ i>Kopier fa fa-hjem.
• Hvis navnet på hjemmeikonet er hjemme, skal vi gå ind i "Menu CSS Class" fas fa-home

第 3 步:Menuinput CSS-klasseskrifttypeikon

• WP-baggrund → Udseende → Menu, gå ind på siden med menuindstillinger.
• vælg og rediger et menupunkt,
• I CSS-klassen skal du indsætte ikonets skrifttypenavn, vi lige har kopieret (fa fa-home) ▼

• (Betjeningen af ​​andre ikoner er den samme)
• Klik til sidst på Gem.

注意 事项

Hvis du ikke har CSS-klasser i panelet Rediger menupunkter, kan du åbne "Visningsindstillinger" i øverste højre hjørne og iVis avancerede egenskaber for menuen, vælg "CSS-klasse" ▼

• Selvfølgelig er dette ikonskrifttypebibliotek ikke begrænset til brug i navigationsmenuen, så længe den tilsvarende ikonkode tilføjes til den tilsvarende placering af temaskabelonen.