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

Hoe voeg ek CSS by 'n WordPress -kieslysikoon?

Installeer WP Navigation Icon Font Plugin

Vir nuwe media- professionele persone gaan SEO oor die optimalisering van webwerwe en die verbetering van gebruikerservaring.

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.

Vir gedetailleerde weergawes, verwys asseblief na die navigasie-kieslys op Chen Weiliang se blog.

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

Klik hier om na die amptelike webwerf van Icon Fonts te gaan

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

Font-Awesome font-ikoon tuisblad

  • 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: Voer die CSS-lettertipe-ikoon in die kieslys in.

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

WordPress Navigasie Kieslys CSS Lettertipe Ikone

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

注意 事项

Indien jy nie CSS-klasse in die Wysig-kieslyspaneel sien nie, kan jy "Vertoonopsies" in die regter boonste hoek oopmaak en "CSS-klasse" in die Gevorderde Eienskappe-afdeling van die Vertoon-kieslys kies. ▼

In die WordPress-navigasiekieslysopsies, merk die CSS-kategorie.

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

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Scroll na bo