Hur lägger jag till WordPress menyikon CSS?Installera WP Navigation Icon Font Plugin

hood.discountHur lägger man till menyikon CSS?

Installera WP Navigation Icon Font Plugin

ny mediafolk görSEODet är för att optimera webbplatsen och förbättra användarupplevelsen.

Du kan lägga till ikonteckensnitt på din WordPress-webbplats, som är väldigt vackra och stödjer responsiva WP-temamallar.

Ikonteckensnitt och ikoner i småbildsformat är olika:

  • Stöd näthinnan display.
  • kanobegränsatförstora.
  • Anpassa objekten på navigeringsmenyn individuellt som ikonteckensnitt.

Det specifika effektdiagrammet kan sesChen WeiliangBloggnavigeringsmeny.

Hur använder man ikonteckensnitt?

第 1 步:Installera plugin-programmet

  • WP-bakgrund → Plugins → Installera plugins → Sök efter "Font Awesome 4 Menus", ladda ner och installera och aktivera;
  • Du kan också ladda ner direkt från webbplatsen och sedan ladda upp eller installera via FTP efter uppladdning.

第 2 步:Hitta ikonteckensnitt

Klicka här för att gå till den officiella webbplatsen för Icon Fonts

Öppna den officiella webbplatsen för ikonteckensnittet och hitta ikonen vi behöver▼

Font-Awesome teckensnittsikon hem första arket

  • som du kan visa när du klickar på ikonen <i class =“fa fa-home”> </ i>Kopiera fa fa-home.
  • Om hemikonens namn är hemma, måste vi gå in i "Meny CSS Class" fas fa-home

第 3 步:Menyinmatning CSS-klass teckensnittsikon

  • WP-bakgrund → Utseende → Meny, gå till sidan för menyinställningar.
  • välj och redigera ett menyalternativ,
  • I CSS-klassen, klistra in ikonens teckensnittsnamn som vi just kopierade (fa fa-home) ▼

WordPress Navigationsmeny CSS Font Icons Del 2

  • (Andra ikoners funktion är densamma)
  • Klicka slutligen på spara.

注意 事项

Om du inte har CSS-klasser i panelen Redigera menyobjekt kan du öppna "Visningsalternativ" i det övre högra hörnet och iVisa avancerade egenskaper för menyn, välj "CSS-klass" ▼

WordPress-navigeringsmenyalternativ, kolla CSS-klass 3:e arket

  • Naturligtvis är detta ikonteckensnittsbibliotek inte begränsat till användning i navigeringsmenyn, så länge som motsvarande ikonkod läggs till motsvarande position för temamallen.

发表 评论

Din e-postadress kommer inte att publiceras. 必填 项 已 用 * 标注

Bläddra till början