Sut i ychwanegu eicon dewislen WordPress CSS?Gosod Ategyn Ffont Eicon Navigation WP

Sut ydw i'n ychwanegu CSS at eicon dewislen WordPress ?

Gosod Ategyn Ffont Eicon Navigation WP

I weithwyr proffesiynol cyfryngau newydd , mae SEO yn ymwneud ag optimeiddio gwefannau a gwella profiad y defnyddiwr.

Gallwch ychwanegu ffontiau eicon i'ch gwefan WordPress, sy'n brydferth iawn ac yn cefnogi templedi thema WP dylunio ymatebol.

Mae ffontiau eicon ac eiconau mewn fformat delwedd fach yn wahanol:

  • Cefnogi arddangosiad retina.
  • candiderfynhelaethu.
  • Personoli'r eitemau ar y ddewislen llywio yn unigol fel ffontiau Eicon.

Am rendradau manwl, cyfeiriwch at y ddewislen lywio ar flog Chen Weiliang .

Sut i ddefnyddio ffontiau eicon?

Cam 1: Gosodwch yr ategyn

  • Cefndir WP → Ategion → Gosod Ategion → Chwilio am "Font Awesome 4 Menus", lawrlwytho a gosod a galluogi;
  • Gallwch hefyd lawrlwytho'n uniongyrchol o'r wefan, yna uwchlwytho neu osod trwy FTP ar ôl ei uwchlwytho.

Cam 2: Dod o hyd i ffontiau eicon

Cliciwch yma i fynd i wefan swyddogol Icon Fonts

Agorwch wefan swyddogol y ffont eicon a dewch o hyd i'r eicon sydd ei angen arnom ▼

Eicon ffont Font-Awesome cartref

  • y gallwch ei ddangos pan fyddwch yn clicio ar yr eicon <i class =“fa fa-home”> </ i>Copi fa fa-cartref.
  • Os yw'r enw eicon cartref yn gartref, yna mae angen i ni nodi yn "Menu CSS Class" fas fa-home

Cam 3: Rhowch eiconau ffont CSS yn y ddewislen.

  • Cefndir WP → Ymddangosiad → Dewislen, nodwch dudalen gosod y ddewislen.
  • dewis a golygu eitem dewislen,
  • Yn y dosbarth CSS, gludwch enw'r ffont eicon yr ydym newydd ei gopïo (fa fa-home) ▼

Eiconau Ffont CSS Dewislen Llywio WordPress

  • (Mae gweithrediad eiconau eraill yr un peth)
  • Yn olaf cliciwch arbed.

注意 事项

Os nad ydych chi'n gweld dosbarthiadau CSS yn y panel dewislen Golygu, gallwch agor "Dewisiadau Arddangos" yn y gornel dde uchaf a dewis "Dosbarthiadau CSS" yn yr adran Priodweddau Uwch o'r ddewislen Arddangos . ▼

Yn opsiynau dewislen llywio WordPress, gwiriwch y categori CSS.

  • Wrth gwrs, nid yw'r llyfrgell ffontiau eicon hon yn gyfyngedig i'w defnyddio yn y ddewislen llywio, cyn belled â bod y cod eicon cyfatebol yn cael ei ychwanegu at leoliad cyfatebol y templed thema.

发表 评论

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

Sgroliwch i'r brig