Giunsa pagdugang ang icon sa menu sa WordPress CSS?I-install ang WP Navigation Icon Font Plugin

WordPressGiunsa pagdugang ang icon sa menu nga CSS?

I-install ang WP Navigation Icon Font Plugin

bag-ong mediagibuhat sa mga tawoSEOKini aron ma-optimize ang website ug mapaayo ang kasinatian sa gumagamit.

Mahimo nimong idugang ang mga font sa icon sa imong website sa WordPress, nga matahum kaayo ug nagsuporta sa responsive nga disenyo sa WP nga mga template sa tema.

Lahi ang mga font sa icon ug mga icon sa gamay nga format sa imahe:

• Suportahi ang retina display.
• mahimowalay kinutubanpagpadako.
• I-personalize ang mga aytem sa menu sa nabigasyon nga tinagsa ingon nga mga font sa Icon.

Ang piho nga diagram sa epekto mahimong tan-awonChen WeiliangAng menu sa nabigasyon sa blog.

Giunsa paggamit ang mga font sa icon?

Lakang 1:I-install ang plugin

• WP background → Plugins → Install Plugins → Pangitaa ang "Font Awesome 4 Menus", pag-download ug pag-install ug pagpagana;
• Mahimo ka usab nga mag-download direkta gikan sa website, dayon i-upload o i-install pinaagi sa FTP pagkahuman ma-upload.

Lakang 2:Pangitaa ang Icon Fonts

Ablihi ang opisyal nga website sa icon font ug pangitaa ang icon nga atong gikinahanglan▼

• nga mahimo nimong ipakita kung imong i-klik ang icon <i class =“fa fa-home”> </ i>Kopyaha ang fa-home.
• Kung ang ngalan sa icon sa balay mao ang balay, nan kinahanglan namon nga mosulod sa "Klase sa CSS sa Menu" fas fa-home

Lakang 3:Menu input CSS class font icon

• WP background → Panagway → Menu, pagsulod sa pahina sa setting sa menu.
• pagpili ug pag-edit sa usa ka butang sa menu,
• Sa klase sa CSS, idikit ang icon nga ngalan sa font nga bag-o lang namo gikopya (fa fa-home) ▼

• (Parehas ang operasyon sa ubang mga icon)
• Sa katapusan i-klik ang save.

Pagpangandam

Kung wala kay mga klase sa CSS sa panel sa Edit Menu Items, mahimo nimong ablihan ang "Display Options" sa ibabaw nga tuo nga suok, ug saIpakita ang mga advanced nga kabtangan sa menu, pilia ang "CSS class" ▼

• Siyempre, kini nga librarya sa font sa icon dili limitado sa paggamit sa menu sa nabigasyon, basta ang katugbang nga code sa icon idugang sa katugbang nga posisyon sa template sa tema.