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

WordPressPaano magdagdag ng menu icon ng CSS?

I-install ang WP Navigation Icon Font Plugin

bagong mediaGinagawa ng mga taoSEOIto ay upang i-optimize ang website at pagbutihin ang karanasan ng user.

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.

Maaaring matingnan ang partikular na effect diagramChen WeiliangAng menu ng nabigasyon ng blog.

Paano gamitin ang mga font ng icon?

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

第 2 步 ：Maghanap ng 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

第 3 步 ：Icon ng font ng klase ng CSS ng menu input

• 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 wala kang mga klase ng CSS sa panel ng Edit Menu Items, maaari mong buksan ang "Mga Opsyon sa Display" sa kanang sulok sa itaas, at saIpakita ang mga advanced na katangian ng menu, piliin ang "CSS class" ▼

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