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

Miten lisään CSS:n WordPress -valikkokuvakkeeseen?

Asenna WP Navigation Icon Font Plugin

Uuden median ammattilaisille hakukoneoptimointi (SEO) tarkoittaa verkkosivustojen optimointia ja käyttäjäkokemuksen parantamista.

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.

Yksityiskohtaiset kuvat löytyvät Chen Weiliangin blogin navigointivalikosta.

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 kuvakefontteja

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: Kirjoita CSS-fonttikuvake valikkoon.

• 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 et näe CSS-luokkia Muokkaa-valikossa, voit avata "Näyttöasetukset"-kohdan oikeassa yläkulmassa ja valita "CSS-luokat" Näyttö-valikon Lisäominaisuudet-osiosta . ▼

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