Vil du legge til tilpassede skrifter til WordPress?

Tro meg, politiet også en veldig stor rolle å spille på bloggen din og du vil tjene mye ved å legge til en font tilpasset ikke bare konteksten til bloggen din, men også til ditt WordPress-tema.

I denne opplæringen vil jeg vise deg hvordan du legger til tilpassede skrifter til WordPress-bloggen din ved å bruke Google Fonts, Typekit og CSS3.

Bruken av tilpassede fonter i WordPress-temaer har blitt vanlig. Faktisk er det flere WordPress-temaer som tilbyr flere fonter å velge mellom. Men å laste alle disse skriftene samtidig kan redusere innlastingen av en side betydelig.

hvordan du legger til tilpasset font wordpress 1 1

Og hvis bloggen din er treg, foreslår jeg deg Noen løsninger på ytelsesproblemer på WordPress

Dette er en av grunnene til at vi skal gjøre det på den riktige måten, og laster opp bare den egendefinerte skrifttypen vi vil bruke på bloggen.

Men først og fremst er det først viktig å vite hvordan du søker etter skrifttyper mens du også konsulterer 7 WordPress plugins for å ta hånd om typografien til bloggen din

Hvordan finne fonter og hvordan du bruker WordPress

Fontene er ikke like utvidbare som de pleide å være. Det er imidlertid flere kilder der du kan finne skrifter som " Google Fonts "" Typekit "" FontSquirrel "Og" Fonts.com '.

Hvordan legge til en Google Fonts Font WordPress

Typografi WordPress fonter google

Google Fonts er et veldig stort bibliotek med gratis skrifter som du kan bruke i flere prosjekter.
Du trenger bare å få tilgang til " Google Fonts Og velg skriften du ønsker. Klikk deretter på " Velg denne skriften »En fane vises nederst til høyre på skjermen.

Google Fonts typografi wordpress tutorial

Klikk på denne fanen som utvides som i bildet ovenfor. Du vil kunne tilpasse stilen til skriften som skal inkluderes ved å klikke på Tilpass. Du trenger bare å velge stilen du vil se på bloggen din.

Du bør da bla ned til " embed ". Du må deretter kopiere koden i seksjonen " STANDARD ". Det er denne koden du kan legge til i " header Av ditt barn tema.

Det er alt det er å legge til en ny Google Font til WordPress-bloggen din.

Hvordan legge til en skrift hjelp Typekit

Typografi WordPress-skrifttyper typekit 2

Typekit er en annen gratis og premium tjeneste som tilbyr skrifter som du kan bruke også i forskjellige prosjekter. De tilbyr premiumabonnement og gratisabonnement.

Du trenger bare å ha en Typekit-konto og opprette en ny " kit '.

Typografi WordPress-skrifttyper typekit

Du må da velge skrifttypen fra Typekit-biblioteket og legge den til i prosjektet. Etter det, ta tak i koden for settet ditt og legg det fra dashbordet.

Typografi WordPress-skrifttyper typekit 1

For å legge det til dashbordet, trenger du bare å installere og aktivere plugin-modulen " Typekit Fonter for WordPress '.

Etter aktivering trenger du bare å få tilgang til " Innstillinger> Typekit-skrifttyper Og lim koden fra settet ditt i " Custom CSS-regler '.

Typekit lim-en-kit

Skriften kan da brukes på samme måte, det vil si ved å spesifisere navnet på familien for spesifikke elementer eller for hele dokumentet.

Slik å legge til en font ved hjelp av CSS3 (@ font-face)

Den mest direkte måten å bygge inn en skrift på bloggen din er å legge den til ved hjelp av "font-ansikter" via CSS3. Denne metoden lar deg legge til hvilken som helst type skrift du vil ha på bloggen din.

Den første tingen å gjøre er å laste ned skriften du ønsker i nettformat. Hvis du ikke har denne skrifttypen i webformat, kan du konvertere den gratis på " FontSquirrel Webfont Generator '.

Når du har filene i formatet " web », Du må da sende dem direkte til serveren din. Jeg anbefaler på det sterkeste at du legger det til " fonter Av ditt barnetema ved hjelp av en FTP-klient (fileZilla er min anbefaling).

Hvis du vil gå videre i denne prosedyren, kan du se veiledningen vår om Hvordan bruke FTP på Windows 10

La oss gå tilbake til målet vårt.

Når det er gjort, kan du integrere skriften slik:

integrasjon-Police

For å bruke den hvor som helst, trenger du bare å definere navnet på skriften slik du angav i " bunnflate »Forrige (se verdien av font-family attributtet ).

Bruk kode font-face

Det er alt det var å vite om bruk av CSS3-kode. Jeg må imidlertid spesifisere at metoden med "font-face" funksjonalitet er mer egnet for utviklere.

Andre løsninger og verktøy blir også brukt og anbefalt for å administrere eller manipulere skriftene på nettstedet ditt.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. CommentPress

CommentPress er en kraftig WordPress-kompakt plugin som lar deg sette inn, redigere og slette kommentarer raskt og enkelt. KommentarPress bruker Ajax, jQuery og PHP for å gi besøkende muligheten til å sette inn kommentarer uten å måtte laste inn siden på nytt.

Kommentar Trykk Ajax Kommentarer Sett inn Rediger og slett kommentarer

Dette pluginet har mange tilpasningsalternativer for å gi det utseendet og utseendet du vil ha. Den har en captcha for å blokkere spam og gir kommentarseksjonen mer sikkerhet.

Hovedtrekkene er: enkel innsetting av kommentarer, muligheten for brukere å svare på spesifikke kommentarer, paginering av kommentarer, fullstendig administrasjon av administrasjonen av kommentarseksjonen, knapper for enkel innsetting av bilder, videoer og lenker, et fullstendig responsivt oppsett, en Captcha for å sikre skjemaet og unngå spam, og mye mer.

Last ned | dEMO | Webhotell

2. Everest Gallery

Som navnet antyder, er det toppen av WordPress plugins bildegalleri premium. Dette ultra-tilpassbare verktøyet lar deg lage gallerier av enhver stil på bare noen få minutter.

Everest Gallery Responsive WordPress Gallery WordPress plugin

Everest Gallery kan brukes til å vise frem artikler, tilpassede innleggstyper, tilpassede taksonomier/kategorier, WooCommerce produkter, personlige produkter, bildegallerier og vedlegg, videoer, produktfunksjoner, kundepresentasjon, porteføljer, teammedlemmer, skjermbilder osv ..., fullt responsive.

Everest Gallery kommer med full dokumentasjon og mer enn 30 alternativer for å tilpasse helt utseendet på galleriet. Med de tilgjengelige tilpasningsalternativene kan du bruke dette WordPress Plugin å presentere noe enkelt og effektivt. 

Last ned | dEMO | Webhotell

3. WP Media Manager

WP Media Manager er en av de beste og kraftigste WordPress plugins ledelse av mediebibliotek. Den er flott til å administrere mapper, og dens brukervennlighet lar deg organisere tusenvis av mediefiler.

WP Media Manager Den enkleste WordPress Media Manager-plugin

Bare bruk dra og slipp-metoden for å sette inn mediefilene i mapper / undermapper. Denne muligheten lar ham ikke bare forbedre filadministrasjonen, men lar ham også administrere mapper. Som vanligvis er et must for nybegynnere.

Ce WordPress Plugin har funksjoner som opprettelse av mapper, filtrering av disse, 3 fantastiske responsive gallerier, mulighet for duplisering av filer, opprettelse av et ubegrenset hierarki og mange andre ...

Last ned | dEMO | Webhotell

Andre anbefalte ressurser

Gå videre i bruk av egendefinerte skrifttyper på WordPress ved å se på koblingene eller anbefalte ressurser nedenfor.

konklusjonen

Så! Det er det for denne opplæringen om den beste måten å legge til tilpassede fonter til WordPress. Hvis du har noen forslag eller kommentarer, er de velkomne.

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Nikke nøl med å dele den på dine forskjellige sosiale nettverk. Hvis du har det commentaires eller forslag, ikke nøl med å fortelle oss i avsnittet forbeholdt disse.

...