Imenik članaka
WordPressKako dodati CSS ikonu menija?
Instalirajte WP Navigation Icon Font Plugin
novi medijiljudi radeSEOTo je optimizacija web stranice i poboljšanje korisničkog iskustva.
Svojoj WordPress web stranici možete dodati fontove ikona, koji su vrlo lijepi i podržavaju responzivni dizajn WP tematskih predložaka.
Fontovi ikona i ikona u formatu male slike razlikuju se:
- Podržava retina zaslon.
- moženeograničenpovećati.
- Personalizirajte stavke na navigacijskom izborniku pojedinačno kao fontove ikona.
Dijagram specifičnog učinka može se vidjetiChen WeiliangNavigacijski izbornik bloga.
Kako koristiti fontove ikona?
第 1 步:Instalirajte dodatak
- WP pozadina → Dodaci → Instalirajte dodatke → Potražite "Font Awesome 4 Menus", preuzmite i instalirajte te omogućite;
- Također možete preuzeti izravno s web stranice, zatim prenijeti ili instalirati putem FTP-a nakon učitavanja.
第 2 步:Pronađite fontove ikona
Kliknite ovdje da biste otišli na službenu web stranicu Icon FontsOtvorite službenu web stranicu fonta ikona i pronađite ikonu koja nam je potrebna▼
- koje možete prikazati kada kliknete ikonu
<i class =“fa fa-home”> </ i>
Kopiraj fa fa-doma. - Ako je naziv početne ikone home, tada moramo unijeti "Menu CSS Class"
fas fa-home
第 3 步:Ikona fonta CSS klase za unos izbornika
- WP pozadina → Izgled → Izbornik, uđite na stranicu s postavkama izbornika.
- odaberite i uredite stavku izbornika,
- U CSS klasi zalijepite naziv fonta ikone koji smo upravo kopirali (
fa fa-home
) ▼
- (Rad ostalih ikona je isti)
- Na kraju kliknite spremi.
注意 事项
Ako nemate CSS klase na ploči Uređivanje stavki izbornika, možete otvoriti "Opcije prikaza" u gornjem desnom kutu i uPrikaži napredna svojstva izbornika, odaberite "CSS klasa" ▼
- Naravno, ova biblioteka fontova ikona nije ograničena na korištenje u navigacijskom izborniku, sve dok je odgovarajući kod ikone dodan na odgovarajuću poziciju predloška teme.
Blog Hope Chen Weiliang ( https://www.chenweiliang.com/ ) podijelio je "Kako dodati CSS ikone WordPress izbornika?Instalirajte WP Navigation Icon Font Plugin", pomoći će vam.
Dobrodošli da podijelite vezu ovog članka:https://www.chenweiliang.com/cwl-642.html
Dobro došli na Telegram kanal Chen Weiliangovog bloga da dobijete najnovija ažuriranja!
📚 Ovaj vodič ima veliku vrijednost, 🌟 Ovo je rijetka prilika, nemojte je propustiti! ⏰⌛💨
Podijelite i lajkajte ako vam se sviđa!
Vaše dijeljenje i lajkovi naša su stalna motivacija!