Kuinka vaihtaa fontteja WordPressissä ilman vaivaa

WordPressin fontit ovat tärkeä osa yrityksen brändäystä. Vaikka jotkut saattavat pitää kirjasimia merkityksettöminä, monille ne ovat olennainen osa heidän verkkosivustoaan.

Värien, kuvien, logojen ja muiden brändäyselementtien lisäksi kirjasimilla on tärkeä rooli brändisi imagossa ja siinä, miten asiakkaat näkevät brändisi. Koska WordPress tarjoaa runsaasti vaihtoehtoja, se on yksi parhaista alustoista mukauttamiseen.

Huolimatta siitä, että ilmaisia ​​kirjasinvaihtoehtoja on monia, on tärkeää tietää, kuinka fontteja vaihdetaan WordPressissä, mikä saattaa edellyttää CSS-koodauksen tuntemusta.

Tämä wpDataTables -tiimimme luoma artikkeli osoittaa, kuinka voit vaihtaa kirjasimia WordPressissä helposti.

Kuinka muuttaa fontteja WordPress-teemoissa

Katsotaanpa seuraavaa skenaariota. Haluat erilaisia ​​kirjasinyhdistelmiä verkkosivustollesi, mutta jokin estää sinua siirtymästä eteenpäin.

Kirjasinten vaihtaminen teemoissa voi olla haastavaa, koska niissä on yleensä esiasetettuja fontteja, joita käytetään teeman eri osissa. Sinun on löydettävä CSS-skripti, joka asettaa fontin tietylle alueelle, olipa se sitten alatunniste, ylätunniste, runko tai muut osat.

Jotain esikoodausta vaaditaan, jos haluat käyttää täysin uutta kirjasinta. Valitse ensin lisensoitu kirjasin verkkosivustollesi ja lataa se sitten palvelimelle. Style.css-tiedoston yläosassa sinun on myös määritettävä kirjasinperhe. Tässä on esimerkki siitä, miltä koodi saattaa näyttää:

@font-face {font-family: Museo300;
src: local('Museo300-Regular'),
url("fonts/Museo300-Regular.ttf") format('truetype’);
font-weight: normal;}

Kuinka muuttaa fontteja WordPressissä maailmanlaajuisesti mukautusominaisuuden avulla

Fontien vaihtaminen mukautusominaisuuden avulla on yksinkertaista. Kirjaudu ensin WordPress-profiiliisi ja käytä kojelautaa napsauttamalla Ulkoasu ja sitten Mukauta.

Toinen tapa päästä tälle alueelle on kirjautua sisään WordPress-hallintapaneeliisi, napsauttamalla sivuston nimeä vasemmassa yläkulmassa ja napsauttamalla sitten Mukauta-painiketta.

Vieritä sitten alas vasemmalle puolelle ja etsi kenttä, johon voit lisätä CSS-koodia. Napsauta sitä lisätäksesi koodin. Tässä on esimerkki koodista:

* {font-family:"Courier New", Courier, monospace}Copy

Kun lisäät *-merkin alussa, se lisää fontin koko sivustolle. Kun liität koodin, se muuttuu välittömästi. Kun olet valmis tekemään muutokset, napsauta Julkaise-painiketta.

Fonttien vaihtaminen WordPressissä teeman tietyillä alueilla

Teemat tulevat esiasetetuilla kirjasimilla eri alueilla, ja tarvitset erilaisia ​​kirjasimia sivustosi eri osille, mikä lisää muokattavuutta. Teemojen tunnistaminen eri alueilla on haastavaa.

Löydät rungolle muista muista erillään olevan fontin, jonka avulla voidaan määrittää fontit, joita ei ole määritetty tunnisteella, luokalla tai divolla.

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }

Löydät todennäköisesti kirjasimet eri CSS-luokista: sisältö, viesti, merkintä ja post-entry.

Lisää mukautettuja kirjasimia

Mukautettujen kirjasimien lisääminen on yksi parhaista tavoista muuttaa otsikoita ja perusfonttia. Siirry kohtaan Suunnittelu > Mukauta > Kirjasimet.

Mukautetun fontin vaihtaminen on helppoa. Google Fontsista, Typekitistä ja lopuksi WordPress premium -tilauksesta tai uudemmasta löytyy monia upeita kirjasimia.

Kuinka tehdä se:

• Siirry kohtaan Suunnittelu >
• Napsauta Mukauta-osiossa Fontit. Napsauta sitten avattavaa valikkoa nähdäksesi otsikot-vaihtoehdon vaihtoehdot.

• Jos tässä olevat kirjasimet eivät ole näkyvissä, teema ei luultavasti tarjoa mahdollisuutta vaihtaa kirjasimia mukautetuiksi fonteiksi. Siinä tapauksessa etsi toinen teema, joka tarjoaa tämän vaihtoehdon.
• Fontit tulevat usein pareittain, yksi otsikoille ja toinen tekstille. Otsikoissa on tärkeää valita fontti, joka houkuttelee otsikoita, widgetien otsikoita, kommenttien otsikoita ja muita alueita. Peruskirjasin on leipätekstin fontti, joten tee siitä mahdollisimman luettava.

• Näet live-esikatselun, ennen kuin voit valita fontin.

Fontin koon ja tyylin säätäminen

Säädä fonttityyliä napsauttamalla fontin vasenta vaihtoehtoa. Saatavilla on erilaisia ​​tyylejä valitun fontin mukaan.

Säädä fonttikokoa siirtymällä alla olevaan kokovaihtoehtoon ja säätämällä fonttikokoa. Tee siitä sopiva otsikoille tai tekstille, mikä on helppo tehdä avattavasta valikosta.

WordPress premium -tilaus tai uudempi, mahdollistaa CSS-koodin fontin koon muuttamisen.

Kuinka tallentaa fontteja

Kun olet tehnyt mukautusasetukset, kirjasin tallennetaan kahdella tavalla: napsauttamalla Julkaise sivustosi tai Tallenna luonnos.

Odota tallennuksen jälkeen muutama minuutti, jotta kirjasimet näkyvät blogissa. Jos ne eivät näy, yritä tyhjentää selaimesi välimuisti varmistaaksesi, että se on sivuston uusin versio.

Kuinka vaihtaa fontteja

Näin voit vaihtaa kirjasimia WordPressissä, kun olet luonut mukautetun kirjasimen.

Muuta mukautettuja kirjasimia valitsemalla Suunnittelu ja sitten Mukauta. Siirry sitten kohtaan Fontit ja valitse toinen otsikko- tai perusfontti. Voit myös vaihtaa takaisin oletusfonttiin napsauttamalla X-merkkiä, joka sijaitsee mukautetun kirjasimen nimen vieressä.

Viimeistele kirjasimen muutokset napsauttamalla Julkaise tai Tallenna luonnos.

Jälleen voi kestää muutaman minuutin ennen kuin kirjasimet tulevat näkyviin, ja selaimen välimuistin tyhjentäminen on välttämätöntä.

Fonttien nollaus

Voit nollata fontit painamalla X-painiketta nykyisen fontin vieressä.

Fonttien asettaminen jonoon

Jotta voit lisätä fontit oikein WordPressiin, sinun on muutettava useita tiedostoja. mikä tärkeintä, functions.php-tiedosto tai function_wp-tiedosto; enqueuer_script ja wp_enqueue_style.

Koodikatkelmien avulla voit vaihtaa vain fontin syöttämättä koodia tiedostoihin. Lisää ne vain otsikkoon funktion kautta.

Wp_enqueue_script ja wp_enqueue_style ovat samankaltaisia ​​tiedostoja, joten on parempi vaihtaa tyylitiedostoa sen mukaan, mitä kirjasintoimittajasi tarjoaa.

Google Fonts antaa kirjasimia tyylisivuina, joten lisää ne seuraavasti:

function add_google_fonts() {

Muut kirjasimet, kuten Adobe Edge Web Fonts, tulevat Javascript-tiedostoina. Koodi näyttäisi tältä:

function add_adobe_fonts() {

Kun tiedät, mihin fonttimuutoksia tehdään, tämä toiminto on yksinkertainen.

Kuinka muuttaa fonttikokoa

Fonttikoon säätäminen on olennaista, yksinkertaisesti säätämällä otsikkokokoja. Visuaalista muokkausohjelmaa käytettäessä kaikki vaihtoehdot löytyvät "Kappale" -välilehdeltä.

Yleensä kirjasinkokoja ohjaa style.css-tiedosto, joka mahdollistaa pääsyn kirjasinkokoihin.

Oikeiden otsikoiden käyttäminen artikkeleissa on välttämätöntä tyydyttävän käyttökokemuksen luomiseksi ja sen tekemiseksi SEO-ystävällisemmäksi.

Jos pidit tämän artikkelin lukemisesta fonttien vaihtamisesta WordPressissä, sinun kannattaa tutustua tähän artikkeliin WordPress-mediakirjaston lataamisesta.

Kirjoitimme myös muutamista aiheeseen liittyvistä aiheista, kuten sivutunnuksen löytämisestä WordPressistä , WordPressin iframe -kehyksen upottamisesta, renderöinnin estävän JavaScriptin ja CSS:n poistamisesta sivun yläosan sisällöstä, DDoS-hyökkäyksen pysäyttämisestä ja siitä, miten piilottaaksesi sivun otsikon WordPressissä.