Slik bruker du ikonfonter i WordPress Post Editor (ingen HTML påkrevd)

Ikon skrifter er vektorikoner brukt som skrifter. De er populære blant webdesignere fordi de ser finere ut enn bitmap-bilder. De kan endres uten å miste kvalitet og stylet ved hjelp av CSS. Dette er grunnen til at mange WordPress-temaer bruker ikonfonter. Mest spesielt, standard Twenty Thirteen og Twenty Fourteen temaer. Men for nybegynnere er det litt komplisert å bruke ikonfonter på deres WordPress-sider. I denne artikkelen vil vi vise deg hvordan du bruker ikonfonter i WordPress-postredigering uten å skrive noen HTML eller CSS.

Videoopplæring

Hvis du ikke liker videoen eller trenger mer instruksjoner, fortsett å lese.

Første du må gjøre er å installere og aktivere WP Visual Icon Fonts plugin. Ved aktivering må du gå til Innstillinger »Ikonfonter å velge et ikonfontsett. For øyeblikket kommer plugin-modulen med Font Awesome og Genericon-fonter.

Etter at du har valgt en skrift, kan du nå bruke den i WordPress-innlegg, sider, egendefinerte innleggstyper, og til og med i temaets malfiler. For å bruke ikonfonter må du opprette eller redigere et innlegg, og du vil legge merke til en ikoner knappen ved siden av Legg til medier knapp. Når du klikker på ikonene, åpnes en rullegardinmeny med alle ikonene som er tilgjengelige i ikonfontsettet. Hvis du velger et ikon fra denne rullegardinmenyen, setter du inn ikonet i innleggeditoren.

Du kan også endre skriftstørrelsen og fargen ved hjelp av knappene i den visuelle editoren.

For å bruke et ikon i temaet ditt, er den enkleste måten å generere den nødvendige HTML-en, å legge til et ikonfont i postredigerer og deretter bytte til Tekstredigerer for å kopiere HTML-koden. Lim inn det i malfiler der du vil vise en ikonfont.

Ikonfonter kan brukes til å lage vakre destinasjonssider i WordPress uten å bruke bilder. De kan også brukes til å markere ulike deler av en lang form artikkel eller post. Denne plugin bringer deg 369 ikoner med Font Awesome og 62 ikoner med Genericon font.

Vi håper denne artikkelen hjalp deg med å legge til fantastiske ikonfonter i WordPress. Gi oss beskjed om hvordan du skal bruke ikonfonter i WordPress-prosjektene dine ved å legge igjen en kommentar nedenfor.