WordPress: Fontin vaihtaminen

Widgetien lisääminen WordPressiin on yksi tapa parantaa käyttökokemusta. On kuitenkin useita muita tapoja parantaa sivustoasi. Yksi tekijä, joka houkuttelee ihmisiä WordPress-verkkosivustolle, on sen kirjasintyyli. Paremman kirjasintyylin valitseminen verkkosivustollesi auttaa sitä näyttämään vierailijoille houkuttelevammalta. Kirjasintyylisi voi vaikuttaa sivustoosi, eikä fontin vaihtaminen ole niin vaikeaa kuin miltä se näyttää.

WordPress: Fontin vaihtaminen

Tämä artikkeli auttaa sinua oppimaan vaihtamaan WordPress-sivustosi fontin.

Kuinka mukauttaa fonttia WordPressissä

WordPress-typografian kautta

WordPressissä voit mukauttaa verkkosivustosi käyttöliittymää. Voit esimerkiksi muuttaa kirjasintyyliä parantaaksesi sivustosi esteettistä vetovoimaa.

  1. Kirjaudu sisään WordPress-hallintapaneeliisi.
  2. Napsauta Ulkoasu vasemmasta sivupalkista.
  3. Valitse Mukauta.
    WordPress-muokkausvaihtoehto
  4. Valitse Typografia tai Typografiaasetukset. Teemasi mukaan nämä vaihtoehdot voidaan upottaa Yleiseen valikkoon.
    WordPressin typografiavaihtoehtojen tutkiminen
  5. Valitse nyt Otsikot ja haluamasi perusfontit.
  6. Säädä fonttikokoa vasemmalla olevista vaihtoehdoista.
  7. Muuta kirjasintyyliä napsauttamalla haluamiasi vaihtoehtoja ja valitsemalla Julkaise.
    WordPress-fonttiarvojen muokkaaminen

Fontin vaihtamisen lisäksi voit muokata WordPress-verkkosivustosi otsikkoa, jotta se erottuu joukosta.

    Lisäosien käyttäminen

    Toinen tapa mukauttaa WordPress-kirjasimia on laajennuksien käyttö. Vaiheet riippuvat laajennuksestasi; Kuitenkin alla käytämme Fonts Plugin Google Fonts -typografiaa.

    Teeman muokkausohjelman käyttäminen:

    1. Kirjaudu sisään WordPress-hallintapaneeliisi.
    2. Vie hiiri vasemmalla olevaan Plugins-vaihtoehtoon ja napsauta Lisää uusi laajennus -vaihtoehtoa.
      Lisätään uusi wordpress-laajennus
    3. Etsi Fonts Plugin Google Fonts Typography ja napsauta sen Asenna nyt -painiketta.
    4. Napsauta Aktivoi.
      Aktivoi wordPress-fonttilaajennus
    5. Napsauta Mukauta kirjasimia vasemmasta ruudusta.
    6. Tämä avaa WordPress Customizer -sovelluksen, josta löydät uusia kirjasinten mukautusvaihtoehtoja Fonts Plugin Google Fonts Typography -laajennukselle.
    7. Napsauta mitä tahansa ja valitse haluamasi vaihtoehdot ja lopeta napsauttamalla Julkaise-painiketta.
      Plugin-fontin mukauttaminen WordPressissä

    Laajennus on loistava vaihtoehto käytettäväksi, kun WordPress-verkkosivustosi oletusteema ei tarjoa riittävästi kirjasinten mukautusvaihtoehtoja.

    • Google Fonts for WordPress – Tämä laajennus sisältää Googlen kirjasinkirjaston, jossa on yli 1 455 kirjasinta ja niiden ominaisuuksien tarkka hallinta.
    • Mukautetut kirjasimet – Tämän avulla voit lisätä fontteja WordPress-sivustollesi, ei vain tavallisia verkkoturvallisia fontteja. Voit käyttää mitä tahansa fonttitiedostoja tietokoneeltasi.
    • Better Font Awesome – Laajennus, joka tarjoaa määritysvaihtoehtoja ja mahdollistaa kaikki Font Awesome -kuvakkeet.
    • Typografiaasetukset – Tämän avulla voit muokata kaikkia typografiaelementtejä, kuten kokoa, tyyliä, väriä, välilyöntiä, tasausta ja muunnoksia.

    Nämä ovat joitain WordPress-laajennuksista, joiden avulla voit käyttää erilaisia ​​typografioita. Voit leikkiä näillä vaihtoehdoilla, kunnes löydät tarpeisiisi parhaiten sopivan kirjasintyylin.

    WordPress-kirjasimen säätö

    Muuta WordPress-verkkosivustosi fonttia parantaaksesi sen esteettistä vetovoimaa. Halutun värin yhdistäminen kirjasintyyliin vaikuttaa merkittävästi sivustoosi ja houkuttelee lisää kävijöitä. Voit saavuttaa tämän artikkelin ohjeiden avulla luodaksesi uuden tyylisi, joka sopii tyyliisi.

    UKK

    Onko mahdollista säätää fontin kokoa sen tyylin lisäksi?

    Kyllä, voit myös muuttaa fonttikokoa WordPressissä, kun vaihdat fonttia napsauttamalla “Normaali koko” -painiketta “Otsikot” -pudotusvalikon alla.

    Voinko muuttaa WordPress-sivustoni taustaväriä?

    Jos haluat muuttaa taustaväriä WordPressissä, käy “Customizer” -alueella ja napsauta “Värit ja taustat”. Täältä voit valita useista oletusväreistä, kirjoittaa heksadesimaalikoodin tai valita mukautetun värin väriliukusäätimellä.

    Voinko muuttaa WordPress-sivustoni otsikoita ja peruskirjasintyylejä?

    Kyllä, kun muokkaat kirjasintyyliä WordPressissä, voit määrittää sekä otsikoiden että perustekstin asetukset.

    Recent Articles

    spot_img

    Related Stories

    Stay on op - Ge the daily news in your inbox

    [tdn_block_newsletter_subscribe input_placeholder="Email address" btn_text="Subscribe" tds_newsletter2-image="730" tds_newsletter2-image_bg_color="#c3ecff" tds_newsletter3-input_bar_display="" tds_newsletter4-image="731" tds_newsletter4-image_bg_color="#fffbcf" tds_newsletter4-btn_bg_color="#f3b700" tds_newsletter4-check_accent="#f3b700" tds_newsletter5-tdicon="tdc-font-fa tdc-font-fa-envelope-o" tds_newsletter5-btn_bg_color="#000000" tds_newsletter5-btn_bg_color_hover="#4db2ec" tds_newsletter5-check_accent="#000000" tds_newsletter6-input_bar_display="row" tds_newsletter6-btn_bg_color="#da1414" tds_newsletter6-check_accent="#da1414" tds_newsletter7-image="732" tds_newsletter7-btn_bg_color="#1c69ad" tds_newsletter7-check_accent="#1c69ad" tds_newsletter7-f_title_font_size="20" tds_newsletter7-f_title_font_line_height="28px" tds_newsletter8-input_bar_display="row" tds_newsletter8-btn_bg_color="#00649e" tds_newsletter8-btn_bg_color_hover="#21709e" tds_newsletter8-check_accent="#00649e" embedded_form_code="YWN0aW9uJTNEJTIybGlzdC1tYW5hZ2UuY29tJTJGc3Vic2NyaWJlJTIy" tds_newsletter="tds_newsletter1" tds_newsletter3-all_border_width="2" tds_newsletter3-all_border_color="#e6e6e6" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJib3JkZXItY29sb3IiOiIjZTZlNmU2IiwiZGlzcGxheSI6IiJ9fQ==" tds_newsletter1-btn_bg_color="#0d42a2" tds_newsletter1-f_btn_font_family="406" tds_newsletter1-f_btn_font_transform="uppercase" tds_newsletter1-f_btn_font_weight="800" tds_newsletter1-f_btn_font_spacing="1" tds_newsletter1-f_input_font_line_height="eyJhbGwiOiIzIiwicG9ydHJhaXQiOiIyLjYiLCJsYW5kc2NhcGUiOiIyLjgifQ==" tds_newsletter1-f_input_font_family="406" tds_newsletter1-f_input_font_size="eyJhbGwiOiIxMyIsImxhbmRzY2FwZSI6IjEyIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTMifQ==" tds_newsletter1-input_bg_color="#fcfcfc" tds_newsletter1-input_border_size="0" tds_newsletter1-f_btn_font_size="eyJsYW5kc2NhcGUiOiIxMiIsInBvcnRyYWl0IjoiMTEiLCJhbGwiOiIxMyJ9" content_align_horizontal="content-horiz-center"]