Ako pridať ikonu ponuky WordPress CSS?Nainštalujte doplnok WP Navigation Icon Font

WordPressAko pridať ikonu ponuky CSS?

Nainštalujte doplnok WP Navigation Icon Font

nové médiáľudia robiaSEOIde o optimalizáciu webovej stránky a zlepšenie používateľského zážitku.

Na svoj web WordPress môžete pridať písma ikon, ktoré sú veľmi krásne a podporujú šablóny tém WP s responzívnym dizajnom.

Písma ikon a ikony vo formáte malého obrázka sa líšia:

• Podpora sietnicového displeja.
• plechovkaneobmedzenézväčšiť.
• Prispôsobte položky v navigačnej ponuke jednotlivo ako písma ikon.

Je možné zobraziť konkrétny diagram efektovChen WeiliangNavigačná ponuka blogu.

Ako používať písma ikon?

第 1 步:Nainštalujte doplnok

• WP background → Plugins → Install Plugins → Search for "Font Awesome 4 Menus", stiahnuť a nainštalovať a povoliť;
• Môžete si tiež stiahnuť priamo z webovej stránky a po nahraní nahrať alebo nainštalovať cez FTP.

第 2 步:Nájdite písma ikon

Otvorte oficiálnu webovú stránku písma ikony a nájdite ikonu, ktorú potrebujeme▼

• ktoré môžete zobraziť po kliknutí na ikonu <i class =“fa fa-home”> </ i>Kopírovať fa fa-home.
• Ak je názov domovskej ikony domov, musíme zadať do "Menu CSS Class" fas fa-home

第 3 步:Ikona písma triedy CSS vstupu do ponuky

• WP background → Appearance → Menu, prejdite na stránku nastavenia menu.
• vybrať a upraviť položku ponuky,
• Do triedy CSS prilepte názov písma ikony, ktorý sme práve skopírovali (fa fa-home) ▼

• (Funkcia ostatných ikon je rovnaká)
• Nakoniec kliknite na uložiť.

注意 事项

Ak na paneli Upraviť položky ponuky nemáte triedy CSS, môžete otvoriť „Možnosti zobrazenia“ v pravom hornom rohu a vZobraziť pokročilé vlastnosti ponuky, vyberte "Trieda CSS" ▼

• Samozrejme, táto knižnica fontov ikon nie je obmedzená na použitie v navigačnom menu, pokiaľ sa zodpovedajúci kód ikony pridá na zodpovedajúcu pozíciu šablóny témy.