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

Kako da dodam CSS ikoni menija u WordPressu ?

Instalirajte dodatak za fontove ikone WP navigacije

Za profesionalce u oblasti novih medija , SEO se odnosi na optimizaciju web stranica i poboljšanje 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.

Za detaljne prikaze, molimo pogledajte navigacijski meni na Chen Weiliangovom blogu.

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: Unesite ikonu CSS fonta u meni.

• 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 ne vidite CSS klase u meniju Uredi, možete otvoriti "Opcije prikaza" u gornjem desnom uglu i odabrati "CSS klase" u odjeljku Napredna svojstva menija Prikaz . ▼

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