Maitiro ekuwedzera WordPress menyu icon CSS?Isa WP Navigation Icon Font Plugin

WordPressMaitiro ekuwedzera menyu icon CSS?

Isa WP Navigation Icon Font Plugin

midhiya mitsvavanhu vanodaroSEOIko kugadzirisa webhusaiti uye kugadzirisa ruzivo rwemushandisi.

Iwe unogona kuwedzera icon mafonti kune yako WordPress webhusaiti, ayo akanaka kwazvo uye anotsigira anopindura dhizaini WP theme matemplate.

Icon mafonti uye zvidhori mudiki mufananidzo fomati zvakasiyana:

• Tsigira retina kuratidza.
• kugonarisingagumienlarge.
• Gadzirisa zvinhu zviri pamenu yekufambisa wega seIcon mafonti.

Iyo chaiyo yemhedzisiro dhizaini inogona kutariswaChen WeiliangBlog's navigation menu.

Maitiro ekushandisa icon mafonti?

Chikamu 1 步:Isa iyo plugin

• WP kumashure → Plugins → Isa Plugins → Tsvaga "Font Awesome 4 Menus", dhawunirodha uye isa nekugonesa;
• Iwe unogona zvakare kudhawunirodha zvakananga kubva pawebhusaiti, wozoisa kana kuisa kuburikidza neFTP mushure mekuisa.

Chikamu 2 步:Tsvaga Icon Fonts

Vhura webhusaiti yepamutemo yeiyo icon font uye uwane iyo icon yatinoda▼

• iyo yaunogona kuratidza paunodzvanya icon <i class =“fa fa-home”> </ i>Kopa fa fa-kumba.
• Kana iyo imba icon zita iri kumba, saka isu tinoda kupinda mu "Menu CSS Kirasi" fas fa-home

Chikamu 3 步:Menyu yekuisa CSS kirasi font icon

• WP kumashure → Chitarisiko → Menyu, pinda iyo menyu yekumisikidza peji.
• sarudza uye gadzirisa chinhu chemenyu,
• Mukirasi yeCSS, namatidza iyo icon font zita ratichangobva kukopa (fa fa-home) ▼

• (Kushanda kwemamwe ma icons kwakafanana)
• Pakupedzisira tinya save.

Kuchenjerera

Kana iwe usina makirasi eCSS muPanera yeKugadzirisa Menyu, unogona kuvhura "Ratidza Sarudzo" mukona yekurudyi, uye mukati.Zvimiro zvepamberi zveratidziro menyu, sarudza "CSS kirasi" ▼

• Ehe, iyi icon font raibhurari haina kuganhurirwa kushandisa mune yekufamba menyu, chero inoenderana icon kodhi yakawedzerwa kune inoenderana chinzvimbo cheiyo theme template.