Kā pievienot WordPress izvēlnes ikonu CSS?Instalējiet WP navigācijas ikonas fonta spraudni

Kā pievienot CSS WordPress izvēlnes ikonai?

Instalējiet WP navigācijas ikonas fonta spraudni

Jauno mediju profesionāļiem SEO ir saistīts ar tīmekļa vietņu optimizāciju un lietotāju pieredzes uzlabošanu.

Savai WordPress vietnei varat pievienot ikonu fontus, kas ir ļoti skaisti un atbalsta atsaucīga dizaina WP motīvu veidnes.

Ikonu fonti un ikonas mazā attēla formātā atšķiras:

  • Atbalstiet tīklenes displeju.
  • Varneierobežotspalielināt.
  • Personalizējiet vienumus navigācijas izvēlnē atsevišķi kā ikonu fontus.

Detalizētus attēlojumus, lūdzu, skatiet Čena Veiljana emuāra navigācijas izvēlnē.

Kā lietot ikonu fontus?

1. darbība: spraudņa instalēšana

  • WP fons → Spraudņi → Instalēt spraudņus → Meklējiet "Font Awesome 4 Menus", lejupielādējiet un instalējiet un iespējojiet;
  • Varat arī lejupielādēt tieši no vietnes, pēc tam augšupielādēt vai instalēt, izmantojot FTP, pēc augšupielādes.

2. darbība. Atrodiet ikonu fontus

Noklikšķiniet šeit, lai atvērtu ikonu fontu oficiālo vietni

Atveriet ikonas fonta oficiālo vietni un atrodiet mums vajadzīgo ikonu▼

Font-Awesome fonta ikonas sākumlapa

  • kuru varat parādīt, noklikšķinot uz ikonas <i class =“fa fa-home”> </ i>Kopēt fa fa-home.
  • Ja mājas ikonas nosaukums ir mājas, tad mums jāievada "Izvēlne CSS klase" fas fa-home

3. darbība: izvēlnē ievadiet CSS fonta ikonu.

  • WP fons → Izskats → Izvēlne, atveriet izvēlnes iestatījumu lapu.
  • atlasīt un rediģēt izvēlnes vienumu,
  • CSS klasē ielīmējiet ikonas fonta nosaukumu, kuru tikko nokopējām (fa fa-home) ▼

WordPress navigācijas izvēlnes CSS fontu ikonas

  • (Citu ikonu darbība ir tāda pati)
  • Visbeidzot noklikšķiniet uz Saglabāt.

注意 事项

Ja rediģēšanas izvēlnes panelī neredzat CSS klases, varat atvērt sadaļu “Attēlošanas opcijas” augšējā labajā stūrī un izvēlnes “Attēlot” sadaļā “Papildu īpašības ” atlasīt “CSS klases” . ▼

WordPress navigācijas izvēlnes opcijās atzīmējiet CSS kategoriju.

  • Protams, šī ikonu fontu bibliotēka nav ierobežota izmantošanai navigācijas izvēlnē, ja vien atbilstošais ikonas kods ir pievienots atbilstošajai tēmas veidnes pozīcijai.

发表 评论

您的邮箱地址不会被公开.必填项已用*标注

Ritiniet uz augšu