{"id":227346,"date":"2022-09-23T10:19:00","date_gmt":"2022-09-23T07:19:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227346"},"modified":"2022-11-08T19:24:34","modified_gmt":"2022-11-08T16:24:34","slug":"kuidas-wordpressis-fondi-vaervi-muuta-kiirjuhend","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/kuidas-wordpressis-fondi-vaervi-muuta-kiirjuhend\/","title":{"rendered":"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)"},"content":{"rendered":"\n<p>V\u00e4rskelt loodud WordPressi veebisaidil on vaikimisi fondiv\u00e4rvid, mis ei pruugi selle veebisaidi jaoks atraktiivsed ega kasulikud olla. N\u00e4iteks kui kasutaja t\u00f5stab teie lehel teksti esile, on teksti vaikev\u00e4rv sinine, mis m\u00f5ne veebisaidi puhul ei t\u00f6\u00f6ta.<\/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, \u00a0n\u00e4itab teile, kuidas WordPressis CSS-i abil fondi v\u00e4rvi muuta. \u00dcks esimesi aspekte, mida uue veebisaidi puhul kaaluda, on see, milline teema valida. \u00dcldiselt sobivad v\u00e4hesed vaiketeemad teie saidi \u00fcldise kujundusega, seega on vaja m\u00f5ningaid kohandusi.<\/p>\n<p>\u00dcks neist kohandustest on teksti v\u00e4rv. M\u00f5ned teemad ei paku aga v\u00f5imalust seda muuta. WordPressi teema kohandajat saab kasutada, kui teema seda v\u00f5imalust pakub, vastasel juhul kasutage klassikalist redaktorit v\u00f5i CSS-i.<\/p>\n<p>K\u00f5ige usaldusv\u00e4\u00e4rsem viis WordPressi fondi v\u00e4rvi muutmiseks on koodi kasutamine, kuid see v\u00f5ib olla hirmutav neile, kes pole kodeerimisega tuttavad.<\/p>\n<p>Allolev loend sisaldab mitmeid valikuid.<\/p>\n<p>M\u00e4rkus. See toimib ainult WordPress.org ajaveebi puhul; kui kasutate saiti WordPress.com, v\u00f5ib protsess veidi erineda, kuigi need v\u00f5ivad t\u00f6\u00f6tada. WordPressi t\u00e4ieliku v\u00f5imsuse kasutamiseks kaaluge \u00fcleminekut saidilt WordPress.com saidile WordPress.org.<\/p>\n<h3>1 meetod: muutke WordPressis fondi v\u00e4rvi teemakohandajaga<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b753a3f.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-185017-61e883b753a3f.jpg\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" ><\/a><\/p>\n<p>K\u00f5igepealt kontrollige, kas teie teema toetab fondi v\u00e4rvi muutmist, j\u00e4rgides neid samme.<\/p>\n<ul>\n<li>Esiteks avage oma WordPressi juhtpaneelil V\u00e4limus &gt; Kohandamine, nagu siin n\u00e4idatud.<\/li>\n<li>Siin kuvab iga WordPressi teema erinevaid kohandamisvalikuid; valige see, mis pakub fontide jaoks v\u00e4rvipaletti. M\u00e4rkus: kui te ei soovi teemat muuta ja praegune ei paku seda muudatust, peaksite kasutama muid meetodeid.<\/li>\n<li>Seej\u00e4rel valige V\u00e4limus &gt; Kohanda &gt; V\u00e4rvid. J\u00e4rgmisel lehel on s\u00f5ltuvalt teie teemast saadaval erinevad valikud.<\/li>\n<li>Kui teie teema ei paku kohandamisvalikuid, kaaluge muude meetodite kasutamist.<\/li>\n<\/ul>\n<h3>2 meetod: muutke WordPressi fondi v\u00e4rvi klassikalise redaktoriga<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b84c61b.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-185017-61e883b84c61b.jpg\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" ><\/a><\/p>\n<p>Klassikaline redaktor ei v\u00f5imalda lihtsalt WordPressis fondiv\u00e4rvi muutmist, kuna arendajad otsustasid selle muutmiseks selle valiku peita. Siiski on see v\u00f5imalik ja siin on, kuidas.<\/p>\n<ul>\n<li>Minge armatuurlauale ja leidke postitus, mida soovite muuta.<\/li>\n<li>Teksti v\u00e4rvi n\u00e4gemiseks kl\u00f5psake nuppu &quot;T\u00f6\u00f6riistariba l\u00fclitus&quot;, mis asub otse nuppude &quot;Lisa meedium&quot; ja &quot;Lisa kontaktivorm&quot; all.<\/li>\n<li>N\u00fc\u00fcd peaksid ilmuma m\u00f5ned lisavalikud, millest \u00fcks on rippmen\u00fc\u00fcst valik &quot;Teksti v\u00e4rv&quot;.<\/li>\n<li>Kui kl\u00f5psate allanoolt, peaksid fondi teksti jaoks olema erinevad kohandamissuvandid, mis on tavaliselt saadaval muude kohandamist\u00f6\u00f6riistade puhul. Kui teile ei meeldi v\u00e4rvivalikud (neid on 39), v\u00f5ite kasutada kohandatud fondiv\u00e4rve. Kui vajutate all paremas nurgas nuppu &quot;X&quot;, muudab see v\u00e4rvi &quot;ei v\u00e4rvi&quot;, mis reguleerib automaatselt teksti v\u00e4rvi.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b9501ce.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-185017-61e883b9501ce.jpg\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" ><\/a><\/p>\n<ul>\n<li>Kui teate soovitud v\u00e4rvi kuueteistk\u00fcmnendkoodi, saate seda kasutada v\u00e4rvi muutmiseks.<\/li>\n<li>Kui soovite seda teha ilma koodita, v\u00f5ite kl\u00f5psata men\u00fc\u00fc &quot;Teksti v\u00e4rv&quot; allosas oleval nupul &quot;Kohandatud&quot;.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883ba3ceba.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-185017-61e883ba3ceba.jpg\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" ><\/a><\/p>\n<ul>\n<li>Seej\u00e4rel peaksite paremas \u00fclanurgas n\u00e4gema ruudukujulist kasti, mis ulatub punasest mustani. Paremal on ka vikerkaare ristk\u00fclik, kus saate valida oma eelistatud v\u00e4rvi.<\/li>\n<li>V\u00e4rvi visuaalseks muutmiseks kl\u00f5psake selles vikerkaarekastis suvalist kohta; varju saab muuta ka selles kastis lohistades. Musta kasti v\u00e4rv peaks muutuma kohandatud v\u00e4rviks, mida teete. \u00dclaosas n\u00e4ete teksti eelvaadet teie valitud v\u00e4rviga. Seej\u00e4rel, kui olete valmis, genereeritakse \u00fclaosas automaatne kood, mis on abiks, kui soovite hiljem teisi v\u00e4rve sobitada.<\/li>\n<li>Kui soovite punase, rohelise ja sinise konkreetseid toone, sisestage v\u00e4\u00e4rtused paremal asuvatesse RGB-kastidesse. Samuti saate sisestada selle v\u00e4rvi jaoks vajaliku koodi.<\/li>\n<li>Kohandatud v\u00e4rvi salvestamiseks kl\u00f5psake nuppu Enter v\u00f5i nuppu OK. T\u00fchistamiseks kl\u00f5psake nuppu x v\u00f5i &quot;t\u00fchista&quot;, mis v\u00e4ljub men\u00fc\u00fcst midagi muutmata.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bb2f5ae.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-185017-61e883bb2f5ae.jpg\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" ><\/a><\/p>\n<ul>\n<li>Kui valite \u00f5ige v\u00e4rvi, kl\u00f5psake l\u00f5petamiseks nuppu &quot;Uuenda&quot;.<\/li>\n<li>Selle kohandatud v\u00e4rvi kasutamiseks tulevastes projektides peate selle protsessi uuesti l\u00e4bi tegema, kuna kohandatud v\u00e4rvi ei salvestata. Kui soovite seda v\u00e4rvi j\u00e4\u00e4davalt, peate v\u00e4rskendama teema CSS-i ja lisama sellesse v\u00e4rvi.<\/li>\n<\/ul>\n<h3>Meetod nr 3: muutke WordPressis CSS-iga globaalselt fondi v\u00e4rvi<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bc1d136.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-185017-61e883bc1d136.jpg\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" ><\/a><\/p>\n<p>CSS on k\u00f5ige t\u00f5husam ja usaldusv\u00e4\u00e4rsem meetod teksti v\u00e4rvi muutmiseks globaalselt. Siin on, kuidas seda teha.<\/p>\n<ul>\n<li>Avage: V\u00e4limus &gt; Kohanda &gt; T\u00e4iendav CSS. Lisage muudatuste j\u00f5ustumiseks kood.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bd092a9.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-185017-61e883bd092a9.jpg\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" ><\/a><\/p>\n<ul>\n<li>Pealkirjade fondiv\u00e4rvi muutmiseks 1-lt 6-le n\u00e4eks kood v\u00e4lja umbes selline:<\/li>\n<\/ul>\n<pre><code>h1, h2, h3, h4, h5, h6 {<\/code><\/pre>\n<p>Pange t\u00e4hele, et muudatus muudab ainult lehtede ja postituste pealkirjade fondi v\u00e4rvi, mitte postituse \u00fcldist pealkirja. Selle muudatuse tegemiseks peate lisama t\u00e4psema CSS-koodi. N\u00e4iteks pealkirja muutmiseks sisestage see kood:<\/p>\n<pre><code>.entry-title a {<\/code><\/pre>\n<p>Postituste pealkirjade tekstiv\u00e4rvi muutmiseks kasutage seda koodi:<\/p>\n<pre><code>h1.entry-title {<\/code><\/pre>\n<p>Kui soovite Firefoxis v\u00f5i Chrome&#8217;is praeguselt lehelt konkreetset v\u00e4rvi leida ja seda kasutada, leiate koodi kontrollimise t\u00f6\u00f6riista abil.<\/p>\n<p>See <a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">v\u00e4rvitabel<\/a> aitab teil leida soovitud v\u00e4rvi jaoks konkreetse kuueteistk\u00fcmnendkoodi.<\/p>\n<h3>L\u00f5petavad m\u00f5tted WordPressis teksti v\u00e4rvi muutmise kohta<\/h3>\n<p>Teadmine, kuidas WordPressis teksti v\u00e4rvi muuta, on veebidisaineri jaoks \u00fcks olulisemaid asju. Disainer v\u00f5ib sageli kulutada tunde, otsides oma disainilahendustele sobivaid lahendusi ning p\u00fc\u00fcdes optimeerida oma v\u00e4rvi- ja disainivalikuid. Tulemuseks on atraktiivne veebisait, mis saab klikke ja kasutajaid.<\/p>\n<p>Mida rohkem t\u00e4helepanu detailidele, seda atraktiivsem on sait, sealhulgas fondiv\u00e4rv. Samal ajal peaks sait h\u00e4sti toimima ja kasutajakogemus olema laitmatu, tagades, et disain ja funktsionaalsus on ideaalselt tasakaalus.<\/p>\n<h3>Hei, kas teadsite, et ka andmed v\u00f5ivad olla ilusad?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> saab seda nii teha. Sellel on hea p\u00f5hjus, miks see on WordPressi pistikprogramm nr 1 reageerivate tabelite ja diagrammide loomiseks.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883be07927.png\" alt=\"Kuidas WordPressis fondi v\u00e4rvi muuta (kiirjuhend)\" \/><\/a><\/p>\n<p>Tegelik n\u00e4ide wpDataTabelitest looduses<\/p>\n<p>Ja midagi sellist on v\u00e4ga lihtne teha:<\/p>\n<ol>\n<li>Esitate tabeli andmed<\/li>\n<li>Seadistage ja kohandage seda<\/li>\n<li>Avaldage see postituses v\u00f5i lehel<\/li>\n<\/ol>\n<p>Ja see pole mitte ainult ilus, vaid ka praktiline. Saate teha suuri <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kuni miljonite ridadega<\/a> tabeleid v\u00f5i kasutada <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4psemaid filtreid ja otsingut<\/a> v\u00f5i <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muuta see redigeeritavaks<\/a>.<\/p>\n<p>&quot;Jah, aga mulle lihtsalt meeldib Excel liiga palju ja veebisaitidel pole midagi sellist.&quot; Jah, on. Saate kasutada <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tingimusvormingut<\/a> nagu Excelis v\u00f5i Google&#8217;i arvutustabelites.<\/p>\n<p>Kas ma \u00fctlesin teile, et saate oma andmetega <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ka diagramme luua ?<\/a> Ja see on vaid v\u00e4ike osa. Teie jaoks on <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">palju muid funktsioone<\/a>.<\/p>\n<p>Kui teile meeldis lugeda seda artiklit WordPressis fondiv\u00e4rvi muutmise kohta, peaksite <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kommentaaride-keelamine-wordpressis-taeielik-juhend\/\" title=\"WordPressis kommentaaride keelamise kohta\">WordPressis kommentaaride keelamise kohta<\/a> lugema seda artiklit .<\/p>\n<p>Kirjutasime ka m\u00f5nest sellega seotud teemast, n\u00e4iteks <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kaitske-wordpressi-saiti-parooliga-teie-uelim-juhend\/\" title=\"WordPressi saidi parooliga kaitsmisest\">WordPressi saidi parooliga kaitsmisest<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-veebisaidi-hoolduskulud-kui-palju-peate-maksma\/\" title=\"veebisaidi hoolduskuludest\">veebisaidi hoolduskuludest<\/a>, hooldusre\u017eiimis <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kas-wordpress-on-hooldusreziimis-kinni-siin-on-mida-teha\/\" title=\"kinni j\u00e4\u00e4nud\">kinni j\u00e4\u00e4nud<\/a> WordPressist, <a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpress-multisite-101-koik-mida-pead-teadma\/\" title=\"WordPressi mitmest\">WordPressi mitmest<\/a> saidist, <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kohandatud-wordpressi-paeise-juhend-lihtsad-viisid-taeiuslike-paeiste-loomiseks\/\" title=\"WordPressi p\u00e4isest\">WordPressi p\u00e4isest<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-juhtpaneeli-sisselogimine-ei-toeoeta-siin-on-mida-peate-tegema\/\" title=\"WordPressi armatuurlauale sisselogimisest\">WordPressi armatuurlauale sisselogimisest<\/a> ja <a href=\"https:\/\/wordpress.mediadoma.com\/et\/naepunaeiteid-suurepaerase-wordpressi-tunnuslause-kirjutamiseks-ja-parimad-tavad\/\" title=\"WordPressi tunnustekstist\">WordPressi tunnustekstist<\/a>.<\/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>See artikkel n\u00e4itab teile, kuidas WordPressis CSS-i abil fondi v\u00e4rvi muuta. \u00dcks esimesi aspekte, mida uue veebisaidi puhul arvestada.<\/p>\n","protected":false},"author":1,"featured_media":185018,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[833,842,863],"tags":[1165],"class_list":["post-227346","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-juhend-algajatele","category-opetused","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/227346","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=227346"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/227346\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/185018"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=227346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=227346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=227346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}