Paano magdagdag ng CSS ng icon ng menu ng WordPress?I-install ang WP Navigation Icon Font Plugin

Paano ako magdadagdag ng CSS sa isang icon ng menu ng WordPress ?

I-install ang WP Navigation Icon Font Plugin

Para sa mga propesyonal sa bagong media , ang SEO ay tungkol sa pag-optimize ng mga website at pagpapabuti ng karanasan ng gumagamit.

Maaari kang magdagdag ng mga font ng icon sa iyong WordPress website, na napakaganda at sumusuporta sa tumutugon na disenyo ng mga template ng tema ng WP.

Ang mga font ng icon at mga icon sa maliit na format ng imahe ay iba:

• Suportahan ang retina display.
• maaariwalang hanggananpalakihin.
• I-personalize ang mga item sa menu ng nabigasyon nang paisa-isa bilang mga font ng Icon.

Para sa detalyadong mga rendering, mangyaring sumangguni sa navigation menu sa blog ni Chen Weiliang .

Paano gamitin ang mga font ng icon?

Hakbang 1: I-install ang plugin

• WP background → Plugin → I-install ang Plugin → Maghanap para sa "Font Awesome 4 Menus", i-download at i-install at paganahin;
• Maaari ka ring mag-download nang direkta mula sa website, pagkatapos ay mag-upload o mag-install sa pamamagitan ng FTP pagkatapos mag-upload.

Hakbang 2: Hanapin ang mga font ng icon

Buksan ang opisyal na website ng font ng icon at hanapin ang icon na kailangan namin▼

• na maaari mong ipakita kapag na-click mo ang icon <i class =“fa fa-home”> </ i>Kopyahin ang fa fa-home.
• Kung home ang pangalan ng icon ng bahay, kailangan nating pumasok sa "Menu CSS Class" fas fa-home

Hakbang 3: Ilagay ang mga icon ng CSS font sa menu.

• WP background → Hitsura → Menu, ipasok ang pahina ng setting ng menu.
• pumili at mag-edit ng item sa menu,
• Sa klase ng CSS, i-paste ang icon na pangalan ng font na kakakopya lang namin (fa fa-home) ▼

• (Ang operasyon ng iba pang mga icon ay pareho)
• Panghuli i-click ang save.

注意 事项

Kung hindi mo makita ang mga klase ng CSS sa panel ng Edit menu, maaari mong buksan ang "Display Options" sa kanang sulok sa itaas at piliin ang "CSS Classes" sa seksyong Advanced Properties ng Display menu . ▼

• Siyempre, ang library ng font ng icon na ito ay hindi limitado sa paggamit sa menu ng nabigasyon, hangga't ang kaukulang code ng icon ay idinagdag sa kaukulang posisyon ng template ng tema.