Hogyan lehet hozzáadni a WordPress menüikont a CSS-hez?Telepítse a WP Navigation Icon Font Plugin-t

WordPressHogyan adhatunk hozzá menü ikont CSS-hez?

Telepítse a WP Navigation Icon Font Plugin-t

új médiaaz emberek igenSEOEnnek célja a webhely optimalizálása és a felhasználói élmény javítása.

Ikon-betűtípusokat adhat hozzá WordPress webhelyéhez, amelyek nagyon szépek, és támogatják a reszponzív tervezésű WP témasablonokat.

Az ikonok betűtípusai és a kis képformátumú ikonok eltérőek:

• Támogatja a retina kijelzőt.
• képeskorlátlannagyít.
• Személyre szabhatja a navigációs menü elemeit egyenként ikon betűtípusként.

A konkrét hatás diagram megtekinthetőChen WeiliangA blog navigációs menüje.

Hogyan kell használni az ikon betűtípusokat?

1. lépés:Telepítse a bővítményt

• WP háttér → Bővítmények → Beépülő modulok telepítése → Keresse meg a "Font Awesome 4 Menus" kifejezést, töltse le, telepítse és engedélyezze;
• Le is töltheti közvetlenül a webhelyről, majd a feltöltés után FTP-n keresztül töltheti fel vagy telepítheti.

2. lépés:Keresse meg az Ikon betűtípusokat

Nyissa meg az ikon betűtípusának hivatalos webhelyét, és keresse meg a szükséges ikont▼

• amelyet az ikonra kattintva megjeleníthet <i class =“fa fa-home”> </ i>Másolja fa fa-home.
• Ha az otthoni ikon neve otthon, akkor be kell lépnünk a "Menu CSS Class"-ba. fas fa-home

3. lépés:Menübeviteli CSS osztály betűtípus ikon

• WP háttér → Megjelenés → Menü, lépjen be a menü beállítási oldalára.
• menüelem kiválasztása és szerkesztése,
• A CSS osztályba illessze be az imént másolt ikon betűtípus nevét (fa fa-home) ▼

• (A többi ikon működése ugyanaz)
• Végül kattintson a Mentés gombra.

注意 事项

Ha nincsenek CSS-osztályai a Menüelemek szerkesztése panelen, megnyithatja a „Megjelenítési beállítások” lehetőséget a jobb felső sarokban, ésA menü speciális tulajdonságainak megjelenítése, válassza a "CSS osztály" ▼ lehetőséget

• Természetesen ez az ikon-betűkészlet nem korlátozódik a navigációs menüben való használatra, mindaddig, amíg a megfelelő ikonkód hozzá van adva a témasablon megfelelő pozíciójához.