Kiel aldoni WordPress-menuan ikonon CSS?Instalu WP Navigation Icon Font Plugin

WordPressKiel aldoni menuikonon CSS?

Instalu WP Navigation Icon Font Plugin

novaj amaskomunikilojhomoj farasSEOĜi estas optimumigi la retejon kaj plibonigi la sperton de uzanto.

Vi povas aldoni ikonajn tiparojn al via WordPress-retejo, kiuj estas tre belaj kaj subtenas respondemajn dezajnajn WP-temajn ŝablonojn.

Ikonotiparoj kaj ikonoj en malgranda bildformato estas malsamaj:

  • Subtenu retinan ekranon.
  • povassenlimapligrandigi.
  • Agordu la erojn en la navigada menuo individue kiel Ikonaj tiparoj.

La specifa efikdiagramo povas esti rigarditaChen WeiliangNavigada menuo de Blogo.

Kiel uzi ikonajn tiparojn?

paŝo 1:Instalu la kromprogramon

  • WP-fono → Kromaĵoj → Instalu kromaĵojn → Serĉu "Font Awesome 4 Menus", elŝutu kaj instalu kaj ebligu;
  • Vi ankaŭ povas elŝuti rekte de la retejo, poste alŝuti aŭ instali per FTP post alŝuto.

paŝo 2:Trovu Ikonajn Tiparojn

Alklaku ĉi tie por iri al la oficiala retejo de Icon Tips

Malfermu la oficialan retejon de la ikonotiparo kaj trovu la ikonon, kiun ni bezonas▼

Tiparo-Miriga tiparo ikono hejmo 1-a folio

  • kiun vi povas montri kiam vi alklakas la piktogramon <i class =“fa fa-home”> </ i>Kopiu fa-hejmon.
  • Se la hejma ikononomo estas hejmo, tiam ni devas eniri en "Menuo CSS Klaso" fas fa-home

paŝo 3:Menuo enigo CSS-klasa tiparo-ikono

  • WP-fono → Apero → Menuo, eniru la menuan agordan paĝon.
  • elektu kaj redakti menueron,
  • En la CSS-klaso, algluu la ikonan tiparonomon, kiun ni ĵus kopiis (fa fa-home) ▼

WordPress Navigada Menuo CSS-Tiparaj Ikonoj Parto 2

  • (La funkciado de aliaj ikonoj estas la sama)
  • Fine klaku konservi.

Antaŭzorgoj

Se vi ne havas CSS-klasojn en la panelo Redakti Menuerojn, vi povas malfermi la "Vidigaj Opcioj" en la supra dekstra angulo, kaj enMontru altnivelajn ecojn de la menuo, elektu "CSS-klaso" ▼

WordPress navigado menuo opcioj, kontrolu CSS klaso 3a folio

  • Kompreneble, ĉi tiu ikonotipara biblioteko ne estas limigita por uzi en la navigada menuo, kondiĉe ke la responda ikona kodo estas aldonita al la responda pozicio de la temoŝablono.

Hope Chen Weiliang Blogo ( https://www.chenweiliang.com/ ) konigis "Kiel aldoni WordPress-menuopikonon CSS?Instalu WP Navigation Icon Tips Plugin" por helpi vin.

Bonvenon dividi la ligon de ĉi tiu artikolo:https://www.chenweiliang.com/cwl-642.html

Bonvenon al la Telegram-kanalo de la blogo de Chen Weiliang por ricevi la plej novajn ĝisdatigojn!

🔔 Estu la unua ricevi la valoran "ChatGPT Content Marketing AI Tool Use Guide" en la ĉefa dosierujo de la kanalo! 🌟
📚 Ĉi tiu gvidilo enhavas grandegan valoron, 🌟Ĉi tio estas malofta ŝanco, ne maltrafu ĝin! ⏰⌛💨
Kunhavigu kaj ŝatu se vi ŝatas!
Via kundivido kaj ŝatoj estas nia kontinua instigo!

 

Lasu komenton

Via retpoŝta adreso ne estos publikigita. Bezonataj kampoj estas uzataj * Etikedo

rulumu al la supro