Kuidas WordPressis fonte ilma probleemideta muuta

WordPressi fondid on ettevõtte kaubamärgi loomisel ülioluline osa. Kuigi mõned võivad fonte ebaolulistena tähelepanuta jätta, on need paljude jaoks nende veebisaidi oluline osa.

Lisaks värvidele, piltidele, logodele ja muudele kaubamärgielementidele mängivad fondid olulist rolli teie brändi kuvandis ja selles, kuidas kliendid teie brändi tajuvad. Kuna need pakuvad palju võimalusi, on WordPress üks parimaid kohandamisplatvorme.

Hoolimata asjaolust, et tasuta fondivalikuid on palju, on oluline teada, kuidas WordPressis fonte muuta, mis võib nõuda mõningaid teadmisi CSS-i kodeerimisest.

See artikkel, mille on loonud meie wpDataTablesi meeskond, näitab, kuidas WordPressis fonte hõlpsalt muuta.

Kuidas WordPressi teemades fonte muuta

Vaatame järgmist stsenaariumi. Soovite oma veebisaidile erinevaid fondikombinatsioone, kuid miski takistab teil edasi liikuda.

Teemades fontide muutmine võib olla keeruline, kuna tavaliselt on nendega kaasas eelseadistatud fondid, mida kasutatakse teema erinevates osades. Peate leidma CSS-i skripti, mis määrab konkreetse ala fondi, olgu selleks jalus, päis, keha või muud osad.

Kui soovite kasutada täiesti uut fonti, on vaja eelkodeerimist. Esmalt valige oma veebisaidi jaoks litsentsitud font ja seejärel laadige see serverisse. Faili style.css ülaosas peate määrama ka fondiperekonna. Siin on näide selle kohta, kuidas kood välja näeb:

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

Kuidas kohandamisfunktsiooni abil fonte WordPressis globaalselt muuta

Fontide muutmine kohandamisfunktsiooniga on lihtne. Kõigepealt logige sisse oma WordPressi profiilile ja minge armatuurlauale, klõpsake valikul Välimus ja seejärel valikul Kohanda.

Teine võimalus sellele alale juurde pääseda on logida sisse oma WordPressi armatuurlauale, klõpsata vasakus ülanurgas saidi nimel ja seejärel nuppu Kohanda.

Seejärel kerige alla vasakule poole ja leidke väli, kuhu saate lisada täiendava CSS-koodi. Koodi lisamiseks klõpsake sellel. Siin on näide koodist:

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

Kui lisate algusesse *, lisab see fondi kogu saidile. Koodi kleepimisel muutub see koheselt. Kui olete valmis muudatusi tegema, klõpsake nuppu Avalda.

Kuidas muuta WordPressis fonte teema konkreetsetes piirkondades

Teemadel on erinevates piirkondades eelseadistatud fondid ja teie saidi eri piirkondade jaoks on vaja erinevaid fonte, mis lisab kohandatavust. Teemade tuvastamine erinevates valdkondades on keeruline.

Leiate keha jaoks muust eraldiseisva fondi, mida saab kasutada märgendi, klassi või div poolt määratlemata fontide määramiseks.

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

Tõenäoliselt leiate fonte erinevatest CSS-i klassidest: sisu, postitus, kanne ja post-entry.

Lisage kohandatud fonte

Kohandatud fontide lisamine on üks parimaid viise päiste ja põhifondi muutmiseks. Avage Kujundus > Kohanda > Fondid.

Kohandatud fondi vastu vahetamine on lihtne. Google Fontsist, Typekitist ja lõpuks WordPressi lisatasu või uuema tellimusega on palju suurepäraseid fonte.

Kuidas seda teha:

• Avage Disain >
• Klõpsake jaotises Kohanda valikut Fondid. Seejärel klõpsake jaotises Pealkirjad saadaolevate valikute nägemiseks rippmenüül.

• Kui siin olevad fondid pole nähtavad, siis tõenäoliselt ei paku teema võimalust fonte kohandatud fontideks muuta. Sel juhul leidke mõni muu teema, mis seda võimalust pakub.
• Fondid on sageli paarikaupa, üks pealkirjade jaoks ja teine ​​keha jaoks. Pealkirjade jaoks on oluline valida font, mis on ahvatlev pealkirjade, vidinate pealkirjade, kommentaaride päiste ja muude alade jaoks. Põhifont on põhiteksti font, nii et tehke see võimalikult loetavaks.

• Enne fondi valimist näete reaalajas eelvaadet.

Kuidas reguleerida fondi suurust ja stiili

Fondi stiili reguleerimiseks klõpsake fondi vasakpoolset valikut. Olenevalt valitud fondist on saadaval erinevad stiilid.

Fondi suuruse reguleerimiseks minge allolevale suurusevalikule ja reguleerige fondi suurust. Muutke see sobivaks pealkirjade või sisu jaoks, mida on lihtne teha rippmenüüst.

WordPressi lisatasu või uuem tellimus võimaldab muuta CSS-koodi fondi suurust.

Kuidas fonte salvestada

Kui olete kohandamisvalikutega lõpetanud, salvestatakse font kahel viisil: klõpsates valikul Avalda oma sait või Salvesta mustand.

Pärast salvestamist oodake paar minutit, kuni fondid ajaveebis kuvatakse. Kui neid ei kuvata, proovige tühjendada brauseri vahemälu, veendumaks, et tegemist on saidi uusima versiooniga.

Kuidas fonte muuta

Siit saate teada, kuidas pärast kohandatud fondi loomist WordPressis fonte muuta.

Muutke kohandatud fonte, minnes Disain ja seejärel Kohanda. Seejärel minge jaotisse Fontid, valige mõni muu päis või põhifont. Samuti saate vaikefondile tagasi lülituda, klõpsates X-i, mis asub kohandatud fondi nimest paremal.

Fondi muutmise lõpuleviimiseks klõpsake nuppu Avalda või Salvesta mustand.

Jällegi võib fontide kuvamiseks kuluda mõni minut ja brauseri vahemälu tühjendamine on hädavajalik.

Fontide lähtestamine

Fontide lähtestamiseks vajutage lihtsalt X-i praeguse kasutatava fondi kõrval.

Kuidas fonte järjekorda panna

WordPressi fontide õigeks lisamiseks peate muutma erinevaid faile; mis kõige tähtsam, fail functions.php või fail function_wp; enqueuer_script ja wp_enqueue_style.

Koodilõikude puhul muutke lihtsalt fonti ilma koodi failidesse sisestamata. Lihtsalt lisage need funktsiooni kaudu päisesse.

Wp_enqueue_script ja wp_enqueue_style on sarnased failid, seega on parem stiilifaili muuta, olenevalt sellest, mida teie fondipakkuja pakub.

Google Fonts annab fonte stiililehtedena, seega lisage need järgmiselt:

function add_google_fonts() {

Muud fondid, nagu Adobe Edge Web Fonts, tulevad Javascripti failide kujul. Kood näeks välja selline:

function add_adobe_fonts() {

Kui teate, kus fonte muuta, muutub see funktsioon lihtsaks.

Kuidas muuta fondi suurust

Fondi suuruse reguleerimine on põhiline, lihtsalt pealkirja suurust kohandades. Visuaalset redaktorit kasutades leiate kõik valikud vahekaardilt "Lõige".

Tavaliselt juhib fondi suurust fail style.css, mis võimaldab juurdepääsu fondi suurustele.

Õigete pealkirjade kasutamine artiklites on hädavajalik nii rahuldava kasutajakogemuse loomiseks kui ka SEO-sõbralikumaks muutmiseks.

Kui teile meeldis lugeda seda artiklit WordPressis fontide muutmise kohta, peaksite WordPressi meediumiteegi allalaadimise kohta lugema seda artiklit .

Kirjutasime ka mõnest seotud teemast, nagu WordPressis lehe ID leidmine , WordPressi iframe manustamine, renderdamist blokeeriva JavaScripti ja CSS-i kõrvaldamine lehe ülaosa sisust, DDoS-i rünnaku peatamine ja kuidas WordPressis lehe pealkirja peitmiseks .