Artikel Directory
WordPressHoe kinne jo CSS menu-ikoan taheakje?
Ynstallearje WP Navigation Icon Font Plugin
nije mediaminsken doggeSEOIt is om de webside te optimalisearjen en de brûkersûnderfining te ferbetterjen.
Jo kinne ikoanlettertypen tafoegje oan jo WordPress-webside, dy't heul moai binne en WP-tema-sjabloanen foar responsive ûntwerp stypje.
Ikoanlettertypen en ikoanen yn lyts byldformaat binne oars:
- Stypje retina werjefte.
- kinneûnbeheindfergrutsje.
- Personalisearje de items op it navigaasjemenu yndividueel as ikoanlettertypen.
It spesifike effektdiagram kin wurde besjoenChen WeiliangBlog's navigaasjemenu.
Hoe kinne ik ikoanlettertypen brûke?
第 1 步:Ynstallearje de plugin
- WP eftergrûn → Plugins → Ynstallearje plugins → Sykje nei "Font Awesome 4 Menus", download en ynstallearje en ynskeakelje;
- Jo kinne ek direkt downloade fan 'e webside, dan uploade of ynstallearje fia FTP nei it uploaden.
第 2 步:Fine ikoan lettertypen
Klikje hjir om nei de offisjele webside fan Icon Fonts te geanIepenje de offisjele webside fan it ikoanlettertype en fyn it ikoan dat wy nedich binne▼
- dy't jo sjen kinne as jo op it ikoan klikke
<i class =“fa fa-home”> </ i>
Kopiearje fa fa-home. - As de namme fan it thúsbyldkaike thús is, dan moatte wy ynfiere yn "Menu CSS Class"
fas fa-home
第 3 步:Menu ynfier CSS klasse lettertype byldkaike
- WP-eftergrûn → Uterlik → Menu, gean de menu-ynstellingspagina yn.
- selektearje en bewurkje in menu-item,
- Plak yn 'e CSS-klasse de namme fan it ikoanlettertype dat wy krekt kopieare (
fa fa-home
) ▼
- (De wurking fan oare ikoanen is itselde)
- As lêste klikje op bewarje.
Foarsoarchsmaatregels
As jo gjin CSS-klassen hawwe yn it paniel Menu-items bewurkje, kinne jo de "Display-opsjes" yn 'e rjochter boppeste hoeke iepenje, en ynLit avansearre eigenskippen fan it menu sjen, selektearje "CSS-klasse" ▼
- Fansels is dizze byldkaikelettertypebibleteek net beheind ta gebrûk yn it navigaasjemenu, salang't de oerienkommende ikoankoade wurdt tafoege oan 'e korrespondearjende posysje fan it temasjabloan.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) dield "Hoe kinne jo WordPress-menu-ikoan CSS tafoegje?Ynstallearje WP Navigation Icon Font Plugin", it sil jo helpe.
Wolkom om de keppeling fan dit artikel te dielen:https://www.chenweiliang.com/cwl-642.html
Wolkom by it Telegram-kanaal fan Chen Weiliang's blog om de lêste updates te krijen!
📚 Dizze hantlieding befettet enoarme wearde, 🌟Dit is in seldsume kâns, mis it net! ⏰⌛💨
Diel en like as jo wolle!
Jo dielen en likes binne ús trochgeande motivaasje!