{"id":226599,"date":"2022-09-05T14:19:00","date_gmt":"2022-09-05T11:19:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226599"},"modified":"2022-11-08T20:09:03","modified_gmt":"2022-11-08T17:09:03","slug":"kuidas-wordpressis-fonte-ilma-probleemideta-muuta","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/kuidas-wordpressis-fonte-ilma-probleemideta-muuta\/","title":{"rendered":"Kuidas WordPressis fonte ilma probleemideta muuta"},"content":{"rendered":"\n<p>WordPressi fondid on ettev\u00f5tte kaubam\u00e4rgi loomisel \u00fclioluline osa. Kuigi m\u00f5ned v\u00f5ivad fonte ebaolulistena t\u00e4helepanuta j\u00e4tta, on need paljude jaoks nende veebisaidi oluline osa.<\/p>\n<p>Lisaks v\u00e4rvidele, piltidele, logodele ja muudele kaubam\u00e4rgielementidele m\u00e4ngivad fondid olulist rolli teie br\u00e4ndi kuvandis ja selles, kuidas kliendid teie br\u00e4ndi tajuvad. Kuna need pakuvad palju v\u00f5imalusi, on WordPress \u00fcks parimaid kohandamisplatvorme.<\/p>\n<p>Hoolimata asjaolust, et tasuta fondivalikuid on palju, on oluline teada, kuidas WordPressis fonte muuta, mis v\u00f5ib n\u00f5uda m\u00f5ningaid teadmisi CSS-i kodeerimisest.<\/p>\n<p>See artikkel, mille on loonud meie <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTablesi<\/a> meeskond, n\u00e4itab, kuidas WordPressis fonte h\u00f5lpsalt muuta.<\/p>\n<h3>Kuidas WordPressi teemades fonte muuta<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26a70704.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26a70704.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Vaatame j\u00e4rgmist stsenaariumi. Soovite oma veebisaidile erinevaid <a href=\"https:\/\/wpamelia.com\/font-combinations\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">fondikombinatsioone<\/a>, kuid miski takistab teil edasi liikuda.<\/p>\n<p>Teemades fontide muutmine v\u00f5ib olla keeruline, kuna tavaliselt on nendega kaasas eelseadistatud fondid, mida kasutatakse teema erinevates osades. Peate leidma CSS-i skripti, mis m\u00e4\u00e4rab konkreetse ala fondi, olgu selleks jalus, p\u00e4is, keha v\u00f5i muud osad.<\/p>\n<p>Kui soovite kasutada t\u00e4iesti uut fonti, on vaja eelkodeerimist. Esmalt valige oma veebisaidi jaoks litsentsitud font ja seej\u00e4rel laadige see serverisse. Faili style.css \u00fclaosas peate m\u00e4\u00e4rama ka fondiperekonna. Siin on n\u00e4ide selle kohta, kuidas kood v\u00e4lja n\u00e4eb:<\/p>\n<pre><code>@font-face {font-family: Museo300;\nsrc: local('Museo300-Regular'),\nurl(\"fonts\/Museo300-Regular.ttf\") format('truetype\u2019);\nfont-weight: normal;}<\/code><\/pre>\n<h3>Kuidas kohandamisfunktsiooni abil fonte WordPressis globaalselt muuta<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26b9cf63.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26b9cf63.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Fontide muutmine kohandamisfunktsiooniga on lihtne. K\u00f5igepealt logige sisse oma WordPressi profiilile ja minge armatuurlauale, kl\u00f5psake valikul V\u00e4limus ja seej\u00e4rel valikul Kohanda.<\/p>\n<p>Teine v\u00f5imalus sellele alale juurde p\u00e4\u00e4seda on logida sisse oma WordPressi armatuurlauale, kl\u00f5psata vasakus \u00fclanurgas saidi nimel ja seej\u00e4rel nuppu Kohanda.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26cc9541.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26cc9541.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Seej\u00e4rel kerige alla vasakule poole ja leidke v\u00e4li, kuhu saate lisada t\u00e4iendava CSS-koodi. Koodi lisamiseks kl\u00f5psake sellel. Siin on n\u00e4ide koodist:<\/p>\n<pre><code>* {font-family:\"Courier New\", Courier, monospace}Copy<\/code><\/pre>\n<p>Kui lisate algusesse *, lisab see fondi kogu saidile. Koodi kleepimisel muutub see koheselt. Kui olete valmis muudatusi tegema, kl\u00f5psake nuppu Avalda.<\/p>\n<h3>Kuidas muuta WordPressis fonte teema konkreetsetes piirkondades<\/h3>\n<p>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.<\/p>\n<p>Leiate keha jaoks muust eraldiseisva fondi, mida saab kasutada m\u00e4rgendi, klassi v\u00f5i div poolt m\u00e4\u00e4ratlemata fontide m\u00e4\u00e4ramiseks.<\/p>\n<pre><code>body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;\nfont-size: 1em;\npadding:0;\nmargin:0; }<\/code><\/pre>\n<p>T\u00f5en\u00e4oliselt leiate fonte erinevatest CSS-i klassidest: sisu, postitus, kanne ja post-entry.<\/p>\n<h2>Lisage kohandatud fonte<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26ddcccd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26ddcccd.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Kohandatud fontide lisamine on \u00fcks parimaid viise p\u00e4iste ja p\u00f5hifondi muutmiseks. Avage Kujundus &gt; Kohanda &gt; Fondid.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26ee1f5d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26ee1f5d.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Kohandatud fondi vastu vahetamine on lihtne. Google Fontsist, Typekitist ja l\u00f5puks WordPressi lisatasu v\u00f5i uuema tellimusega on palju suurep\u00e4raseid fonte.<\/p>\n<p>Kuidas seda teha:<\/p>\n<ul>\n<li>Avage <a href=\"https:\/\/wordpress.com\/customize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disain<\/a> &gt;<\/li>\n<li>Kl\u00f5psake jaotises Kohanda valikut Fondid. Seej\u00e4rel kl\u00f5psake jaotises Pealkirjad saadaolevate valikute n\u00e4gemiseks rippmen\u00fc\u00fcl.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26ff18fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b26ff18fd.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<ul>\n<li>Kui siin olevad fondid pole n\u00e4htavad, siis t\u00f5en\u00e4oliselt ei paku teema v\u00f5imalust fonte kohandatud fontideks muuta. Sel juhul leidke m\u00f5ni muu teema, mis seda v\u00f5imalust pakub.<\/li>\n<li>Fondid on sageli paarikaupa, \u00fcks pealkirjade jaoks ja teine \u200b\u200bkeha jaoks. Pealkirjade jaoks on oluline valida font, mis on ahvatlev pealkirjade, vidinate pealkirjade, kommentaaride p\u00e4iste ja muude alade jaoks. P\u00f5hifont on p\u00f5hiteksti font, nii et tehke see v\u00f5imalikult loetavaks.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b27118cb9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b27118cb9.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<ul>\n<li>Enne fondi valimist n\u00e4ete reaalajas eelvaadet.<\/li>\n<\/ul>\n<h3>Kuidas reguleerida fondi suurust ja stiili<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2722f190.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2722f190.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Fondi stiili reguleerimiseks kl\u00f5psake fondi vasakpoolset valikut. Olenevalt valitud fondist on saadaval erinevad stiilid.<\/p>\n<p>Fondi suuruse reguleerimiseks minge allolevale suurusevalikule ja reguleerige fondi suurust. Muutke see sobivaks pealkirjade v\u00f5i sisu jaoks, mida on lihtne teha rippmen\u00fc\u00fcst.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b27321d4e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b27321d4e.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>WordPressi lisatasu v\u00f5i uuem tellimus v\u00f5imaldab muuta CSS-koodi fondi suurust.<\/p>\n<h3>Kuidas fonte salvestada<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2741646b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2741646b.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Kui olete kohandamisvalikutega l\u00f5petanud, salvestatakse font kahel viisil: kl\u00f5psates valikul Avalda oma sait v\u00f5i Salvesta mustand.<\/p>\n<p>P\u00e4rast salvestamist oodake paar minutit, kuni fondid ajaveebis kuvatakse. Kui neid ei kuvata, proovige <a href=\"https:\/\/en.support.wordpress.com\/browser-issues\/#clearing-your-browser-cache\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00fchjendada brauseri vahem\u00e4lu<\/a>, veendumaks, et tegemist on saidi uusima versiooniga.<\/p>\n<h3>Kuidas fonte muuta<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2751515d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2751515d.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Siit saate teada, kuidas p\u00e4rast kohandatud fondi loomist WordPressis fonte muuta.<\/p>\n<p>Muutke kohandatud fonte, minnes <a href=\"https:\/\/wordpress.com\/customize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disain<\/a> ja seej\u00e4rel Kohanda. Seej\u00e4rel minge <a href=\"https:\/\/wordpress.com\/customize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">jaotisse Fontid,<\/a> valige m\u00f5ni muu p\u00e4is v\u00f5i p\u00f5hifont. Samuti saate vaikefondile tagasi l\u00fclituda, kl\u00f5psates X-i, mis asub kohandatud fondi nimest paremal.<\/p>\n<p>Fondi muutmise l\u00f5puleviimiseks kl\u00f5psake nuppu Avalda v\u00f5i Salvesta mustand.<\/p>\n<p>J\u00e4llegi v\u00f5ib fontide kuvamiseks kuluda m\u00f5ni minut ja brauseri vahem\u00e4lu t\u00fchjendamine on h\u00e4davajalik.<\/p>\n<h3>Fontide l\u00e4htestamine<\/h3>\n<p>Fontide l\u00e4htestamiseks vajutage lihtsalt X-i praeguse kasutatava fondi k\u00f5rval.<\/p>\n<h3>Kuidas fonte j\u00e4rjekorda panna<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b27621f14.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b27621f14.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>WordPressi fontide \u00f5igeks lisamiseks peate muutma erinevaid faile; mis k\u00f5ige t\u00e4htsam, fail functions.php v\u00f5i fail function_wp; enqueuer_script ja wp_enqueue_style.<\/p>\n<p>Koodil\u00f5ikude puhul muutke lihtsalt fonti ilma koodi failidesse sisestamata. Lihtsalt lisage need funktsiooni kaudu p\u00e4isesse.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2772999d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197302-61e8b2772999d.jpg\" alt=\"Kuidas WordPressis fonte ilma probleemideta muuta\" ><\/a><\/p>\n<p>Wp_enqueue_script ja wp_enqueue_style on sarnased failid, seega on parem stiilifaili muuta, olenevalt sellest, mida teie fondipakkuja pakub.<\/p>\n<p>Google Fonts annab fonte stiililehtedena, seega lisage need j\u00e4rgmiselt:<\/p>\n<pre><code>function add_google_fonts() {<\/code><\/pre>\n<p>Muud fondid, nagu Adobe Edge Web Fonts, tulevad Javascripti failide kujul. Kood n\u00e4eks v\u00e4lja selline:<\/p>\n<pre><code>function add_adobe_fonts() {<\/code><\/pre>\n<p>Kui teate, kus fonte muuta, muutub see funktsioon lihtsaks.<\/p>\n<h3>Kuidas muuta fondi suurust<\/h3>\n<p>Fondi suuruse reguleerimine on p\u00f5hiline, lihtsalt pealkirja suurust kohandades. Visuaalset redaktorit kasutades leiate k\u00f5ik valikud vahekaardilt &quot;L\u00f5ige&quot;.<\/p>\n<p>Tavaliselt juhib fondi suurust fail style.css, mis v\u00f5imaldab juurdep\u00e4\u00e4su fondi suurustele.<\/p>\n<p>\u00d5igete pealkirjade kasutamine artiklites on h\u00e4davajalik nii rahuldava kasutajakogemuse loomiseks kui ka SEO-s\u00f5bralikumaks muutmiseks.<\/p>\n<p>Kui teile meeldis lugeda seda artiklit WordPressis fontide muutmise kohta, peaksite <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-wordpressi-meediumiteeki-alla-laadida\/\" title=\"WordPressi meediumiteegi allalaadimise\">WordPressi meediumiteegi allalaadimise<\/a> kohta lugema seda artiklit .<\/p>\n<p>Kirjutasime ka m\u00f5nest seotud teemast, nagu <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-wordpressis-mone-sammuga-lehe-id-leida\/\" title=\"WordPressis lehe ID leidmine ,\">WordPressis lehe ID leidmine ,<\/a> <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-manustada-wordpressi-iframei-pistikprogrammiga-ja-ilma\/\" title=\"WordPressi iframe\">WordPressi iframe<\/a> manustamine, <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-korvaldada-lehe-uelaosa-sisus-renderdamist-blokeeriv-javascript-ja-css\/\" title=\"renderdamist blokeeriva JavaScripti ja CSS-i k\u00f5rvaldamine lehe \u00fclaosa sisust\">renderdamist blokeeriva JavaScripti ja CSS-i k\u00f5rvaldamine lehe \u00fclaosa sisust<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-peatada-ddos-i-ruennak-oma-wordpressi-veebisaidil\/\" title=\"DDoS-i r\u00fcnnaku peatamine\">DDoS-i r\u00fcnnaku peatamine<\/a> ja kuidas <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-wordpressis-lehe-pealkirja-peita-luehijuhend\/\" title=\"WordPressis lehe pealkirja\">WordPressis lehe pealkirja<\/a> peitmiseks .<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kuidas WordPressis fonte muuta? Noh, see on ettev\u00f5tte br\u00e4ndingu oluline osa. Kuigi m\u00f5ned v\u00f5ivad fonte ebaolulistena t\u00e4helepanuta j\u00e4tta,<\/p>\n","protected":false},"author":1,"featured_media":224317,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[833,916,842,863],"tags":[1165],"class_list":["post-226599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-juhend-algajatele","category-muud","category-opetused","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/226599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=226599"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/226599\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/224317"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=226599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=226599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=226599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}