Nola gehitu WordPress menuaren ikonoa CSS?Instalatu WP Navigation Icon Font Plugin-a

WordPressNola gehitu menu ikonoa CSS?

Instalatu WP Navigation Icon Font Plugin-a

komunikabide berriakjendeak egiten duSEOWebgunea optimizatzeko eta erabiltzailearen esperientzia hobetzeko da.

Ikono-letra-tipoak gehi ditzakezu zure WordPress webgunean, oso ederrak dira eta diseinu sentikorra duten WP gaiaren txantiloiak onartzen dituzte.

Ikonoen letra-tipoak eta irudi txikiko ikonoak desberdinak dira:

• Erretina pantaila onartzen.
• ahalmugagabeahanditu.
• Pertsonalizatu nabigazio-menuko elementuak banan-banan ikonoen letra-tipo gisa.

Efektu espezifikoen diagrama ikus daitekeChen WeiliangBlogaren nabigazio menua.

Nola erabili ikonoen letra-tipoak?

步 1:Instalatu plugina

• WP atzeko planoa → Pluginak → Instalatu pluginak → Bilatu "Font Awesome 4 Menus", deskargatu eta instalatu eta gaitu;
• Webgunetik zuzenean deskarga dezakezu, gero kargatu edo instalatu FTP bidez kargatu ondoren.

步 2:Bilatu ikonoen letra-tipoak

Ireki ikonoaren letra-tipoaren webgune ofiziala eta bilatu behar dugun ikonoa▼

• ikonoa sakatzean erakutsi dezakezuna <i class =“fa fa-home”> </ i>Kopiatu fa-home.
• Etxeko ikonoaren izena hasiera bada, "Menu CSS Klasea" sartu behar dugu fas fa-home

步 3:Menuko sarrera CSS klasearen letra-tipoaren ikonoa

• WP atzeko planoa → Itxura → Menua, sartu menuaren ezarpen orrialdera.
• hautatu eta editatu menuko elementu bat,
• CSS klasean, itsatsi kopiatu berri dugun ikonoaren letra-tipoaren izena (fa fa-home) ▼

• (Beste ikonoen funtzionamendua berdina da)
• Azkenik, egin klik gorde.

注意 事项

Editatu menuko elementuak panelean CSS klaserik ez baduzu, goiko eskuineko izkinan dagoen "Bistaratzeko aukerak" ireki dezakezu etaErakutsi menuaren propietate aurreratuak, hautatu "CSS klasea" ▼

• Jakina, ikono-letra-liburutegi hau ez da nabigazio-menuan erabiltzera mugatzen, betiere dagokion ikono-kodea gaiaren txantiloiari dagokion posizioan gehitzen bada.