Uyongeza njani i icon yemenyu yeWordPress CSS?Faka i-WP Navigation Icon Font Plugin

WordPressUyongeza njani i icon yemenyu yeCSS?

Faka i-WP Navigation Icon Font Plugin

iindaba ezintshaabantu benzaseoKukwandisa iwebhusayithi kunye nokuphucula amava omsebenzisi.

Unokongeza iifonti ze icon kwiwebhusayithi yakho yeWordPress, ezintle kakhulu kwaye zixhasa uyilo oluphendulayo lweetemplate zeWP.

Iifonti zomfanekiso kunye nee-icon kwifomathi yomfanekiso omncinci zahlukile:

  • Inkxaso retina ukubonisa.
  • unakomdakhulisa.
  • Yenza izinto ezikuluhlu lokukhangela ngokwalo ngabanye njengeefonti zoMfanekiso.

Umzobo wesiphumo esithile unokujongwaChen WeiliangImenyu yokukhangela yeBlog.

Uzisebenzisa njani iifonti ze icon?

Isiqendu 1:Faka iplagin

  • Imvelaphi yeWP → Iiplagi → Faka iiplagi → Khangela i-"Font Awesome 4 Menus", khuphela kwaye ufake kwaye uvule;
  • Unokukhuphela ngokuthe ngqo kwiwebhusayithi, emva koko ulayishe okanye ufake ngeFTP emva kokulayisha.

Isiqendu 2:Fumana Iifonti zoMfanekiso

Cofa apha ukuya kwiwebhusayithi esemthethweni yeefonti zoMfanekiso

Vula iwebhusayithi esemthethweni yefonti ye icon kwaye ufumane i icon esiyifunayo▼

Ifonti-I icon yefonti eyoyikekayo yasekhaya ishidi loku-1

  • onokubonisa xa ucofa i icon <i class =“fa fa-home”> </ i>Khuphela fa fa-ekhaya.
  • Ukuba igama lomfanekiso wekhaya likhaya, ngoko kufuneka singene kwi "Menu CSS Class" fas fa-home

Isiqendu 3:Imenyu yokufaka i icon yefonti yeklasi yeCSS

  • Imvelaphi yeWP → Imbonakalo → Imenyu, ngenisa iphepha lokuseta imenyu.
  • khetha kwaye uhlele umba wemenyu,
  • Kwiklasi yeCSS, coma i icon yegama lefonti esisanda kuyikopa (fa fa-home) ▼

I-WordPress Navigation Menu ye-CSS Font Icons Icandelo 2

  • (Ukusebenza kwezinye ii-icon kuyafana)
  • Ekugqibeleni cofa ugcine.

Izilumkiso

Ukuba awunazo iiklasi zeCSS kwiqela lenjongo yoHlelo lweMiba yeMenu, ungavula "Umboniso wokuKhetha" kwikona ephezulu ngasekunene, kwayeBonisa iimpawu eziphambili zemenyu, khetha u-"CSS class" ▼

Iinketho zemenyu yokukhangela i-WordPress, khangela iklasi ye-CSS ye-3rd sheet

  • Ngokuqinisekileyo, le layibrari yefonti ye icon ayikhawulelwanga ekusebenziseni kwimenyu yokukhangela, ukuba nje ikhowudi ye-icon ehambelanayo yongezwa kwindawo ehambelanayo yethempleyithi yomxholo.

Ndiyathemba Chen Weiliang Blog ( https://www.chenweiliang.com/ ) kwabelwana "Uyongeza njani i icon yemenyu ye-WordPress CSS?Faka iWP Navigation Icon Font Plugin", iya kukunceda.

Wamkelekile ukwabelana ngekhonkco leli nqaku:https://www.chenweiliang.com/cwl-642.html

Wamkelekile kwisitishi seTelegram sebhlog kaChen Weiliang ukufumana uhlaziyo lwamva nje!

🔔 Yiba ngowokuqala ukufumana iSikhokelo sokuSetyenziswa kweSixhobo se-"ChatGPT yeNtengiso ye-AI" kuluhlu oluphezulu lwetshaneli! 🌟
📚 Esi sikhokelo sinexabiso elikhulu, 🌟Eli lithuba elinqabileyo, ungaliphoswa! ⏰⌛💨
Yabelana kwaye uthanda ukuba uyathanda!
Ukwabelana kwakho kunye nezinto ozithandayo ziyinkuthazo yethu eqhubekayo!

 

Shiya uluvo

Idilesi ye-imeyile ayizukupapashwa. Iinkalo ezifunekayo zisetyenzisiwe * Ileyibheli

skrolela phezulu