Fonttien vaihtaminen WordPressissä [helppo tapa]

Haluatko vaihtaa WordPress-sivustollasi käytettävää fonttia?

Oikeilla työkaluilla sivustosi kirjasimen vaihtaminen tai useiden uusien fonttien lisääminen on helppoa. Seuraa tätä nopeaa opetusohjelmaa, niin saat uuden kirjasimen näkyviin sivustollesi muutaman minuutin kuluessa.

Helppojen Google-fonttien käyttäminen

Paras tapa vaihtaa sivustosi fontti on Easy Google Fonts -laajennus.

Tämän laajennuksen avulla pääset käyttämään satoja erilaisia ​​fontteja sivustossasi. Ennen kuin siirrymme laajennukseen, kerromme, mitä Google Fonts on.

Päivitys: uusi opetusvideoni opastaa sinut vaiheiden läpi (se käyttää eri laajennusta kuin tässä opetusohjelmassa).

Tilaa kilpailuteemat Youtubessa

Mikä on Google Fonts?

Google Fonts tarjoaa pääsyn satoihin kirjasimiin, joita voi käyttää ilmaiseksi kaikilla verkkosivustoilla. Google Fonts tekee sen helpoksi kaikille verkkokehittäjille, jotka haluavat lisätä fontin sivustoonsa.

Jos et tiedä verkkosivustojen rakentamisen yksityiskohtia, Easy Google Fonts -laajennus tulee käyttöön. Se hoitaa tekniset osat puolestasi, joten sinun tarvitsee vain valita haluamasi kirjasimet.

Sain sen? Hienoa, lisätään fontit!

Luo fonttihallinta

Kun aktivoit laajennuksen, Asetuksiin lisätään uusi Google Fonts -valikkokohde. Tältä sivulta löydät seuraavat vaihtoehdot:

Myöhemmin määrität kirjasimia "fontinhallintaasi", jotta sinulla voi olla useita kirjasinsäätimiä erilaisilla fonteilla ja asetuksilla. Toistaiseksi sinun tarvitsee vain nimetä kirjasinohjaimesi.

Lisää CSS-valitsin

Ohjaimen nimen alla on laatikko, jossa voit määrittää käytettävät CSS-valitsimet. Jos et tiedä, mikä CSS-valitsin on, se ei ole ongelma.

Oletusarvoisesti on lisätty kolme CSS-valitsinta. Napsauta "x" kunkin kohdalla poistaaksesi ne. Kun olet poistanut, kirjoita tähti (*) ja paina Enter. CSS Selectors -asetuksen pitäisi nyt näyttää tältä:

Tähti on CSS-valitsin, joka kohdistaa kaikkiin sivuston HTML-elementteihin. Toisin sanoen olet juuri käskenyt Easy Google Fontsia käyttämään uutta kirjasintasi kaikessa sivuston tekstissä.

Pakota tyylien ohitus

Suosittelen valitsemaan myös "Pakota tyylien ohitus" -ruudun. Tämä varmistaa, että valitsemasi kirjasin ohittaa teemassa käytetyt kirjasimet. Tämän vaihtoehdon käyttämisessä ei ole haittoja, joten voit myös tarkistaa sen säästääksesi minuutin, jos fontit eivät ohita ilman sitä.

Valitse uusi fontti

Nyt kun Easy Google Fonts tietää, mihin sivustosi osiin vaikuttaa, voit kertoa sille, mitä fonttia tulee käyttää.

Aloita kirjasimen valinta käymällä mukauttajassa (Ulkoasu > Mukauta). Kun olet siellä, napsauta uutta typografia-osiota.

EGF toimii hyvin Period- teeman kanssa.

Tämä osio paljastaa kaksi uutta alaosiota: oletustypografia ja teematypografia. Napsauta Teeman typografia -osiota.

Näet nyt aiemmin nimeämäsi säätimen. Napsauta Muokkaa fonttia -painiketta nähdäksesi mukautusvaihtoehdot.

Vaihtoehtoja on melko vähän, mutta vain kahta sinun on muokattava.

Muuta komentosarjaa/osajoukkoa

Fontit sisältävät merkistöjä, jotka on suunniteltu mukautumaan eri kieliin. Jos sivustosi on englanninkielinen, valitse ensimmäinen vaihtoehto, latina.

Valitsemalla "Kaikki osajoukot" kirjasintiedostot suurenevat paljon ja latausaika kasvaa.

Valitse kirjasinperhe

Tässä voit vihdoin valita uuden fontin. Kun valitset erilaisia ​​fontteja, näet verkkosivustosi päivittyvän välittömästi.

Vaikka tämä on varmasti loistava tapa esikatsella ja vaihtaa kirjasimia, se ei ole tehokas tapa selata.

Suosittelen, että käyt Google Fontsissa, joka on hyvin suunniteltu fonttien selaamiseen ja etsimiseen. Kun löydät haluamasi kirjasimet, palaa sivustollesi ja kokeile niitä Easy Google Fontsilla

Fonttien lisääminen ja mukauttaminen

Toivottavasti pidät uudesta fontistasi jo nyt, mutta Easy Google Fontsilla voit tehdä paljon muutakin.

Muistatko oletustypografia-osion aikaisemmasta? Voit käyttää sitä mukauttaaksesi otsikoitasi ja kappaleitasi. Lisäksi sinun ei tarvitse pysähtyä vaihtamaan kirjasinperhettä, voit myös muuttaa fontin kokoa ja väriä. Ja jos olet tyytyväinen joihinkin CSS-valitsimiin, voit muokata fonttia missä tahansa sivustosi osassa.

Jos sinulla on kysyttävää kirjasinten vaihtamisesta WordPressillä tai sinulla on pyyntö uudesta opetusohjelmasta, jätä kommentti alle.