Kuinka lisätä WordPress-valikkokuvake CSS?Asenna WP Navigation Icon Font Plugin

WordPressKuinka lisätä valikkokuvake CSS?

Asenna WP Navigation Icon Font Plugin

uusi mediaihmiset tekevätSEOSe on verkkosivuston optimointi ja käyttökokemuksen parantaminen.

Voit lisätä WordPress-verkkosivustollesi kuvakefontteja, jotka ovat erittäin kauniita ja tukevat responsiivisia WP-teemamalleja.

Kuvakefontit ja kuvakkeet pienessä kuvamuodossa ovat erilaisia:

• Tukee verkkokalvon näyttöä.
• voidarajoittamatonsuurentaa.
• Mukauta navigointivalikon kohteita yksitellen kuvakefonteiksi.

Erityinen vaikutuskaavio voidaan katsoaChen WeiliangBlogin navigointivalikko.

Kuinka käyttää kuvakefontteja?

Vaihe 1:Asenna laajennus

• WP-tausta → Plugins → Asenna lisäosat → Etsi "Font Awesome 4 Menus", lataa ja asenna ja ota käyttöön;
• Voit myös ladata suoraan verkkosivustolta ja sitten ladata tai asentaa FTP:n kautta lataamisen jälkeen.

Vaihe 2:Etsi kuvakefontit

Avaa kuvakefontin virallinen verkkosivusto ja etsi tarvitsemamme kuvake▼

• jonka voit näyttää, kun napsautat kuvaketta <i class =“fa fa-home”> </ i>Kopioi fa fa-home.
• Jos kotikuvakkeen nimi on koti, meidän on syötettävä "Valikko CSS-luokka" fas fa-home

Vaihe 3:Valikkosyöttö CSS-luokan fonttikuvake

• WP-tausta → Ulkoasu → Valikko, siirry valikon asetussivulle.
• valita ja muokata valikon kohtaa,
• Liitä CSS-luokkaan juuri kopioimamme kuvakkeen fontin nimi (fa fa-home) ▼

• (Muiden kuvakkeiden toiminta on sama)
• Napsauta lopuksi Tallenna.

注意 事项

Jos sinulla ei ole CSS-luokkia Edit Menu Items -paneelissa, voit avata "Näyttöasetukset" oikeassa yläkulmassa jaNäyttövalikon lisäominaisuudet, valitse "CSS-luokka" ▼

• Tämä kuvakekirjasinkirjasto ei tietenkään ole rajoitettu käytettäväksi navigointivalikossa, kunhan vastaava kuvakekoodi on lisätty teemapohjan vastaavaan kohtaan.