Hoe om WordPress-kieslys-ikoon CSS by te voeg?Installeer WP Navigation Icon Font Plugin

WordPressHoe om menu-ikoon CSS by te voeg?

Installeer WP Navigation Icon Font Plugin

nuwe mediamense doenSEODit is om die webwerf te optimaliseer en die gebruikerservaring te verbeter.

U kan ikoonlettertipes by u WordPress-webwerf voeg, wat baie mooi is en responsiewe ontwerp WP-temasjablone ondersteun.

Ikoonlettertipes en ikone in klein beeldformaat verskil:

• Ondersteun retina-vertoning.
• kanonbeperkvergroot.
• Verpersoonlik die items op die navigasiekieslys individueel as ikoonlettertipes.

Die spesifieke effekdiagram kan bekyk wordChen WeiliangBlognavigasiekieslys.

Hoe om ikoonlettertipes te gebruik?

Stap 1:Installeer die inprop

• WP-agtergrond → Inproppe → Installeer inproppe → Soek vir "Font Awesome 4 Menus", laai af en installeer en aktiveer;
• Jy kan ook direk vanaf die webwerf aflaai en dan oplaai of installeer via FTP nadat jy opgelaai het.

Stap 2:Vind ikoonlettertipes

Maak die amptelike webwerf van die ikoonlettertipe oop en vind die ikoon wat ons benodig▼

• wat jy kan wys wanneer jy op die ikoon klik <i class =“fa fa-home”> </ i>Kopieer fa fa-huis.
• As die huisikoonnaam tuis is, moet ons in "Menu CSS Class" ingaan fas fa-home

Stap 3:Spyskaart invoer CSS klas font ikoon

• WP-agtergrond → Voorkoms → Kieslys, gaan na die menu-instellingbladsy.
• kies en wysig 'n kieslys-item,
• In die CSS-klas, plak die ikoonlettertipenaam wat ons sopas gekopieer het (fa fa-home) ▼

• (Die werking van ander ikone is dieselfde)
• Klik uiteindelik op stoor.

注意 事项

As jy nie CSS-klasse in die Edit Menu Items-paneel het nie, kan jy die "Vertoonopsies" in die regter boonste hoek oopmaak, en inGevorderde eienskappe van die vertoonkieslys, kies "CSS-klas" ▼

• Natuurlik is hierdie ikoonfontbiblioteek nie beperk tot gebruik in die navigasiekieslys nie, solank die ooreenstemmende ikoonkode by die ooreenstemmende posisie van die temasjabloon gevoeg word.