Jak přidat ikonu nabídky WordPress CSS?Nainstalujte plugin WP Navigation Icon Font

WordPressJak přidat ikonu nabídky CSS?

Nainstalujte plugin WP Navigation Icon Font

nová médiaLidé anoSEOJde o optimalizaci webu a zlepšení uživatelské zkušenosti.

Na svůj web WordPress můžete přidat písma ikon, která jsou velmi krásná a podporují šablony motivů WP s responzivním designem.

Písma ikon a ikony ve formátu malého obrázku se liší:

• Podpora retina displeje.
• umětneomezenýzvětšit.
• Přizpůsobte položky v navigační nabídce jednotlivě jako písma ikon.

Konkrétní diagram efektů lze zobrazitChen WeiliangNavigační nabídka blogu.

Jak používat písma ikon?

第 1 步:Nainstalujte plugin

• WP background → Plugins → Install Plugins → Search for "Font Awesome 4 Menus", stáhněte a nainstalujte a povolte;
• Můžete si také stáhnout přímo z webu a po nahrání nahrát nebo nainstalovat přes FTP.

第 2 步:Najít písma ikon

Otevřete oficiální web ikony písma a najděte ikonu, kterou potřebujeme▼

• které můžete zobrazit po kliknutí na ikonu <i class =“fa fa-home”> </ i>Zkopírujte fa fa-home.
• Pokud je název domovské ikony domov, musíme zadat do "Menu CSS Class" fas fa-home

第 3 步:Nabídka vstupního písma třídy CSS

• WP pozadí → Vzhled → Nabídka, přejděte na stránku nastavení nabídky.
• vybrat a upravit položku nabídky,
• Do třídy CSS vložte název písma ikony, který jsme právě zkopírovali (fa fa-home) ▼

• (Funkce ostatních ikon je stejná)
• Nakonec klikněte na uložit.

注意 事项

Pokud na panelu Upravit položky nabídky nemáte třídy CSS, můžete otevřít „Možnosti zobrazení“ v pravém horním rohu a vZobrazit pokročilé vlastnosti nabídky, vyberte "třída CSS" ▼

• Tato knihovna písem ikon samozřejmě není omezena na použití v navigační nabídce, pokud je odpovídající kód ikony přidán na odpovídající pozici šablony motivu.