Hoe kinne jo WordPress-menu-ikoan CSS tafoegje?Ynstallearje WP Navigation Icon Font Plugin

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 gean

Iepenje de offisjele webside fan it ikoanlettertype en fyn it ikoan dat wy nedich binne▼

Lettertype-Awesome lettertype-ikoan thús 1e blêd

  • 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) ▼

WordPress Navigaasjemenu CSS Lettertype-ikoanen Diel 2

  • (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" ▼

WordPress-navigaasjemenu-opsjes, kontrolearje CSS-klasse 3e blêd

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

🔔 Wês de earste om de weardefolle "ChatGPT Content Marketing AI Tool Usage Guide" te krijen yn 'e kanaaltopmap! 🌟
📚 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!

 

发表 评论

Jo e-postadres wurdt net publisearre. Ferplichte fjilden wurde brûkt * Etiket

rôlje nei boppen