Hvordan legge til WordPress menyikon CSS?Installer WP Navigation Icon Font Plugin

WordPressHvordan legge til menyikon CSS?

Installer WP Navigation Icon Font Plugin

ny MediaFolk gjør detSEODet er for å optimalisere nettsiden og forbedre brukeropplevelsen.

Du kan legge til ikonfonter på WordPress-nettstedet ditt, som er veldig vakre og støtter responsive design WP-temamaler.

Ikonfonter og ikoner i småbildeformat er forskjellige:

• Støtte netthinneskjerm.
• kanubegrensetforstørre.
• Tilpass elementene på navigasjonsmenyen individuelt som ikonfonter.

Det spesifikke effektdiagrammet kan seesChen WeiliangBloggens navigasjonsmeny.

Hvordan bruker jeg ikonfonter?

第 1 步:Installer plugin-en

• WP-bakgrunn → Plugins → Installer plugins → Søk etter "Font Awesome 4 Menus", last ned og installer og aktiver;
• Du kan også laste ned direkte fra nettstedet, deretter laste opp eller installere via FTP etter opplasting.

第 2 步:Finn ikonfonter

Åpne den offisielle nettsiden til ikonfonten og finn ikonet vi trenger▼

• som du kan vise når du klikker på ikonet <i class =“fa fa-home”> </ i>Kopier fa fa-hjem.
• Hvis hjemmeikonnavnet er hjemme, må vi gå inn i "Meny CSS Class" fas fa-home

第 3 步:Menyinndata CSS-klassefontikon

• WP-bakgrunn → Utseende → Meny, gå inn på menyinnstillingssiden.
• velg og rediger et menyelement,
• I CSS-klassen limer du inn ikonskriftnavnet vi nettopp kopierte (fa fa-home) ▼

• (Operasjonen til andre ikoner er den samme)
• Klikk til slutt lagre.

forholdsregler

Hvis du ikke har CSS-klasser i Rediger menyelementer-panelet, kan du åpne "Visningsalternativer" i øverste høyre hjørne, og iVis avanserte egenskaper for menyen, velg "CSS-klasse" ▼

• Selvfølgelig er dette ikonskriftbiblioteket ikke begrenset til bruk i navigasjonsmenyen, så lenge den tilsvarende ikonkoden er lagt til den tilsvarende posisjonen til temamalen.