Artikel Directory
WordPressHvordan 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
Klik her for at gå til den officielle hjemmeside for Icon FontsÅ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.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) delt "Hvordan tilføjes WordPress menuikon CSS?Installer WP Navigation Icon Font Plugin", det vil hjælpe dig.
Velkommen til at dele linket til denne artikel:https://www.chenweiliang.com/cwl-642.html
Velkommen til Telegram-kanalen på Chen Weiliangs blog for at få de seneste opdateringer!
📚 Denne guide indeholder enorm værdi, 🌟Dette er en sjælden mulighed, gå ikke glip af det! ⏰⌛💨
Del og like hvis du har lyst!
Din deling og likes er vores kontinuerlige motivation!