Alla önskar förbättra den visuella designen på sin webbplats. De flesta av undersökningarna avslöjar att användarupplevelsen beror på din webbplats design.


Enligt många SEO-experter, kundanalyssexperter och marknadsförare, desto mer tilltalande kommer din webbplats design; fler läsare kommer att engagera sig på din webbplats.

Och typografi spelar en viktig roll för att förbättra den övergripande designen. Som ni vet använder många webbutvecklare anpassade teckensnitt i sina WordPress-teman; vi kommer att göra samma sak.

I den här handledningen lär du dig att lägga till Google-teckensnitt till din WordPress-webbplats utan att använda något plugin.

När någon WordPress-användare väljer att ändra något på sin webbplats, letar de alltid efter ett bekvämt sätt, och alla vet, det finns tusentals gratis plugins tillgängliga i det officiella WordPress-arkivet.

Då och då fortsätter folk att lägga till fler plugins, och vid någon tidpunkt klagar de över att ha en dålig laddningstid för sidan.

Varför behöver du ett plugin om du kan åstadkomma det utan något?

Välj ditt favorit-typsnitt från Google och lägg till det på din webbplats

Det kan vara en chans när du tittade på någon webbplats typsnitt och undrade hur du kan tillämpa det typsnittet på din webbplats. Jag har ett svar på din fråga.

Även om inte alla teckensnitt är tillgängliga på Google-teckensnitt kan du hitta några vackra typografier.

Låt oss starta processen.

Steg 1

Gå till den officiella webbplatsen för Google Teckensnitt och sök efter det bästa teckensnittet du vill använda. Bläddra lite nedåt och kolla om du kan resonera med någon av dem.

För att välja ett teckensnitt behöver du bara klicka på röd plus-knapp. Men om du vill utforska teckensnittet, klicka på rutan så ser du de olika stilarna.

Så lägger du till Google-teckensnitt på din WordPress-webbplats utan ett plugin

Du kan försöka ändra teckensnittets vikt, storlek och stil.

Steg 2

Du kan enkelt hitta den röda plusknappen för att använda det teckensnitt du vill. Du kommer att se en brun bar längst ner på datorskärmen.

Klicka för att öppna så ser du instruktionerna för att använda teckensnittet.

För att lägga till Google-teckensnitt på din webbplats kan du använda två metoder. Jag föreslår att du använder standard sätt. Du kan också använda en "Importera" metod; valet är ditt.

Så lägger du till Google-teckensnitt på din WordPress-webbplats utan ett plugin

Nu uppstår frågan, var behöver du lägga till detta  märka?

Om du har lagt märke till finns det en uttrycklig instruktion om att lägga till länken till  tagg på din webbplats.

Steg 3

Jag hoppas att du kanske redan har gissat att  taggen finns i rubriken på din webbplats. Men hur kan du hitta det?

Som du vet styrs en WordPress-webbplatsdesign av dess WordPress-tema, så du måste redigera header.php-filen.

För att uppnå detta måste du navigera till Utseende>>Redaktör medan du loggar in på din WordPress adminpanel.

Så lägger du till Google-teckensnitt på din WordPress-webbplats utan ett plugin

Steg 4

Du kanske redan visste att när du öppnar redigeraren ser du CSS-filen, men du behöver header.php fil.

För att göra det, sök efter Temahuvud i den vertikala navigationsmenyn. Klicka för att öppna.

Steg 5

Om du gör det rätt kan du se filens titel tillsammans med ditt WordPress-temas namn.

Temanamn: temahuvud (header.php)

Så lägger du till Google-teckensnitt på din WordPress-webbplats utan ett plugin

Som vi redan har diskuterat måste du lägga till  tagg till  märka. Det liknar att skicka din webbplats till Google Search Console.

Du kan se taggarna. Klistra in taggen du har kopierat från Google-teckensnitt.

Klick Uppdatera fil.

Steg 6

– Nu undrar du kanske som om det är det bästa sättet att ändra rubriken på dina blogginlägg. För att göra det måste du rikta in HTML-elementen med CSS.

Låt mig visa dig ett exempel.

h1 {
font-family: ‘Lato’, sans-serif;
}

Är det inte lätt? Om du vet lite om CSS kan du ändra typografin på hela webbplatsen.

Om du inte är en teknisk kunnig person bör du röra dig med koderna. Om du vill ska du alltid säkerhetskopiera din webbplats eller åtminstone WordPress-temat.

Jag skulle vilja nämna ett alternativ, du kan också lägga till Google-teckensnitt via filen function.php, det kan vara en komplicerad process för nybörjare, så för närvarande håller vi oss till den mest enkla metoden.

Har du någonsin tänkt på att ändra din webbplats typografi

Mina av våra kunder kräver att förbättra den övergripande designen genom att lägga till ett nytt teckensnitt, och vi använder alltid antingen TypeKit eller Google-teckensnitt.

Som ni vet erbjuder Google gratislösningar, så du behöver inte premiumteckensnitt. Det finns massor av gratis typsnitt i Google-biblioteket.

Vad är ditt favoritstilsort? Om du är en webbutvecklare kanske du vet att Roboto har varit ett av de mest använda teckensnitten hittills.

Slutsats

För att undvika en plugin måste du följa de enkla stegen. Att redigera rubrikfilen för ditt WordPress-tema är inte så svårt.

Jag hoppas att du redan vet hur du lägger till anpassad kod i webbplatsens sidhuvud och sidfot. Det är en engångssak; du behöver inte röra det någonsin igen. Jag hoppas att du kan göra det.

Kolla in de tre bästa WordPress-värdtjänsterna:

FastComet

Startpris:
$ 2.95


Pålitlighet
9,7


Prissättning
9,5


Användarvänlig
9,7


Stöd
9,7


Funktioner
9,6

Läs recensioner

Besök FastComet

Hostinger

Startpris:
$ 0.99


Pålitlighet
9,3


Prissättning
9,3


Användarvänlig
9,4


Stöd
9,4


Funktioner
9,2

Läs recensioner

Besök Hostinger

A2 Hosting

Startpris:
$ 3,92


Pålitlighet
9,3


Prissättning
9,0


Användarvänlig
9,3


Stöd
9,3


Funktioner
9,3

Läs recensioner

Besök A2 Hosting

Relaterade artiklar om hur man gör

  • Hur man inaktiverar PHP-körning för att förbättra webbplatsens säkerhet med cPanel
    mellanliggande
  • Hur man lägger till en WordPress-administratörsanvändare med PHP-kod
    expert-
  • Så lägger du till Google-teckensnitt på din WordPress-webbplats
    nybörjare
  • Hur du ändrar din standardindexsida med FTP
    mellanliggande
  • Så lägger du anpassad CSS till din WordPress-webbplats på olika sätt
    mellanliggande
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me