Kako dodati CSS ikonu WordPress menija?Instalirajte dodatak za fontove ikone WP navigacije

WordPressKako dodati CSS ikonu menija?

Instalirajte dodatak za fontove ikone WP navigacije

novi medijiljudi to radeSEORadi se o optimizaciji web stranice i poboljšanju korisničkog iskustva.

Možete dodati fontove ikona na svoju WordPress web stranicu, koji su vrlo lijepi i podržavaju responzivni dizajn WP šablone tema.

Fontovi ikona i ikone u malom formatu slike su različiti:

• Podržava retina displej.
• moženeograničenouvećati.
• Personalizujte stavke u meniju za navigaciju pojedinačno kao fontove ikona.

Može se vidjeti dijagram specifičnog efektaChen WeiliangBlog navigacijski meni.

Kako koristiti fontove ikona?

Korak 1:Instalirajte dodatak

• WP pozadina → Dodaci → Instaliraj dodatke → Potražite "Font Awesome 4 Menus", preuzmite i instalirajte i omogućite;
• Također možete preuzeti direktno sa web stranice, a zatim otpremiti ili instalirati putem FTP-a nakon upload-a.

Korak 2:Pronađite fontove ikona

Otvorite službenu web stranicu fonta ikona i pronađite ikonu koja nam je potrebna▼

• koje možete prikazati kada kliknete na ikonu <i class =“fa fa-home”> </ i>Copy fa fa-home.
• Ako je naziv ikone doma home, onda moramo ući u "Menu CSS Class" fas fa-home

Korak 3:Unos menija ikona fonta CSS klase

• WP pozadina → Izgled → Meni, uđite na stranicu za podešavanje menija.
• odaberite i uredite stavku menija,
• U CSS klasi zalijepite naziv fonta ikone koji smo upravo kopirali (fa fa-home) ▼

• (Rad ostalih ikona je isti)
• Na kraju kliknite na sačuvaj.

Predostrožnosti

Ako nemate CSS klase u panelu Uredi stavke menija, možete otvoriti "Opcije prikaza" u gornjem desnom uglu i uNapredna svojstva menija ekrana, odaberite "CSS klasa" ▼

• Naravno, ova biblioteka fontova ikona nije ograničena na upotrebu u navigacijskom meniju, sve dok se odgovarajući kod ikone dodaje na odgovarajuću poziciju šablona teme.